~laumann/laumann.xyz

42e61f035eec88bc8d639334e05d21560623dea0 — Thomas Bracht Laumann Jespersen 5 months ago f7e352e
Fix styling on the index page
2 files changed, 45 insertions(+), 16 deletions(-)

M css/main.scss
M index.html
M css/main.scss => css/main.scss +30 -6
@@ 193,15 193,35 @@ table {
        h3 {
            margin-left: -5rem;
        }
    }

        // h4 {
        //     @include titlecase();
        //     margin-left: -5rem;
        // }
    article.index {
        @include hthree();
        margin-left: 5rem;
        h3 {
            margin-left: -5rem;
        }
        div.post-date {
            display: inline-block;
            float: right;
        }

        h4 {
            color: $white;
            display: inline;

            & > a {
                color: $white;
            }
        }

        span.tag {
            color: gray;
        }
    }


    div.subtitle-stuff {
        //color: grey;

        margin-left: 5rem;



@@ 213,7 233,7 @@ table {
    code {
        font-family: monospace;
        font-size: 1rem;
        color: $green;
        color: $cyan;
        text-decoration: underline;
    }



@@ 240,5 260,9 @@ table {
        .sidebar {
            padding-left: 0;
        }

        * {
            margin-left: 0;
        }
    }
}

M index.html => index.html +15 -10
@@ 3,14 3,19 @@ layout: default
title: ~laumann
---

{% for post in site.posts limit:5 %}
<h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
<div class="subtitle-stuff">
  {{post.date | date: "%F" }}
  {% for tag in post.tags %}
  <span class="tag">{{tag}}</span>
  {% endfor %}
<article class="index">
  <h3>Latest Posts</h3>
  {% for post in site.posts limit:5 %}
  <h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
  <div class="post-date">
    {{post.date | date: "%F" }}
    {% for tag in post.tags %}
    <span class="tag">{{tag}}</span>
    {% endfor %}

</div>
<p>{% if post.blurb %}{{ post.blurb }}{% else %}{{ post.excerpt }}{% endif %}</p>
{% endfor %}
  </div>
  <div class="post-blurb">
    <p>{% if post.blurb %}{{ post.blurb }}{% else %}{{ post.excerpt }}{% endif %}</p>
  </div>
  {% endfor %}
</article>