Put together page template/style

2019-05-28 17:32:47 -04:00 · 2019-05-28 17:32:47 -04:00 · b2016ffded
commit b2016ffded
parent 665f9b3030
17 changed files with 90 additions and 4 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1,3 +1,3 @@
 src/**/*.html
 src/**/*.css
-src/compiled/*
+**/compiled/*
--- a/src/fonts/century-supra/Century
+++ b/src/fonts/century-supra/Century
--- a/src/fonts/century-supra/Century
+++ b/src/fonts/century-supra/Century
--- a/src/fonts/century-supra/Century
+++ b/src/fonts/century-supra/Century
--- a/src/fonts/century-supra/Century
+++ b/src/fonts/century-supra/Century
--- a/src/fonts/century-supra/Century
+++ b/src/fonts/century-supra/Century
--- a/src/fonts/century-supra/Century
+++ b/src/fonts/century-supra/Century
--- a/src/fonts/century-supra/Century
+++ b/src/fonts/century-supra/Century
--- a/src/fonts/century-supra/Century
+++ b/src/fonts/century-supra/Century
--- a/src/fonts/century-supra/century_supra_t3_bold.woff
+++ b/src/fonts/century-supra/century_supra_t3_bold.woff
--- a/src/fonts/century-supra/century_supra_t3_bold_italic.woff
+++ b/src/fonts/century-supra/century_supra_t3_bold_italic.woff
--- a/src/fonts/century-supra/century_supra_t3_italic.woff
+++ b/src/fonts/century-supra/century_supra_t3_italic.woff
--- a/src/fonts/century-supra/century_supra_t3_regular.woff
+++ b/src/fonts/century-supra/century_supra_t3_regular.woff
--- a/src/index.html.pm
+++ b/src/index.html.pm
@ -1,6 +1,8 @@
 #lang pollen

-◊image[#:src "images/jeremy.jpg" #:width "300px"]
+◊title{Jeremy Dormitzer}
+
+◊image[#:class "float-left" #:src "images/jeremy.jpg" #:height "512px"]

 Hi! I’m Jeremy Dormitzer. I’m a full-stack software engineer from Boston, MA.

--- a/src/pollen.rkt
+++ b/src/pollen.rkt
@ -3,14 +3,19 @@
 (provide (all-defined-out))

 (define (root . elements)
-  (txexpr 'root
-          empty
+  (txexpr 'div
+          '((class "content"))
          (decode-elements elements
                           #:txexpr-elements-proc decode-paragraphs)))

 (define (zip-kws kws kw-args)
  (map list (map string->symbol (map keyword->string kws)) kw-args))

+(define title
+  (make-keyword-procedure
+   (lambda (kws kw-args . elements)
+     (txexpr 'h1 (zip-kws kws kw-args) elements))))
+
 (define link
  (make-keyword-procedure
   (lambda (kws kw-args . elements)
--- a/src/stylesheet.css.pp
+++ b/src/stylesheet.css.pp
@ -0,0 +1,63 @@
+#lang pollen
+
+◊(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 body-color "#404040")
+◊(define link-color "royalblue")
+◊(define link-hover-color "midnightblue")
+◊(define link-visited-color "purple")
+
+body {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    font-size: 21px;
+    font-family: ◊|serif-font-stack|;
+    color: ◊|body-color|;
+    line-height: 1.5;
+    margin: 0;
+    font-feature-settings: 'kern' 1;
+    text-rendering: optimizeLegibility;
+}
+
+footer {
+    text-align: center;
+    padding: 1em 0 1em 0;
+}
+
+h1, h2, h3, h4, h5 {
+    font-size: 21px;
+    font-weight: bold;
+}
+
+a {
+    color: ◊|link-color|;
+    text-decoration: none;
+}
+
+a:visited {
+    color: ◊|link-visited-color|;
+}
+
+a:hover {
+    color: ◊|link-hover-color|;
+}
+
+.main {
+    display: grid;
+    grid-template-columns: repeat(12, 1fr);
+    grid-auto-rows: auto;
+    grid-gap: 1rem;
+}
+
+.content {
+    margin-top: ◊|navbar-height|px;
+    grid-column: 4 / 10;
+    hyphens: auto;
+}
+
+.float-left {
+    float: left;
+    margin-right: 1em;
+}
--- a/src/template.html.p
+++ b/src/template.html.p
@ -0,0 +1,16 @@
+<html>
+    <head>
+	<meta charset="utf-8">
+	<title>◊(or (select 'h1 doc) "Jeremy Dormitzer")</title>
+	<link rel="stylesheet"  type="text/css" href="fonts/century-supra/stylesheet.css" />
+	<link rel="stylesheet" type="text/css" href="stylesheet.css" />
+    </head>
+    <body>
+	<div class="main">
+	    ◊(->html doc)
+	</div>
+	<footer>
+	    © Jeremy Dormitzer 2019
+	</footer>
+    </body>
+</html>