@ -33,8 +33,15 @@ main {
padding: 1em;
margin: 0 auto;
&.fullwidth { max-width: $header-width; }
.partial { max-width: 35%; }
h2 { font-size: 3em; }
}
main#index {
max-width: $header-width;
display: flex;
align-items: center;
justify-content: space-between;
section, aside { max-width: 35%; }
@ -14,12 +14,12 @@
<span id="menu">Menu</span>
</header>
{% block content %}
<main class="fullwidth">
<section class="partial">
<main id="index">
<section>
<h2>{{ config.title }}</h2>
{{ section.content | safe }}
</section>
<aside class="partial">
<aside>
{% for page in section.pages %}
{% if page.extra.indexnav %}
<a href="{{page.permalink}}">{{ page.title }}</a>