summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/style.css93
-rw-r--r--src/templates/layout.html6
2 files changed, 53 insertions, 46 deletions
diff --git a/src/style.css b/src/style.css
index 9a6d2f7..5192555 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,38 +1,14 @@
-@font-face {
- font-family: 'PT Sans';
- font-style: normal;
- font-weight: 400;
- src: local('PT Sans'), local('PTSans-Regular'), url(https://theos.kyriasis.com/fonts/ptsans.ttf) format('truetype');
-}
-@font-face {
- font-family: 'PT Sans';
- font-style: normal;
- font-weight: 700;
- src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://theos.kyriasis.com/fonts/ptsans-bold.ttf) format('truetype');
-}
-@font-face {
- font-family: 'PT Sans';
- font-style: italic;
- font-weight: 400;
- src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://theos.kyriasis.com/fonts/ptsans-italic.ttf) format('truetype');
-}
-@font-face {
- font-family: 'DejaVu Sans Mono';
- src: url('https://theos.kyriasis.com/fonts/DejaVuSansMono.woff') format('woff');
- font-weight: normal;
- font-style: normal;
-}
-
*, *:before, *:after { box-sizing: border-box; }
html {
background-color: #eee;
}
body {
- font-size: 16px;
- font-family: 'PT Sans';
+ font-size: 1em;
+ font-family: 'Fontin Sans';
font-kerning: normal;
font-feature-settings: "kern";
font-variant-ligatures: common-ligatures;
+ text-align: justify;
max-width: 42rem;
margin: -1.5rem auto;
padding: 0 1rem;
@@ -42,6 +18,10 @@ body {
-ms-hyphens: auto; hyphens: auto;
}
+h1, h2, h3 {
+ color: #111;
+}
+
a, a:visited {
text-decoration: none;
color: #32609C;
@@ -51,12 +31,10 @@ a:hover {
}
header {
- font-size: 0.9rem;
padding-top: 1.25rem;
}
header nav ul {
- font-size: 0.9rem;
- font-family: 'DejaVu Sans Mono';
+ font-size: 0.95em;
list-style-type: none;
padding: 0;
}
@@ -71,6 +49,8 @@ header nav a:hover {
color: #000;
}
header h1 {
+ font-family: 'Fontin';
+ font-size: 2.25em;
margin: 0;
}
@@ -86,18 +66,24 @@ header h1 {
#welcome-to-theos-kyriasis-com > p:first-of-type:first-letter {
float: left;
color: #903;
- font-size: 3rem;
+ font-size: 44px;
line-height: 2rem;
- padding-top: 0.4rem;
- padding-right: 0.4rem;
- padding-left: 0.1rem;
- font-family: 'Georgia';
+ padding-top: 0.1em;
+ padding-right: 0.2rem;
+ padding-bottom: 0;
+ font-family: 'Fontin';
}
@media (max-width: 767px) {
#welcome-to-theos-kyriasis-com > p:first-of-type:first-letter {
- padding-top: 0.3rem;
+ padding-top: 0.2rem;
padding-right: 0.2rem;
- font-size: 2.7rem;
+ font-size: 2.5rem;
+ }
+}
+@media all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
+ #welcome-to-theos-kyriasis-com > p:first-of-type:first-letter {
+ font-size: 44px;
+ padding-top: 0.3rem;
}
}
@@ -113,15 +99,11 @@ header h1 {
}
p#last-upd, p#author {
- font-size: 14px;
+ font-size: 0.9em;
text-align: right;
margin: 0;
}
-div.section h1 {
- font-size: 19px;
-}
-
.botborder {
border-bottom: 0.15rem;
border-bottom-style: dotted;
@@ -131,10 +113,35 @@ div.section h1 {
footer p {
color: #333;
- margin: 1rem 0;
+ margin-bottom: 1rem 0;
}
@font-face {
+ font-family: 'Fontin';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Fontin'), url('https://theos.kyriasis.com/fonts/Fontin-Bold.ttf') format('truetype');
+}
+
+@font-face {
+ font-family: 'Fontin Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Fontin Sans'), local('FontinSans'), url('https://theos.kyriasis.com/fonts/Fontin_Sans_R_45b.otf') format('opentype');
+}
+@font-face {
+ font-family: 'Fontin Sans';
+ font-style: italic;
+ font-weight: 400;
+ src: local('Fontin Sans Italic'), local('FontinSans-Italic'), url('https://theos.kyriasis.com/fonts/Fontin_Sans_I_45b.otf') format('opentype');
+}
+@font-face {
+ font-family: 'Fontin Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Fontin Sans Bold'), local('FontinSans-Bold'), url('https://theos.kyriasis.com/fonts/Fontin_Sans_B_45b.otf') format('opentype');
+}
+@font-face {
font-family: 'Fontin Sans SC';
font-style: normal;
font-weight: 400;
diff --git a/src/templates/layout.html b/src/templates/layout.html
index e78be4b..492f274 100644
--- a/src/templates/layout.html
+++ b/src/templates/layout.html
@@ -14,9 +14,9 @@
<header>
<nav>
<ul>
- <li><a href="https://theos.kyriasis.com/">theos/</a></li>
- <li><a href="http://git.kyriasis.com/">cgit/</a></li>
- <li><a href="https://theos.kyriasis.com/znc/">znc/</a></li>
+ <li><a href="https://theos.kyriasis.com/">theos</a></li>
+ <li><a href="http://git.kyriasis.com/">cgit</a></li>
+ <li><a href="https://theos.kyriasis.com/znc/">znc</a></li>
</ul>
</nav>
<h1>{{ header }}</h1>