From 8b5d0b19659b35b7d2433a25a22d188ecbeecddd Mon Sep 17 00:00:00 2001 From: JackJ30 Date: Mon, 12 May 2025 20:16:25 -0400 Subject: styling done --- zola-static/content/about-me.md | 6 ++++ zola-static/content/about-this-site.md | 6 ++++ zola-static/content/blog/_index.md | 2 +- zola-static/content/blog/first.md | 9 ++++-- zola-static/sass/base.scss | 56 ++++++++++++++++++++++++++++++++-- zola-static/templates/base.html | 5 +++ zola-static/templates/blog-page.html | 18 ++++++++--- zola-static/templates/index.html | 20 +++++++++--- zola-static/templates/main-page.html | 5 +++ 9 files changed, 113 insertions(+), 14 deletions(-) create mode 100644 zola-static/content/about-me.md create mode 100644 zola-static/content/about-this-site.md create mode 100644 zola-static/templates/main-page.html (limited to 'zola-static') diff --git a/zola-static/content/about-me.md b/zola-static/content/about-me.md new file mode 100644 index 0000000..13b4889 --- /dev/null +++ b/zola-static/content/about-me.md @@ -0,0 +1,6 @@ ++++ +title = "About Me" +template = "main-page.html" ++++ + +My name is Jack Jamison diff --git a/zola-static/content/about-this-site.md b/zola-static/content/about-this-site.md new file mode 100644 index 0000000..ec41a95 --- /dev/null +++ b/zola-static/content/about-this-site.md @@ -0,0 +1,6 @@ ++++ +title = "About This Site" +template = "main-page.html" ++++ + +This site is generated with [zola](https://getzola.org). diff --git a/zola-static/content/blog/_index.md b/zola-static/content/blog/_index.md index 72bc989..d53e7ce 100644 --- a/zola-static/content/blog/_index.md +++ b/zola-static/content/blog/_index.md @@ -1,5 +1,5 @@ +++ -title = "List of blog posts" +title = "List of posts" sort_by = "date" template = "blog.html" page_template = "blog-page.html" diff --git a/zola-static/content/blog/first.md b/zola-static/content/blog/first.md index ed88f5c..bfed8ba 100644 --- a/zola-static/content/blog/first.md +++ b/zola-static/content/blog/first.md @@ -1,12 +1,15 @@ +++ -title = "My first post" +title = "My First Article" date = 2025-05-11 +updated = 2025-05-12 +++ -This is my first blog post. +This is my first blog post. I am using this post to learn how to configure my site and its style. + +> This article is going to be weird, and use a lot of features. ### Code block test -```c++ +```c++,name=main.cpp #include int main() { diff --git a/zola-static/sass/base.scss b/zola-static/sass/base.scss index ba5e106..8090930 100644 --- a/zola-static/sass/base.scss +++ b/zola-static/sass/base.scss @@ -8,9 +8,10 @@ body { padding: 0; } -section { +body section { height: 100%; - margin: auto 23%; + max-width: 75rem; + margin-inline: auto; padding: 1rem; background-color: #252422; @@ -18,11 +19,62 @@ section { font-size: 125%; } +// text sizing +h1, h2, h3, h4 { + margin-bottom: 0.3rem; +} + +ul { + margin-top: 0; +} + +p { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} + a { color: #8B95C9; } +h1 a { + text-decoration: none; +} + pre { padding : 0.5rem; border-radius: 0.3rem; + overflow: auto; + tab-size: 4; +} + +.header-title { + margin-bottom: 0; + font-size: 2.5rem; +} + +.subtitle { + margin: 0.5rem auto; +} + +.header-container { + display: flex; + justify-content: space-between; +} + +.footer-text { + text-align: center; +} + +blockquote { + background: #171615; + border-left: 0.7rem solid #F3E9DC; + border-radius: 0.5rem; + margin: 1.5em 10px; + padding: 0.5em 10px; +} + +blockquote p { + margin-top: 0.2rem; + margin-bottom: 0.2rem; } diff --git a/zola-static/templates/base.html b/zola-static/templates/base.html index 69b7dc3..9aa47d8 100644 --- a/zola-static/templates/base.html +++ b/zola-static/templates/base.html @@ -10,6 +10,11 @@
+ {% block header %} +

Jack Jamison

+ {% endblock header %} +
+
{% block content %} {% endblock content %}
diff --git a/zola-static/templates/blog-page.html b/zola-static/templates/blog-page.html index f0f638e..8e2fa3d 100644 --- a/zola-static/templates/blog-page.html +++ b/zola-static/templates/blog-page.html @@ -1,9 +1,19 @@ {% extends "base.html" %} +{% block header %} +
+
+

+ {{ page.title }} +

+

{{ page.date }} {% if page.updated %} (updated {{ page.updated }}) {% endif %}

+
+
+

Jack Jamison

+
+
+{% endblock header %} + {% block content %} -

- {{ page.title }} -

-

{{ page.date }}

{{ page.content | safe }} {% endblock content %} diff --git a/zola-static/templates/index.html b/zola-static/templates/index.html index 297850d..f674f13 100644 --- a/zola-static/templates/index.html +++ b/zola-static/templates/index.html @@ -1,8 +1,20 @@ {% extends "base.html" %} {% block content %} -

- Jack Jamison's Homepage -

-

My blog

+

All about

+ +

Articles

+ +

Links

+ +
+

All articles sorted by date

{% endblock content %} diff --git a/zola-static/templates/main-page.html b/zola-static/templates/main-page.html new file mode 100644 index 0000000..8226656 --- /dev/null +++ b/zola-static/templates/main-page.html @@ -0,0 +1,5 @@ +{% extends "base.html" %} + +{% block content %} +{{ page.content | safe }} +{% endblock content %} -- cgit v1.2.3