text-align: center;
}
-/* articles feed */
+/* articles */
h1 {
margin: 0;
}
-div.art {
+.art-info {
clear: right;
- flex-grow: 1;
+ line-height: 1.6;
}
-div.artlist {
+.art-body {
+ margin-bottom: 1em;
+}
+
+.artlist {
max-width: var(--max-width);
margin: 0 auto;
margin-top: .5em;
}
-div.art:not(:first-child) {
+.artlist .art-info:not(:first-child) {
border-top: 1px solid var(--border-color);
}
-b.art {
- margin-bottom: 0;
- font-size: 18px;
-}
-
-p.art-ingress {
- font-style: italic;
- margin: 0;
-}
-
.art-date {
float: right;
color: #ccc;
- line-height: 24px;
font-feature-settings: tnum;
}
-p.heading {
- white-space: nowrap;
-}
-
-p.art-link {
- margin-top: 0;
+.art-nav {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ width: 100%;
}
@media all and (max-width: 600px) {
{% extends "base.html" %}
+{% import "artinfo.html" as artinfo with context %}
+{% set title=article.title %}
{% block content %}
<div class="main">
- <p><b class="art">{{ article.title }}</b>
- <span class="art-date">{{ article.author }} on {{ article.datetime }}</span></p>
- <p class="art-ingress">{{ article.content }}</p>
- <p class="art-links">
- {#
- <a href="{{ next }}">Next</a>
- <a href="{{ previous }}">Previous</a>
- #}
- <a href="{{ url_for("archive") }}">Archive</a>
- </p>
+ {{ artinfo.info(article) }}
+ <div class="art-body">
+ {{ article.render() }}
+ </div>
+ {{ artinfo.nav(article) }}
</div>
{% endblock content %}
--- /dev/null
+{% macro info(article) %}
+<div class="art-info">
+ <a href="{{ article.url }}"><b class="art">{{ article.title }}</b></a>
+ <span class="art-date">{{ article.author }} on {{ article.datetime.astimezone().date() }}</span>
+</div>
+{% endmacro %}
+
+{% macro nav(article) %}
+<div class="art-nav">
+ {% if article.older -%}
+ <a href="{{ article.older.url }}">older</a>
+ {%- else -%}
+ <span></span>
+ {%- endif -%}
+ <a href="{{ url_for("archive") }}">all</a>
+ {%- if article.newer %}
+ <a href="{{ article.newer.url }}">newer</a>
+ {%- else %}
+ <span></span>
+ {%- endif %}
+</div>
+{% endmacro %}
+{% import "artinfo.html" as artinfo %}
{% extends "base.html" %}
{% set title = "archive" %}
{% block content %}
<div class="artlist main">
{% for article in get_module("news").articles|reverse %}
-<div class="art">
- <a href="{{ article.url }}"><b class="art">{{ article.title }}</b></a>
- <span class="art-date">{{ article.author }} on {{ article.datetime.astimezone().date() }}</span>
-</div>
+ {{ artinfo.info(article) }}
{% endfor %}
</div>
{% endblock content %}
<meta name="theme-color" content="#292f2f">
<meta name="description" content="freenode IRC network">
<link rel="icon" href="{{ url_for("static/img/logos/coloured-alphabg-sq-120.png") }}">
- <title>{{ title }}</title>
+ <title>{% block title %}{{ title }} - {{ config.name }}{% endblock %}</title>
<link href="{{ url_for("static/css/open-sans.css") }}" rel="stylesheet">
<link href="{{ url_for("static/css/font-awesome.min.css") }}" rel="stylesheet">
<link href="{{ url_for("static/css/freenode.css") }}" rel="stylesheet">
<a href="https://www.privateinternetaccess.com/" target="_blank"><img alt="Private internet access" class="nlogo" src="{{ url_for("static/img/logos/PIALogo_white.svg") }}"></a>
</nav>
<div class="container">
- {% block content %}{% endblock %}
- </div>
+ {% block content %}{% endblock %}
</div>
<div class="footers">
- {% include "footer.html" %}
+ {% include "footer.html" %}
</div>
{% include "analytics.html" %}
</body>
{% extends "base.html" %}
-{% set title = config.name %}
+{% block title %}{{ config.name }}{% endblock %}
+{% import "artinfo.html" as artinfo %}
{% block content %}
<div class="jumbotron">
<h2 class="child">Welcome to freenode — supporting free and open source communities since 1998</h2>
</div>
<div class="main">
{% with article = get_module("news").articles[-1] %}
- <b class="art"><a href="{{ article.url }}">{{ article.title }}</a></b>
- <span class="art-date">{{ article.author }} on {{ article.datetime }}</span>
- <p class="art-ingress">{{ article.render() }}</p>
+ {{ artinfo.info(article) }}
+ <div class="art-body">{{ article.render() }}</div>
{#
<p class="art-links">
<a href="{{ next }}">Next</a>
<a href="{{ previous }}">Previous</a>
#}
{% endwith %}
- <a href="{{ url_for("archive") }}" ckass="art-link">
- News Archive</a>
</div>
{% endblock content %}