Browse Source

various small formatting fixes & h-entry experiments

transformations
rra 6 years ago
parent
commit
8ca9518d6f
  1. 127
      themes/varia/templates/article.html
  2. 34
      themes/varia/templates/base.html
  3. 14
      themes/varia/templates/syndication.html

127
themes/varia/templates/article.html

@ -1,80 +1,71 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block head %} {% block head %}
{{ super() }} {{ super() }}
{% if article.description %} {% if article.description %}
<meta name="description" content="{{article.description}}" /> <meta name="description" content="{{article.description}}" />
{% endif %} {% endif %}
{% if article.tags or article.category or article.keywords %} {% if article.tags or article.category or article.keywords %}
<meta name="keywords" content="{{ [article.tags|join(', '), article.category, article.keywords]|join(', ') }}" /> <meta name="keywords" content="{{ [article.tags|join(', '), article.category, article.keywords]|join(', ') }}" />
{% endif %} {% endif %}
{% endblock %} {% endblock %}
<div class="file type_folder"> {% block content %}
<a title="../" href="/log/" id="link0" class="type_folder"><img alt="../" src="/icons/back.png" class="type_folder"></a> <header id="banner">
</br> {% for p in pages %}
<span class="filename">../</span> {% if p.title == 'header' %}
<div id="title">{{ p.content }}</div>
{% endif %}
{% endfor %}
</header>
{% block content %} <section id="content" class="body h-entry">
<section id="content" class="body h-entry"> <div class="entry-title p-name">
<header id="banner"> {{ article.title }}
{% for p in pages %} </div>
{% if p.title == 'header' %} <div class="article-info">
<div id="title">{{ p.content }}</div> <div class="featured-image u-photo">
{% endif %} {% if article.featured_image %}
{% endfor %} {% set thumb_size ='/thumb'%}
</header> <a href="{{ article.featured_image }}">
<div class="entry-title p-name"> {% if article.featured_image.endswith('.gif') %}
{{ article.title }} {% set thumb_size =''%}
{% endif %}
<img src="{{ article.featured_image | replace('images','images'+thumb_size) }}">
</a>
{% endif %}
</div> </div>
<div class="article-info"> <div class="event-details">
<div class="featured-image u-photo"> {% if article.event_start %}
{% if article.featured_image %} <div>{{ article.event_start }}</div>
{% set thumb_size ='/thumb'%} {% endif %}
<a href="{{ article.featured_image }}"> </div>
{% if article.featured_image.endswith('.gif') %} <div class="post-info">
{% set thumb_size =''%} {% if article.category %}
{% endif %} <div class="categories">
<img src="{{ article.featured_image | replace('images','images'+thumb_size) }}"> <span itemprop="articleSection">
<a href="{{ article.category.url }}" rel="category">{{ article.category }}</a>
</a> </span>
{% endif %}
</div>
<div class="event-details">
{% if article.event_start %}
<div>{{ article.event_start }}</div>
{% endif %}
</div> </div>
<div class="post-info"> {% endif %}
{% if article.category %} {% if article.translations %}
<div class="categories"> <div class="article-translation">
<span itemprop="articleSection"> {% for translation in article.translations %}
<a href="{{ article.category.url }}" rel="category">{{ article.category }}</a> {% if translation.lang == 'nl' %}<a href="{{ translation.url }}">Lees dit artikel in het Nederlands</a>
</span> {% endif %}
{% if translation.lang == 'en' %}<a href="{{ translation.url }}">Read this article in English</a>
{% endif %}
{% endfor %}
</div> </div>
{% endif %} {% endif %}
{% if article.translations %}
<div class="article-translation">
{% for translation in article.translations %}
{% if translation.lang == 'nl' %}
<a href="{{ translation.url }}">Lees dit artikel in het Nederlands</a>
{% endif %}
{% if translation.lang == 'en' %}
<a href="{{ translation.url }}">Read this article in English</a>
{% endif %}
{% endfor %}
</div>
{% endif %}
</div>
</div> </div>
<div class="entry-content-container"> </div>
<div class="entry-content e-content"> <div class="entry-content-container">
<div class="entry-content e-content">
{{ article.content }} {{ article.content }}
<div class="separator"><hr></div> <div class="separator"><hr></div>
</div><!-- /.entry-content --> </div><!-- /.entry-content -->
</div><!-- /.entry-content-container --> </div><!-- /.entry-content-container -->
</section> </section>
{% endblock %} {% endblock %}

34
themes/varia/templates/base.html

