commit f4b2729acfb059b9967ef4e90e9f5afb613e5d0b Author: Dustin C. Hatch Date: Mon Mar 8 22:28:30 2021 -0600 Initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d298be1 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +public/ \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..c659b65 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,5 @@ +{ + "files.associations": { + "*.html": "jinja-html" + } +} diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..b78ea0a --- /dev/null +++ b/config.toml @@ -0,0 +1,19 @@ +# The URL the site will be built for +base_url = "https://dustin.hatch.name/" + +# Whether to automatically compile all Sass files in the sass directory +compile_sass = true + +# Whether to do syntax highlighting +# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola +highlight_code = true +highlight_theme = 'axar' + +# Whether to build a search index to be used later on by a JavaScript library +build_search_index = false + +generate_feed = true +feed_filename = 'atom.xml' + +[extra] +# Put all your custom variables here diff --git a/content/blog/_index.md b/content/blog/_index.md new file mode 100644 index 0000000..f6196ff --- /dev/null +++ b/content/blog/_index.md @@ -0,0 +1,6 @@ ++++ +title = "Blog" +sort_by = "date" +template = "blog.html" +page_template = "blog-page.html" ++++ \ No newline at end of file diff --git a/sass/style.scss b/sass/style.scss new file mode 100644 index 0000000..e765342 --- /dev/null +++ b/sass/style.scss @@ -0,0 +1,120 @@ +/* Global styles */ + +html, +body { + background-color: #09192f; + color: #ffffff; +} + +a:link, +a:visited { + color: #ffffff; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #ffffff; +} + +/* Header */ + +header.page-header { + display: flex; + justify-content: space-between; +} + +svg#dustin-logo { + margin-bottom: -35px; +} + +svg#dustin-logo path { + fill: #ffffff; +} + +nav.main-nav ul { + list-style: none; + margin-right: 1em; + padding: 0; +} + +nav.main-nav li { + display: inline; + margin: 0; + padding: 0 1em; + border-right: 1px solid #ffffff; +} + +nav.main-nav li:last-child { + border-right: none; +} + +nav.main-nav a:link, +nav.main-nav a:visited, +nav.main-nav a:active, +nav.main-nav a:hover { + text-decoration: none; +} + +/* Body */ + +main.main-content { + max-width: 10in; + margin: 0 auto; + color: #e8e8e8; +} + +.home h1.my-name { + display: flex; + justify-content: space-around; + font-size: 48pt; + font-weight: lighter; + margin-bottom: 0; +} + +.home ul.my-attributes { + font-size: 10pt; + text-align: center; + list-style-type: none; + margin: 0; + padding: 0; +} + +.home ul.my-attributes li { + display: inline; +} + +.home ul.my-attributes li:last-child::after { + content: none; +} + +.home ul.my-attributes li::after { + content: " • "; +} + +.recent-posts h2 { + margin-top: 3em; +} + +.recent-posts h3.post-title { + margin-bottom: 0; +} + +.recent-posts a { + text-decoration: none; +} + +.post-date { + font-size: 10pt; +} + +article.post .post-title { + margin-bottom: 0; +} + +article.post .post-date { + margin-bottom: 3em; +} diff --git a/static/dustin.svg b/static/dustin.svg new file mode 100644 index 0000000..8e14b6e --- /dev/null +++ b/static/dustin.svg @@ -0,0 +1,132 @@ + diff --git a/static/favicon.ico b/static/favicon.ico new file mode 100755 index 0000000..c9013cd Binary files /dev/null and b/static/favicon.ico differ diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..b97c138 --- /dev/null +++ b/templates/base.html @@ -0,0 +1,38 @@ + + + + + + + + + Dustin C. Hatch + {% block links %}{% endblock %} + + + +
+ + +
+ +
+ {% block content %}{% endblock %} +
+ + diff --git a/templates/blog-page.html b/templates/blog-page.html new file mode 100644 index 0000000..b21c366 --- /dev/null +++ b/templates/blog-page.html @@ -0,0 +1,11 @@ +{% extends "base.html" %} + +{% block content %} +
+

{{ page.title }}

+
+ +
+{{ page.content | safe }} +
+{% endblock %} diff --git a/templates/blog.html b/templates/blog.html new file mode 100644 index 0000000..02d35b3 --- /dev/null +++ b/templates/blog.html @@ -0,0 +1,11 @@ +{% extends "base.html" %} +{% block content %} +{% for year, posts in section.pages | group_by(attribute="year") %} +

{{ year }}

+ +{% endfor %} +{% endblock %} \ No newline at end of file diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..cee0169 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,31 @@ +{% extends "base.html" %} +{% block links %} + +{% endblock %} +{% block content %} +
+

Dustin C. Hatch

+ +
+

Recent Posts

+{% set blog = get_section(path="blog/_index.md") %} +{% for page in blog.pages | slice(end=3) %} +

{{ page.title }}

+
+ +
+{% if page.summary %} +

{{ page.summary }}

+{% else %} +

{{ page.content | striptags | split(pat=" ") | slice(end=20) | join(sep=" ") | safe }}{% if page.word_count > 20 %}…{% endif %}

+{% endif %} +{% endfor %} +
+
+{% endblock %} \ No newline at end of file