roundabout,
created on Friday, 19 April 2024, 19:13:10 (1713553990),
received on Monday, 29 April 2024, 06:47:46 (1714373266)
Author identity: vlad <vlad.muntoiu@gmail.com>
f7429855678d6fadb274d7f8c1092287a9b1e6ea
static/fonts/RoLeagueGothic-Condensed.woff2
static/fonts/RoLeagueGothic-CondensedItalic.woff2
static/fonts/RoLeagueGothic-Italic.woff2
static/fonts/RoLeagueGothic-Regular.woff2
static/style.css
@@ -0,0 +1,186 @@
@font-face {
font-family: "Romanian League Gothic";
src: url("/static/fonts/RoLeagueGothic-Regular.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Romanian League Gothic Condensed";
src: url("/static/fonts/RoLeagueGothic-Condensed.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Source Serif";
src: url("/static/fonts/SourceSerif4Variable-Roman.otf.woff2") format("woff2-variations");
}
@font-face {
font-family: "Source Serif";
src: url("/static/fonts/SourceSerif4Variable-Italic.otf.woff2") format("woff2-variations");
font-style: italic;
}
@font-face {
font-family: "Source Sans";
src: url("/static/fonts/SourceSans3VF-Upright.otf.woff2") format("woff2-variations");
}
@font-face {
font-family: "Source Sans";
src: url("/static/fonts/SourceSans3VF-Italic.otf.woff2") format("woff2-variations");
font-style: italic;
}
body {
line-height: 1.5rem;
font-family: "Source Serif", serif;
font-weight: 375;
font-size: 1.125rem;
min-height: 100vh;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
background: #eceff1;
}
a {
color: #009688;
text-decoration-thickness: 0.125em;
}
header {
width: 100%;
font-family: "Source Sans", sans-serif;
position: sticky;
top: 0;
background: #eceff1;
display: flex;
justify-content: center;
}
nav {
width: min(800px, 100%);
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
height: 4rem;
}
nav > ul {
font-family: "Romanian League Gothic", sans-serif;
display: flex;
list-style: none;
padding: 0;
margin: 0;
align-items: center;
gap: 1rem;
font-weight: normal;
font-size: 1.75rem;
line-height: 2rem;
text-transform: uppercase;
}
nav > ul > li > a {
font-weight: normal;
text-decoration: none;
color: #000000;
text-decoration-thickness: 0.125em;
}
nav > ul > li > a:hover {
text-decoration: underline;
}
footer {
width: min(800px, 100%);
padding: 1rem;
box-sizing: border-box;
font-family: "Source Sans", sans-serif;
}
main {
width: min(800px, 100%);
flex: 1 0 auto;
gap: 1rem;
display: flex;
flex-direction: column;
}
.content-area {
box-shadow: 0 0 1px #00000028,
0 0 2px #00000020,
0 2px 4px #00000010,
0 2px 18px -6px #00000010;
padding: 1rem;
box-sizing: border-box;
background: #ffffff;
}
h1 {
font-family: "Romanian League Gothic Condensed", sans-serif;
font-weight: normal;
font-size: 4rem;
line-height: 5rem;
margin: 0;
text-align: center;
border-bottom: 0.5px solid #000000;
}
h2 {
font-family: "Romanian League Gothic", sans-serif;
font-weight: normal;
font-size: 2.75rem;
line-height: 3rem;
margin: 0;
}
h3 {
font-family: "Source Sans", sans-serif;
font-weight: 725;
font-size: 1.875rem;
line-height: 3rem;
margin: 0;
}
h4 {
font-family: "Source Sans", sans-serif;
font-weight: 800;
font-size: 1.5rem;
line-height: 2rem;
margin: 0;
}
h5 {
font-family: "Source Sans", sans-serif;
font-weight: 800;
font-size: 1.25rem;
line-height: 2rem;
margin: 0;
}
h6 {
font-family: "Source Sans", sans-serif;
font-weight: 900;
font-size: 1.125rem;
line-height: 2rem;
margin: 0;
}
.article-title {
text-decoration: none;
text-align: center;
color: #009688;
display: block;
width: 100%;
}
#mail-link {
color: #009688;
text-transform: none;
}
templates/default.html
@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{% block title %}Blog{% endblock %}</title>
<link rel="stylesheet" href="/static/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/projects">Projects</a></li>
<li><a href="/index">Index</a></li>
<li><a href="https://roundabout-host.com/roundabout">Roundabout-host</a></li>
</ul>
<ul>
<li><a href="mailto:root@roundabout-host.com" id="mail-link">root@roundabout-host.com</a></li>
</ul>
</nav>
</header>
<main>
{% block content %}<article class="content-area">{{ document.content }}</article>{% endblock %}
</main>
<footer>
<p>Page generated on {{ timestamp.strftime("%A, %e %B %Y at %H:%M:%S") }}</p>
<p>© Roundabout developer</p>
</footer>
</body>
</html>