diff --git a/src/fonts/century-supra/Century Supra C3 Bold.otf b/src/fonts/century-supra/Century Supra C3 Bold.otf
new file mode 100644
index 0000000..f0bbd29
Binary files /dev/null and b/src/fonts/century-supra/Century Supra C3 Bold.otf differ
diff --git a/src/fonts/century-supra/Century Supra C3 Bold.ttf b/src/fonts/century-supra/Century Supra C3 Bold.ttf
new file mode 100644
index 0000000..598aa29
Binary files /dev/null and b/src/fonts/century-supra/Century Supra C3 Bold.ttf differ
diff --git a/src/fonts/century-supra/Century Supra C3 Regular.otf b/src/fonts/century-supra/Century Supra C3 Regular.otf
new file mode 100644
index 0000000..3a6ec98
Binary files /dev/null and b/src/fonts/century-supra/Century Supra C3 Regular.otf differ
diff --git a/src/fonts/century-supra/Century Supra C3 Regular.ttf b/src/fonts/century-supra/Century Supra C3 Regular.ttf
new file mode 100644
index 0000000..5e1fc81
Binary files /dev/null and b/src/fonts/century-supra/Century Supra C3 Regular.ttf differ
diff --git a/src/fonts/century-supra/century_supra_c3_bold.woff b/src/fonts/century-supra/century_supra_c3_bold.woff
new file mode 100644
index 0000000..d44dfed
Binary files /dev/null and b/src/fonts/century-supra/century_supra_c3_bold.woff differ
diff --git a/src/fonts/century-supra/century_supra_c3_regular.woff b/src/fonts/century-supra/century_supra_c3_regular.woff
new file mode 100644
index 0000000..b9b75b3
Binary files /dev/null and b/src/fonts/century-supra/century_supra_c3_regular.woff differ
diff --git a/src/fonts/century-supra/stylesheet.css.pp b/src/fonts/century-supra/stylesheet.css.pp
index 0b6b879..f2bf7f6 100644
--- a/src/fonts/century-supra/stylesheet.css.pp
+++ b/src/fonts/century-supra/stylesheet.css.pp
@@ -35,3 +35,21 @@
font-weight: bold;
font-style: italic;
}
+
+@font-face {
+ font-family: 'Century Supra (Small Caps)';
+ src: url('Century Supra C3 Regular.otf') format('opentype'),
+ url('Century Supra C3 Regular.ttf') format('truetype'),
+ url('century_supra_c3_regular.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Century Supra (Small Caps)';
+ src: url('Century Supra C3 Bold.otf') format('opentype'),
+ url('Century Supra C3 Bold.ttf') format('truetype'),
+ url('century_supra_c3_bold.woff') format('woff');
+ font-weight: bold;
+ font-style: normal;
+}
diff --git a/src/index.ptree b/src/index.ptree
new file mode 100644
index 0000000..7ecbc84
--- /dev/null
+++ b/src/index.ptree
@@ -0,0 +1,4 @@
+#lang pollen
+
+index.html
+blog
\ No newline at end of file
diff --git a/src/stylesheet.css.pp b/src/stylesheet.css.pp
index efc8f9b..667081f 100644
--- a/src/stylesheet.css.pp
+++ b/src/stylesheet.css.pp
@@ -2,14 +2,17 @@
◊(define navbar-height 60)
◊(define serif-font-stack "'Century Supra', 'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', Georgia, serif")
+◊(define small-caps-font-stack "'Century Supra (Small Caps)', 'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', Georgia, serif")
◊(define monospace-font-stack "'Triplicate Code', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace")
◊(define body-color "#404040")
◊(define link-color "royalblue")
◊(define link-hover-color "midnightblue")
◊(define link-visited-color "purple")
+◊(define nav-hover-color "#707070")
body {
height: 100%;
+ max-width: 1920px;
display: flex;
flex-direction: column;
justify-content: space-between;
@@ -17,11 +20,16 @@ body {
font-family: ◊|serif-font-stack|;
color: ◊|body-color|;
line-height: 1.5;
- margin: 0;
+ margin: auto;
font-feature-settings: 'kern' 1;
text-rendering: optimizeLegibility;
}
+header {
+ height: ◊|navbar-height|px;
+ margin-top: 1em;
+}
+
footer {
text-align: center;
padding: 1em 0 1em 0;
@@ -54,6 +62,10 @@ pre > code.hljs {
padding: 1.5em;
}
+.site {
+ height: 100%;
+}
+
.main {
display: grid;
grid-template-columns: repeat(12, 1fr);
@@ -67,6 +79,28 @@ pre > code.hljs {
hyphens: auto;
}
+ul.navigation {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+ul.navigation > li {
+ display: inline;
+ margin-left: 2em;
+ font-family: ◊|small-caps-font-stack|;
+ font-size: 25px;
+ letter-spacing: 0.05rem;
+}
+
+ul.navigation > li > a {
+ color: ◊|body-color|;
+}
+
+ul.navigation > li > a:hover {
+ color: ◊|nav-hover-color|;
+}
+
.float-left {
float: left;
margin-right: 1em;
diff --git a/src/template.html.p b/src/template.html.p
index ad16870..afa01b9 100644
--- a/src/template.html.p
+++ b/src/template.html.p
@@ -8,8 +8,19 @@
-