diff options
Diffstat (limited to 'themes/simple')
| -rw-r--r-- | themes/simple/static/css/main.css | 51 | ||||
| -rw-r--r-- | themes/simple/templates/base.html | 12 | ||||
| -rw-r--r-- | themes/simple/templates/category.html | 3 | ||||
| -rw-r--r-- | themes/simple/templates/index.html | 7 |
4 files changed, 50 insertions, 23 deletions
diff --git a/themes/simple/static/css/main.css b/themes/simple/static/css/main.css index b54f2ce..458128f 100644 --- a/themes/simple/static/css/main.css +++ b/themes/simple/static/css/main.css @@ -32,6 +32,12 @@ a { h1 { font-size: 2em; + color: #99bb88; +} + +h2 { + font-size: 1.5em; + color: #99bb88; } #container { @@ -52,16 +58,13 @@ h1 { border-left: 1px solid rgb(60, 60, 60); border-right: 1px solid rgb(50, 50, 50); border-bottom: 1px solid rgb(0, 0, 0); + border-radius: 30px 30px 0 0; box-shadow: 0px 8px 8px 0 rgba(20, 20, 20, 0.5); box-shadow: 0px 0px 8px 4px rgba(20, 20, 20, 0.5); } -#header hgroup { - padding: 20px 20px 10px 20px; -} - #header::after { content: ""; position: absolute; @@ -77,16 +80,44 @@ h1 { border-radius: 30px 30px 30px 30px; } +#footer { + position: relative; + background: + linear-gradient( + 180deg, + rgba(50, 50, 50, 0.9) 0%, + rgba(72, 72, 72, 0.9) 15%, + rgba(20, 20, 20, 0.95) 100% + ); + border-top: 1px solid rgb(50, 50, 50); + border-left: 1px solid rgb(50, 50, 50); + border-right: 1px solid rgb(50, 50, 50); + border-bottom: 1px solid rgb(0, 0, 0); + + border-radius: 0 0 20px 20px; + + box-shadow: 0px 8px 8px 4px rgba(20, 20, 20, 0.5); + + padding: 10px; +} + +#header hgroup { + padding: 20px 20px 10px 20px; +} + #nav-content { display: flex; flex-direction: row; + + box-shadow: 0px 8px 8px 0 rgba(20, 20, 20, 0.5); + box-shadow: 0px 0px 8px 4px rgba(20, 20, 20, 0.5); } aside { - border-top: 1px solid #666666; - border-left: 1px solid #666666; - border-right: 1px solid #666666; - background: rgba(30, 30, 30, 0.4); + border-top: 1px solid rgb(80, 80, 80); + border-left: 1px solid rgb(80, 80, 80); + border-right: 1px solid rgb(80, 80, 80); + background: rgba(30, 30, 30, 0.5); box-shadow: 8px 0px 4px -4px rgba(20, 20, 20, 0.5); } @@ -172,8 +203,10 @@ main { height: 100%; } -main article { +#content { margin: 20px; + + min-height: 500px; } article .formula { diff --git a/themes/simple/templates/base.html b/themes/simple/templates/base.html index 1667620..7ed67fe 100644 --- a/themes/simple/templates/base.html +++ b/themes/simple/templates/base.html @@ -91,15 +91,15 @@ </div> </aside> <main> - {% block content %} - {% endblock content %} + <div id="content" > + {% block content %} + {% endblock content %} + </div> </main> </div> - <footer> + <footer id="footer"> {% block footer %} - <address> - Made with <a rel="nofollow" href="https://getpelican.com/">Pelican</a>, - </address> + <p>© 2026 Daniel Hader {% endblock footer %} </footer> </div> diff --git a/themes/simple/templates/category.html b/themes/simple/templates/category.html index bfad391..f546bbb 100644 --- a/themes/simple/templates/category.html +++ b/themes/simple/templates/category.html @@ -3,5 +3,6 @@ {% block title %}{{ SITENAME|striptags }} - {{ category }} category{% endblock %} {% block content_title %} - <h2>Articles in the {{ category }} category</h2> +<h2>Stuff I've written about {{ category }}</h2> +<hr> {% endblock %} diff --git a/themes/simple/templates/index.html b/themes/simple/templates/index.html index 100a720..98e705e 100644 --- a/themes/simple/templates/index.html +++ b/themes/simple/templates/index.html @@ -11,13 +11,6 @@ <section>{{ article.summary }}</section> <footer> <p>Published: <time datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time></p> - {%- if article.authors %} - <address>By - {% for author in article.authors %} - <a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a> - {% endfor %} - </address> - {%- endif %} </footer> </article> {% endfor %} |
