Commit 6bb2d25a authored by colmoneill's avatar colmoneill

Zarathustra and a not really responsive css grid based on the 330 / 30 px...

Zarathustra and a not really responsive css grid based on the 330 / 30 px alternations from osp.kitchen
parent 9b0c24fa
......@@ -34,6 +34,14 @@
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'zarathustraregular';
src: url('../fonts/zarathustra-v01-webfont.woff2') format('woff2'),
url('../fonts/zarathustra-v01-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
html{
color: grey;
font-family: 'LimousineMedium', monospace, 'ibm_plex_monoregular';
......@@ -46,27 +54,80 @@ a{
font-family: 'LimousineMedium', monospace, 'ibm_plex_monoitalic'
text-decoration: underline;
}
h1, h2, h3, h4, h5{
font-family: 'ibm_plex_monoitalic';
h2, h3, h4, h5{
}
h1{
font-size: 2em;
h1.sitetitle{
font-family: 'zarathustraregular';
font-size: 4em;
}
h1 a{
text-decoration: none;
}
h2.entry-title{
font-family: 'zarathustraregular';
font-size: 2em;
letter-spacing: 2px;
}
h2.entry-title a{
text-decoration: none;
}
div.container{
width: 95%;
margin-left: 0%;
float: left;
}
@media all and (min-width: 899px) {
div.container{
width: 60%;
max-width: 60%;
margin-left: 20%;
display: grid;
grid-template-columns:repeat(1, 330px);
grid-template-rows: 1;
grid-gap: 30px;
}
div.col1{
grid-column: 1;
grid-row: 1/2;
}
div.col2{
grid-column: 2/3;
grid-row: 2
}
div.col3{
grid-column: 2/3;
grid-row: 2;
}
div.footer{
grid-column:1;
grid-row:2/6;
}
@media screen and (max-width: 1080px){
div.col2{
grid-column: 2/3;
}
}
@media screen and (max-width: 1440px){
div.col2{
grid-column: 2/4;
}
div.col3{
grid-column: 2/4;
}
}
@media screen and (max-width: 1770px){
div.col2{
grid-column: 2/5;
}
}
@media screen and (max-width: 2800px){
div.col2{
grid-column: 2/5;
}
div.col3{
grid-column: 5;
grid-row: 2
}
}
/* @media all and (min-width: 899px) { */
/* div.container{ */
/* width: 60%; */
/* max-width: 60%; */
/* margin-left: 20%; */
/* } */
/* } */
div.entry-content p{
}
img{
......
......@@ -17,31 +17,39 @@
<h2 class="entry-title">
<a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2>
{% import 'translations.html' as translations with context %}
{{ translations.translations_for(article) }}
</header>
<footer class="post-info">
<time class="published" datetime="{{ article.date.isoformat() }}">
{{ article.locale_date }}
</time>
{% if article.modified %}
<time class="modified" datetime="{{ article.modified.isoformat() }}">
{{ article.locale_modified }}
</time>
{% endif %}
{% if article.authors %}
<address class="vcard author">
By {% for author in article.authors %}
<a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
{% endfor %}
</address>
{% endif %}
{% for category in article.categories %}
<a href="{{category.url}}">{{category}}</a>
{% endfor %}
</footer><!-- /.post-info -->
<div class="entry-content">
{{ article.content }}
</div><!-- /.entry-content -->
</section>
{% endblock %}
{% block sidebar %}
<footer class="post-info">
Category: <a href="{{ SITEURL }}/{{article.category.url}}">{{article.category}}</a><br>
Tags: {% for tag in article.tags %}<a href="{{ SITEURL }}/{{tag.url}}">{{ tag }}</a>, {% endfor %}<br>
<time class="published" datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time>
</footer><!-- /.post-info -->
{% import 'translations.html' as translations with context %}
{{ translations.translations_for(article) }}
{% if article.authors %}
<address class="vcard author">
By {% for author in article.authors %}
<a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
{% endfor %}
</address>
{% endif %}
{% for category in article.categories %}
<a href="{{ SITEURL }}/{{category.url}}">{{category}}</a>
{% endfor %}
</footer><!-- /.post-info -->
{% if article.prev_article_in_category %}
<a href="{{ SITEURL }}/{{ article.prev_article_in_category.url}}">
&larr; previous article in {{article.category}}: {{ article.prev_article_in_category.title }}
</a><br>
{% endif %}
{% if article.next_article_in_category %}
<a href="{{ SITEURL }}/{{ article.next_article_in_category.url}}">
&rarr; next article in {{article.category}}: {{ article.next_article_in_category.title }}
</a>
{% endif %}
{% endblock %}
......@@ -43,9 +43,8 @@
<body id="index" class="home">
<div class="container">
<header id="banner" class="body">
<h1><a href="{{ SITEURL }}/">{{ SITENAME }} <strong>{{ SITESUBTITLE }}</strong></a></h1>
</header><!-- /#banner -->
<div class="col1">
<h1 class="sitetitle"><a href="{{ SITEURL }}/">{{ SITENAME }} <strong>{{ SITESUBTITLE }}</strong></a></h1>
<nav id="menu"><ul>
{% for title, link in MENUITEMS %}
<li><a href="{{ link }}">{{ title }}</a></li>
......@@ -78,9 +77,16 @@
</li>
<li><a title="Site wide atom feed" href="{{ SITEURL }}/feeds/all.atom.xml"><img class="rss-icon" src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/imgs/rss-black.png"></a></li>
</ul></nav><!-- /#menu -->
</div>
<div class="col2">
{% block content %}
{% endblock %}
</div>
<div class="col3 sidebar">
{% block sidebar %}
{% endblock sidebar %}
</div>
<div class="footer">
<footer id="contentinfo" class="body">
</footer><!-- /#contentinfo -->
<aside>
......@@ -91,6 +97,7 @@
{% endfor %}
</ul>
</aside>
</div>
</div>
<script>
function validateForm(query)
......
......@@ -2,7 +2,6 @@
{% block content %}
<section id="content">
{% block content_title %}
<h2>All articles</h2>
{% endblock %}
<ul id="post-list">
......@@ -10,8 +9,6 @@
<li><article class="hentry">
<header> <h2 class="entry-title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2> </header>
<footer class="post-info">
Category: <a href="{{article.category.url}}">{{article.category}}</a><br>
Tags: {% for tag in article.tags %}<a href="{{tag.url}}">{{ tag }}</a>, {% endfor %}<br>
<time class="published" datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time>
<address class="vcard author">By
{% for author in article.authors %}
......@@ -20,7 +17,10 @@
</address>
</footer><!-- /.post-info -->
<div class="entry-content"> {{ article.summary }} </div><!-- /.entry-content -->
Category: <a href="{{ SITEURL }}/{{article.category.url}}">{{article.category}}</a><br>
Tags: {% for tag in article.tags %}<a href="{{ SITEURL }}/{{tag.url}}">{{ tag }}</a>, {% endfor %}<br>
</article></li>
<hr>
{% endfor %}
</ul><!-- /#posts-list -->
{% if articles_page.has_other_pages() %}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment