From a00eaab125b862d78eb1bebfde40ed74e6460f17 Mon Sep 17 00:00:00 2001 From: Raymond Wanyoike Date: Thu, 1 Dec 2016 02:47:09 +0300 Subject: [PATCH] Pixels must! align :wolf: Remove rounded, keep consistent design --- alchemy/static/css/style.css | 44 ++++++++++++++++++++++++---------- alchemy/templates/article.html | 19 +++++++-------- alchemy/templates/base.html | 11 +++++---- alchemy/templates/index.html | 4 +--- 4 files changed, 46 insertions(+), 32 deletions(-) diff --git a/alchemy/static/css/style.css b/alchemy/static/css/style.css index d68954c..ef9f2fd 100644 --- a/alchemy/static/css/style.css +++ b/alchemy/static/css/style.css @@ -4,17 +4,22 @@ text-shadow: none; } -body { - background-color: #f5f5f5; -} - a { color: #333; } a:focus, a:hover { - color: #0085a1 + color: #0085a1; +} + +blockquote { + color: #818a91; + font-style: italic; +} + +hr { + margin: 1.5rem 0; } /* ------------------------------------------------------------------------- */ @@ -23,9 +28,14 @@ a:hover { max-width: 960px; } +.header, +.footer { + background-color: #f5f5f5; + padding: 1.5rem 0 .5rem; +} + .header { border-bottom: 1px solid rgba(0,0,0,.1); - padding-top: 1rem; } .header img { @@ -33,7 +43,6 @@ a:hover { } .header .title { - font-size: 3rem; font-weight: bold; margin-bottom: 1rem; } @@ -50,13 +59,11 @@ a:hover { } .main { - background-color: #fff; - padding: 2rem 0; + padding: 1.5rem 0; } .footer { border-top: 1px solid rgba(0,0,0,.1); - padding-top: 1rem; } .highlight pre { @@ -86,14 +93,25 @@ a:hover { margin-bottom: .5rem; } -.article .content p { - margin: 1.5rem 0; +.article header li:not(:last-child) { + margin-right: 10px; } .article .content a { text-decoration: underline } +/* Pad article content */ +.article .content p { + margin: 1.5rem 0; +} + +@media (min-width: 576px) { + .header .title { + font-size: 3rem; + } +} + @media (max-width: 576px) { .header, .footer { @@ -105,6 +123,6 @@ a:hover { } .teaser header li:not(:last-child) { - margin-right: 5px; + margin-right: 10px; } } diff --git a/alchemy/templates/article.html b/alchemy/templates/article.html index dcea611..faf764e 100644 --- a/alchemy/templates/article.html +++ b/alchemy/templates/article.html @@ -21,22 +21,11 @@ {{ article.locale_date }} -
  • ·
  • {{ article.category }}
    • - {% if article.tags %} -
  • ·
    • -
  • - - {% for tag in article.tags %} - #{{ tag }}{% if not loop.last %}, {% endif %} - {% endfor %} -
    • - {% endif %} {% if not HIDE_AUTHORS and article.authors %} -
  • ·
  • {% for author in article.authors %} @@ -44,6 +33,14 @@ {% endfor %}
    • {% endif %} + {% if article.tags %} +
  • + + {% for tag in article.tags %} + #{{ tag }}{% if not loop.last %}, {% endif %} + {% endfor %} +
    • + {% endif %}
    diff --git a/alchemy/templates/base.html b/alchemy/templates/base.html index 214b081..32a82d0 100644 --- a/alchemy/templates/base.html +++ b/alchemy/templates/base.html @@ -2,9 +2,11 @@ + + {% block title %}| {{ SITENAME }}{% endblock %} @@ -57,17 +59,16 @@ {% if SITEIMAGE %}
    - {{ SITENAME }} + {{ SITENAME }}
    {% endif %}

    {{ SITENAME }}

    {% if SITESUBTITLE %} -

    {{ SITESUBTITLE }}

    +

    {{ SITESUBTITLE }}

    {% endif %} {% if LINKS or (DISPLAY_PAGES_ON_MENU and PAGES) or ICONS %} -
      {% for title, link in LINKS %}
    • {{ title }}
      • @@ -84,7 +85,7 @@ {% if (LINKS or (DISPLAY_PAGES_ON_MENU and PAGES)) and loop.first %}
    • |
      • {% endif %} -
      • +
      • {% endfor %}
    {% endif %} @@ -115,7 +116,7 @@ {% endif %}

    - Generated by Pelican using ✨ alchemy + Generated by Pelican / ✨

    diff --git a/alchemy/templates/index.html b/alchemy/templates/index.html index 3ae4510..0845a46 100644 --- a/alchemy/templates/index.html +++ b/alchemy/templates/index.html @@ -12,7 +12,7 @@ {% endblock %} {% block page_header %} -All Articles +Articles {% endblock %} {% block content %} @@ -24,13 +24,11 @@ All Articles {{ article.locale_date }} -
  • ·
  • {{ article.category }}
    • {% if not HIDE_AUTHORS and article.authors %} -
  • ·
  • {% for author in article.authors %}