@ -2,37 +2,33 @@
<html lang="{{ DEFAULT_LANG }}"> <html lang="{{ DEFAULT_LANG }}">
<head> <head>
{% block head %} {% block head %}
<title>{% block title %}{{ SITENAME }} {{SITESUBTITLE}}{% endblock title %}</title> <title>{% block title %}{{ SITENAME }} {{SITESUBTITLE}}{% endblock title %}</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="{{ SITEURL}}/favicon.ico" type="image/x-icon"> <link rel="icon" href="{{ SITEURL}}/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="{{ SITEURL }}/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="{{ SITEURL }}/favicon.ico" type="image/x-icon">
{% from 'syndication.html' import syndication with context %} {% from 'syndication.html' import syndication with context %}
{{ syndication(article) }} {{ syndication(article) }}
<link rel="stylesheet" type="text/css" href="/{{ THEME_STATIC_DIR }}css/pygment.css" /> <link rel="stylesheet" type="text/css" href="/{{ THEME_STATIC_DIR }}css/pygment.css" />
<link rel="stylesheet" type="text/css" href="/{{ THEME_STATIC_DIR }}css/{{ CSS_FILE }}" /> <link rel="stylesheet" type="text/css" href="/{{ THEME_STATIC_DIR }}css/{{ CSS_FILE }}" />
{% endblock head %} {% endblock head %}
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<div id="translation"> <div id="translation">
{% if I18N_SUBSITES %} {% if I18N_SUBSITES %}
{% for lang, url in I18N_SUBSITES.items() %} {% for lang, url in I18N_SUBSITES.items() %}
{% if lang == 'nl' %} {% if lang == 'nl' %}<li>{% if lang == DEFAULT_LANG %} class="active"{% endif %}><a href="/">{{ lang }}</a></li>
<li{% if lang == DEFAULT_LANG %} class="active"{% endif %}><a href="/">{{ lang }}</a></li> {% endif %}
{% endif %} {% if lang == 'en' %}<li>{% if lang == DEFAULT_LANG %} class="active"{% endif %}><a href="/{{ lang }}/">{{ lang }}</a></li>
{% if lang == 'en' %} {% endif %}
<li{% if lang == DEFAULT_LANG %} class="active"{% endif %}><a href="/{{ lang }}/">{{ lang }}</a></li> {% endfor %}
{% endif %} {% endif %}
{% endfor %}
{% endif %}
<br> <br>
{% if FEED_ALL_RSS %} {% if FEED_ALL_RSS %}
<li><a href="feeds/all-{{ DEFAULT_LANG }}.rss.xml" type="application/rss+xml"><i class="fa fa-rss "></i>RSS</a></li> <li><a href="feeds/all-{{ DEFAULT_LANG }}.rss.xml" type="application/rss+xml"><i class="fa fa-rss "></i>RSS</a></li>
{% endif %} {% endif %}
</div> </div>
{% block content %} {% block content %}
{% endblock %} {% endblock %}
</body> </body>
</html> </html>

14
themes/varia/templates/syndication.html

@ -27,24 +27,20 @@ serves as the default image for posts whose featured_image is not set. #}
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ article.title|striptags|e }} {%if article.subtitle %} - {{ article.subtitle|striptags|e }} {% endif %}"> <meta name="twitter:title" content="{{ article.title|striptags|e }} {%if article.subtitle %} - {{ article.subtitle|striptags|e }} {% endif %}">
<meta name="twitter:description" content="{% if article.summary %}{{article.summary|striptags}}{% endif %}"> <meta name="twitter:description" content="{% if article.summary %}{{article.summary|striptags}}{% endif %}">
{% if article.featured_image %} {% if article.featured_image %}
{% if I18N_SUBSITES %} {% if I18N_SUBSITES %}
{% for lang, url in I18N_SUBSITES.items() %} {% for lang, url in I18N_SUBSITES.items() %}
{% if lang == 'en' %} {% if lang == 'en' %}
<!-- this is a dirty hack, FIXME --> <meta property="og:image" content="http://varia.zone{{article.featured_image}}" />
<meta property="og:image" content="http://varia.zone{{article.featured_image}}" /> <meta property="og:image:secure_url" content="https://varia.zone{{article.featured_image}}" />
<meta property="og:image:secure_url" content="https://varia.zone{{article.featured_image}}" /> <meta name="twitter:image" content="https://varia.zone{{article.featured_image}}" >
<meta name="twitter:image" content="https://varia.zone{{article.featured_image}}" >
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% endif %} {% endif %}
{% else %} {% else %}
{% if FEATURED_IMAGE %} {% if FEATURED_IMAGE %}
<meta property="og:image" content="{{FEATURED_IMAGE}}" /> <meta property="og:image" content="{{FEATURED_IMAGE}}" />
<meta name="twitter:image" content="{{FEATURED_IMAGE}}" > <meta name="twitter:image" content="{{FEATURED_IMAGE}}" >
{% endif %} {% endif %}
{% endif %} {% endif %}
{% endif %} {% endif %}

Loading…
Cancel
Save