From: Taran Nathan Date: Mon, 1 Jun 2026 17:48:25 +0000 (-0700) Subject: double bars X-Git-Url: https://git.taranathan.com/?a=commitdiff_plain;h=36e911413db47af6c201d1f9d3a7b97baf169776;p=blog.git double bars --- diff --git a/content/blog/second.md b/content/blog/second.md index ac36e06..2dff530 100644 --- a/content/blog/second.md +++ b/content/blog/second.md @@ -1,2 +1,6 @@ +++ +title = "second post" +date = "2026-06-01" +++ + +so, what does this mean? diff --git a/sass/styles.scss b/sass/styles.scss index 5ecf1d0..96ac788 100644 --- a/sass/styles.scss +++ b/sass/styles.scss @@ -224,6 +224,15 @@ nav a:hover { text-decoration: underline; } +h1 a { + color: #000; + text-decoration: none; +} + +h1 a:hover { + text-decoration: underline; +} + h1 { font-size: 2.5em; margin-bottom: 10px; @@ -242,10 +251,101 @@ p { color: #000; } +.content-body, +.post, +.about-section, +.project-section, +.more-section { + position: relative; + padding: 40px; + margin-left: 20px; + background: transparent; +} + +.content-body::before, +.post::before { + content: ''; + position: absolute; + top: -20px; + left: -60px; + width: calc(100% + 120px); + height: 2px; + background: #000; + transform-origin: center; +} + +.content-body::before { + transform: rotate(4deg); +} + +.post::before { + transform: rotate(-4deg); +} + +.section-title { + font-size: 2.1em; + margin-bottom: 24px; +} + +.post-list { + list-style: none; + display: flex; + flex-direction: column; + gap: 24px; +} + +.post-list-item { + position: relative; + padding-bottom: 20px; +} + +.post-list-item::after { + content: ''; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 1px; + background: #000; + transform: rotate(-1deg); +} + +.post-list-item a { + color: #000; + text-decoration: none; + font-size: 1.3em; +} + +.post-list-item a:hover { + text-decoration: underline; +} + +.post-excerpt, +.post-content { + margin-top: 12px; +} + +.subtitle { + margin-bottom: 20px; +} + +.miniblog-post { + padding-top: 28px; + padding-bottom: 28px; +} + @media (max-width: 768px) { .project-section { grid-template-columns: 1fr; } + + .content-body, + .post, + .about-section, + .project-section, + .more-section { + padding: 24px; + } } .decorations .stronk { diff --git a/templates/base.html b/templates/base.html index 19e9b28..d0b2c52 100644 --- a/templates/base.html +++ b/templates/base.html @@ -3,15 +3,60 @@ - MyBlog + {% block title %}MyBlog{% endblock title %} + + -
-
- {% block content %} {% endblock content %} +
+
+
-
+ +
+
+

My Blog

+ +
+ +
+ {% block content %}{% endblock content %} +
+
+ +
+
+
+ + + diff --git a/templates/blog-page.html b/templates/blog-page.html index f0f638e..cb5e020 100644 --- a/templates/blog-page.html +++ b/templates/blog-page.html @@ -1,9 +1,11 @@ {% extends "base.html" %} +{% block title %}{{ page.title }} - MyBlog{% endblock title %} + {% block content %} -

- {{ page.title }} -

-

{{ page.date }}

-{{ page.content | safe }} +
+

{{ page.title }}

+

{{ page.date }}

+
{{ page.content | safe }}
+
{% endblock content %} diff --git a/templates/blog.html b/templates/blog.html index 2529646..e6c3f22 100644 --- a/templates/blog.html +++ b/templates/blog.html @@ -1,14 +1,15 @@ {% extends "base.html" %} +{% block title %}{{ section.title }} - MyBlog{% endblock title %} + {% block content %} -

- {{ section.title }} -

- +

{{ section.title }}

+ {% endblock content %} diff --git a/templates/miniblog-page.html b/templates/miniblog-page.html index f0f638e..9d75739 100644 --- a/templates/miniblog-page.html +++ b/templates/miniblog-page.html @@ -1,9 +1,11 @@ {% extends "base.html" %} +{% block title %}{{ page.title }} - MyBlog{% endblock title %} + {% block content %} -

- {{ page.title }} -

-

{{ page.date }}

-{{ page.content | safe }} +
+

{{ page.title }}

+

{{ page.date }}

+
{{ page.content | safe }}
+
{% endblock content %}