diff --git a/Makefile b/Makefile index 0eef1be..d3b2477 100644 --- a/Makefile +++ b/Makefile @@ -1,4 +1,4 @@ -all: clean build # TODO: add stage here one we can actually build something +all: clean build stage clean: rm -rf build @@ -7,6 +7,6 @@ build: posty build stage: - gsutil -m rsync -d -r build/ gs://test.nickpegg.com + gsutil -m rsync -c -d -r build/ gs://test2.nickpegg.com # TODO: add a `publish` task when ready to roll to prod diff --git a/media/css/index.css b/media/css/index.css new file mode 100644 index 0000000..6dee7e4 --- /dev/null +++ b/media/css/index.css @@ -0,0 +1,132 @@ +body { + background: #FCFCFC; + color: #35352F; +} + +a { + color: #FF4F00; +} + +a:hover { + color: #FF4F00; +} + +h1, h2, h3, h4, h5 { + font-family: 'Quicksand', sans-serif; +} + +blockquote { + margin-left: 0; + border-left: 0.5rem solid #dfe2e5; + padding-left: 2rem; + color: #666D70; +} + +.page-header { + background: #74E8E2; + margin-bottom: 2rem; +} + +.page-header h1 { + margin-bottom: 1rem; +} + +.page-header a { + color: inherit; + text-decoration: inherit; +} + +/* nav + ****************************************/ +.nav { + margin-top: 1rem; +} + +.nav ul li { + list-style-type: none; + margin-bottom: 0; +} + +.nav-header { + margin-bottom: 0; +} + +@media (max-width: 999px) { + .nav { + text-align: center; + } + .nav ul li { + display: inline; + } + .nav ul li:first-child::before { + content: ""; + } + .nav ul li::before { + content: "|"; + } +} + +/* articles + ****************************************/ +article { + margin-bottom: 4rem; +} + +.post-title { + color: inherit; + text-decoration: inherit; +} + +.post-title h1 { + margin-bottom: 0rem; +} + +.post-meta { + color: #757575; + margin-top: 0.5rem; + margin-bottom: 2rem; +} + +.post-tags { + display: inline; + margin-left: 1rem; +} + +.post-tags * { + display: inline; +} + +/* Override this since hljs removes what skeleton sets */ +.hljs { + padding: 1rem 1.5rem +} + +/* Article headers should go down one size. This is because when you use a + * `#` in Markdown, it outputs a

, but we don't want post headers to be the + * same size as headers elsewhere. + * + * These values were taken from skeleton.css + */ +article section h1 { font-size: 3.6rem; line-height: 1.2; letter-spacing: -.1rem;} +article section h2 { font-size: 3.0rem; line-height: 1.25; letter-spacing: -.1rem; } +article section h3 { font-size: 2.4rem; line-height: 1.3; letter-spacing: -.1rem; } +article section h4 { font-size: 1.8rem; line-height: 1.35; letter-spacing: -.08rem; } +article section h5 { font-size: 1.5rem; line-height: 1.5; letter-spacing: -.05rem; } + +/* Larger than phablet */ +@media (min-width: 550px) { + article section h1 { font-size: 4.2rem; } + article section h2 { font-size: 3.6rem; } + article section h3 { font-size: 3.0rem; } + article section h4 { font-size: 2.4rem; } + article section h5 { font-size: 1.5rem; } +} + +/* footer + ****************************************/ +.page-footer { + margin-top: 1rem; + margin-bottom: 1rem; + text-align: center; + font-size: smaller; +} diff --git a/posts/2011-02-20_kegerator.yaml b/posts/2011-02-20_kegerator.yaml index f5ff2b3..7784c62 100644 --- a/posts/2011-02-20_kegerator.yaml +++ b/posts/2011-02-20_kegerator.yaml @@ -8,5 +8,5 @@ beer, I've built myself a kegerator! [![Kegerator](http://farm6.static.flickr.com/5135/5462665976_d11faea2aa.jpg)](http://www.flickr.com/photos/nickpegg/sets/72157625971333921/) -Details are over at my [project page](/projects/kegerator/), or if you'd +Details are over at my [project page](/kegerator/), or if you'd rather just gawk at some pictures, check out the [Flickr set](http://www.flickr.com/photos/nickpegg/sets/72157625971333921/)! diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..9a6462f --- /dev/null +++ b/templates/base.html @@ -0,0 +1,92 @@ + + + + + + {{ site.title }} - {% block page_title %}{% endblock %} + + + + + + + + + + + + + +
+
+ +

{{ site.title }}

+ +
+
+ +
+
+
+
+ +
+ +
+
Top Tags
+ +
+
+
+ {% block content %} + {% endblock %} +
+
+ + +
+ +
+
+ 2009 - 2018 Nick Pegg +
+
+ Powered by Posty +
+
+ + + + + + diff --git a/templates/page.html b/templates/page.html new file mode 100644 index 0000000..227715b --- /dev/null +++ b/templates/page.html @@ -0,0 +1,14 @@ +{% extends "base.html" %} + +{% block page_title %}{{ page.title }}{% endblock %} + +{% block content %} +
+
+

{{ page.title }}

+
+
+ {{ page.body | markdown }} +
+
+{% endblock %} diff --git a/templates/post.html b/templates/post.html new file mode 100644 index 0000000..f21c477 --- /dev/null +++ b/templates/post.html @@ -0,0 +1,9 @@ +{% extends "base.html" %} + +{% block page_title %}{{ post.title }}{% endblock %} + +{% block content %} + {% with post_content = post.body|markdown %} + {% include "post_base.html" %} + {% endwith %} +{% endblock %} diff --git a/templates/post_base.html b/templates/post_base.html new file mode 100644 index 0000000..bf97834 --- /dev/null +++ b/templates/post_base.html @@ -0,0 +1,26 @@ +
+
+ +

{{ post.title }}

+ +
+ +
+ +
    + {% for tag in post.tags %} +
  • {{ tag }}
    • + {% endfor %} +
+
+
+
+
+
+ {{ post_content }} +
+ {% if read_more %} + read more + {% endif %} +
+
diff --git a/templates/posts.html b/templates/posts.html new file mode 100644 index 0000000..059f7f3 --- /dev/null +++ b/templates/posts.html @@ -0,0 +1,28 @@ +{% extends "base.html" %} + +{% block page_title %}Posts{% endblock %} + +{% block content %} + {% set read_more = True %} + + {% for post in posts %} + {% with post_content = post.blurb|markdown %} + {% include "post_base.html" %} + {% endwith %} + {% endfor %} + +
+ {% if prev_page_url %} + + + newer posts + + {% endif %} + {% if next_page_url %} + + older posts + + + {% endif %} +
+{% endblock %}