Browse Source

refining theme details

master
mb@mb 7 years ago
parent
commit
473c004f17
  1. 20
      themes/cetcat/static/css/main.css
  2. 29
      themes/cetcat/templates/index.html
  3. 9
      themes/cetcat/templates/page.html

20
themes/cetcat/static/css/main.css

@ -40,7 +40,7 @@ body{
font-size: 16px; font-size: 16px;
line-height:1.8; line-height:1.8;
font-style: normal; font-style: normal;
background-color: rgb(252, 255, 120); background-color: rgba(252, 255, 120, .7);
color:black; color:black;
} }
header { header {
@ -54,8 +54,8 @@ header {
} }
#content.index header{ #content.index header{
font-family: 'CMUconcrete'; font-family: 'CMUconcrete';
font-size: 26px; font-size: 22px;
line-height: 1.6; line-height: 1.4;
letter-spacing: .035em; letter-spacing: .035em;
} }
#content.index header em{ #content.index header em{
@ -159,6 +159,9 @@ pre{
.summary p{ .summary p{
display: inline; display: inline;
} }
.summary.longread{
font-size: 150%;
}
.long-read .hentry{ .long-read .hentry{
width:calc(400px + 2em); width:calc(400px + 2em);
} }
@ -181,7 +184,7 @@ pre{
font-size: 190%; font-size: 190%;
font-weight: bold; font-weight: bold;
line-height: 1.10; line-height: 1.10;
margin:0; margin:0 0 .5em 0;
} }
.hentry .article-info .entry-title a{ .hentry .article-info .entry-title a{
text-decoration: none; text-decoration: none;
@ -189,14 +192,15 @@ pre{
/* date */ /* date */
.event-details{ .event-details{
width: 100%; width: 100%;
font-family: 'CMUconcrete'; font-family: 'liberation';
font-size: 12px; font-size: 10px;
margin:.5em 0 1em 0; margin:.5em 0 0;
} }
/* ascii art styling */ /* ascii art styling */
.hentry pre{ .hentry pre{
font-size: 14.4px; font-size: 14.4px;
font-weight: normal; font-weight: normal;
clear:both; /*to prevent the ascii to break up*/
} }
/* featured image */ /* featured image */
.hentry .article-info .featured-image img{ .hentry .article-info .featured-image img{
@ -246,7 +250,7 @@ pre{
} }
.entry-content-container, #page-content-container{ .entry-content-container, #page-content-container{
width: calc(100% - 285px); width: calc(100% - 285px);
background-color: rgba(255,255,0,.3); /*background-color: rgba(255,255,0,.3);*/
float: right; float: right;
padding:30px; padding:30px;
margin-bottom:25px; margin-bottom:25px;

29
themes/cetcat/templates/index.html

@ -19,24 +19,26 @@
<article class="hentry {{article.category}}"> <article class="hentry {{article.category}}">
{% endif %} {% endif %}
<div class="article-info"> <div class="article-info">
<span class="entry-title"><a href="{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></span> <div class="entry-title">
<div class="event-details"> <a href="{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a>
</div>
<div class="featured-image {{past}}">
{% if article.featured_image %}
<a href="{{ article.url }}"><img src="{{ article.featured_image }}"></a>
{% endif %}
</div>
{% if article.event_start %} {% if article.event_start %}
<div class="event-details">
{{ article.event_start }} {{ article.event_start }}
{% set past = '' %} {% set past = '' %}
{% if article.event_start < article.date.now() %} {% if article.event_start < article.date.now() %}
{% set past = ' past-event' %} {% set past = ' past-event' %}
{% endif %} {% endif %}
{% endif %}
</div> </div>
<div class="featured-image {{past}}">
{% if article.featured_image %}
<img src="{{ article.featured_image }}">
{% endif %} {% endif %}
</div> </div>
</div> <div class="summary {{ article.category }}">{{ article.summary }}
<div class="summary">{{ article.summary }}
<span> <span>
<a href="{{ article.url }}"> <a href="{{ article.url }}">
{% if DEFAULT_LANG == 'en' %} {% if DEFAULT_LANG == 'en' %}
@ -47,6 +49,17 @@
</a> </a>
</span> </span>
</div> </div>
<!-- <div class="summary {{ article.category }}">{{ article.summary }}
<span>
<a href="{{ article.url }}">
{% if DEFAULT_LANG == 'en' %}
read more
{% elif DEFAULT_LANG == 'nl' %}
lees meer
{% endif %}
</a>
</span>
</div> -->
<div class="separator"><hr></div> <div class="separator"><hr></div>
<div class="post-info"> <div class="post-info">
{% if article.category %} {% if article.category %}

9
themes/cetcat/templates/page.html

@ -1,6 +1,15 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %}{{ page.title }}{%endblock%} {% block title %}{{ page.title }}{%endblock%}
{% block content %} {% block content %}
<section id="content" class="index">
<header id="banner">
{% for p in pages %}
{% if p.title == 'header' %}
<div id="title">{{ p.content }}</div>
{% endif %}
{% endfor %}
</header>
</section>
<div id="page-content"> <div id="page-content">
{{ page.content }} {{ page.content }}

Loading…
Cancel
Save