first commit
This commit is contained in:
Jesús
134
cl-theme/templates/archives.html
Normal file
134
cl-theme/templates/archives.html
Normal file
@@ -0,0 +1,134 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block extra_head %}
|
||||
<meta name="description" content="{{ _('Lista de artículos publicados en Conocimientos Libres.') }}">
|
||||
<meta name="keywords" content="{{ _('archivos,artículos,historia,lista de artículos') }}">
|
||||
|
||||
<style>
|
||||
|
||||
.content ul, .content ul ul, .content ul ul ul {
|
||||
list-style:none !important;
|
||||
}
|
||||
|
||||
.content ul {
|
||||
margin-left: 0px !important;
|
||||
}
|
||||
|
||||
.contenedor-arbol, .contenedor-arbol ul, .contenedor-arbol li {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding-left: 2%;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.contenedor-arbol ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.contenedor-arbol li::before, .contenedor-arbol li::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: -12px;
|
||||
}
|
||||
|
||||
.contenedor-arbol li::before {
|
||||
border-top: 2px solid #111;
|
||||
top: 9px;
|
||||
width: 12px;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.contenedor-arbol li::after {
|
||||
border-left: 2px solid black;
|
||||
height: 100%;
|
||||
width: 0px;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.contenedor-arbol ul > li:last-child::after {
|
||||
height: 8px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block title %}{% trans %}Archivos de {{ SITENAME }}{% endtrans %}{% endblock %}
|
||||
{% block content %}
|
||||
<!-- page content -->
|
||||
<div class="main-content">
|
||||
<div class="container">
|
||||
<!-- start of posts -->
|
||||
<div class="columns is-multiline is-centered">
|
||||
<!-- start of post -->
|
||||
<div class="column is-7">
|
||||
<div class="card">
|
||||
|
||||
<!-- post header -->
|
||||
<div class="card-content-header">
|
||||
<h4 class="title is-4 has-text-centered">{% trans %}Archivos de {{ SITENAME }}{% endtrans %}</h4>
|
||||
</div>
|
||||
<!-- end of post header -->
|
||||
|
||||
<!-- post content -->
|
||||
<div class="card-content">
|
||||
<div class="content">
|
||||
<div class="card-inner-wrapper">
|
||||
|
||||
<div class="contenedor-arbol">
|
||||
<p>{{ ngettext('%(num)d artículo', '%(num)d artículos', dates|length) }}</p>
|
||||
<ul>
|
||||
{% for article in dates %}
|
||||
{% set current_year = article.date|strftime('%Y') %}
|
||||
{% set current_month = article.date|strftime('%m') %}
|
||||
{% if loop.previtem %}
|
||||
{% set previous_year = loop.previtem.date|strftime('%Y') %}
|
||||
{% set previous_month = loop.previtem.date|strftime('%m') %}
|
||||
{% endif %}
|
||||
|
||||
{% if current_year != previous_year %}
|
||||
{% if loop.previtem %}
|
||||
</ul>
|
||||
</li> <!-- Cierra el mes -->
|
||||
</ul>
|
||||
</li> <!-- Cierra el año -->
|
||||
{% endif %}
|
||||
|
||||
<li><a href="{{ SITEURL }}/archives/{{ current_year }}/">{{ current_year }}</a>
|
||||
<ul>
|
||||
<li><a href="{{ SITEURL }}/archives/{{ current_year }}/{{ current_month }}/">{{ article.date|strftime('%B') }}</a>
|
||||
<ul>
|
||||
{% elif current_month != previous_month %}
|
||||
{% if loop.previtem %}
|
||||
</ul>
|
||||
</li>
|
||||
{% endif %}
|
||||
<li><a href="{{ SITEURL }}/archives/{{ current_year }}/{{ current_month }}/">{{ article.date|strftime('%B') }}</a>
|
||||
<ul>
|
||||
{% endif %}
|
||||
<li><a href="{{ SITEURL }}/{{ article.url }}" title="{{ article.locale_date}}">{{ article.title }}</a></li>
|
||||
{% if loop.last %}
|
||||
</ul>
|
||||
</li> <!-- Cierra el mes -->
|
||||
</ul>
|
||||
</li> <!-- Cierra el año -->
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end of post content -->
|
||||
|
||||
</div>
|
||||
<!-- end of post -->
|
||||
</div>
|
||||
<!-- end of post column -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of page content -->
|
||||
{% endblock %}
|
||||
148
cl-theme/templates/article.html
Normal file
148
cl-theme/templates/article.html
Normal file
@@ -0,0 +1,148 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block html_lang %}{{ article.lang }}{% endblock %}
|
||||
|
||||
{% block extra_head %}
|
||||
<meta name="author" content="{{ article.author }}">
|
||||
<meta name="keywords" content="{{ article.tags|join(',')|escape }}">
|
||||
{% endblock %}
|
||||
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% import 'translations.html' as translations with context %}
|
||||
{% if translations.entry_hreflang(article) %}
|
||||
{{ translations.entry_hreflang(article) }}
|
||||
{% endif %}
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta property="og:title" content="{{ article.title }}">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:url" content="{{ SITEURL }}/{{ article.url }}">
|
||||
<meta property="article:published_time" content="{{ article.date.isoformat() }}">
|
||||
{% if article.modified %}
|
||||
<meta property="article:modified_time" content="{{ article.modified.isoformat() }}">
|
||||
{% endif %}
|
||||
<meta property="article:section" content="{{ article.category }}">
|
||||
{% set og_description = article.summary.split(ANOTHER_READ_MORE_LINK_FORMAT[:6])[0][3:]|striptags|escape %}
|
||||
{% set OG_DESC_LENGTH = 175 %}
|
||||
{% if og_description|length >= OG_DESC_LENGTH %}
|
||||
{# Quita la última palabra para no dejarla incompleta #}
|
||||
{% set og_description = og_description[:OG_DESC_LENGTH].split(' ')[:-1]|join(' ') %}
|
||||
{% if not og_description[-1] in ['.', '?', ':', '!'] %}
|
||||
{% set og_description = og_description + '…' %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
<meta property="og:description" content="{{ og_description }}">
|
||||
{% if article.image %}
|
||||
<meta property="og:image" content="{{ article.image.split('"')[1] }}">
|
||||
{% endif %}
|
||||
{% for tag in article.tags %}
|
||||
<meta property="og:tag" content="{{ tag | escape }}">
|
||||
{% endfor %}
|
||||
|
||||
{% if article.styles %}
|
||||
{% for style in article.styles %}
|
||||
{{ style|format(SITEURL) }}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if article.js %}
|
||||
{% for script in article.js %}
|
||||
{% if 'top' in script[-7:] %}
|
||||
{{ script[:-5]|format(SITEURL) }}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block title %}{{ article.title|striptags }}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<!-- page content -->
|
||||
<div class="main-content">
|
||||
<div class="container">
|
||||
<!-- start of posts -->
|
||||
<div class="columns is-multiline is-centered">
|
||||
<!-- start of post -->
|
||||
<div class="column is-10">
|
||||
<div class="card">
|
||||
|
||||
<!-- post header -->
|
||||
<div class="card-content-header">
|
||||
<h4 class="title is-4 has-text-centered">{{ article.title }}</h4>
|
||||
</div>
|
||||
<!-- end of post header -->
|
||||
|
||||
<!-- post content -->
|
||||
<div class="card-content">
|
||||
<div class="content">
|
||||
<div class="card-inner-wrapper">
|
||||
<!-- post text -->
|
||||
<div class="card-content-text has-text-justified">
|
||||
{{ article.content }}
|
||||
</div>
|
||||
<!-- end of post text -->
|
||||
|
||||
<!-- post footer -->
|
||||
<div class="card-content-footer-small">
|
||||
<div class="navbar is-social-center">
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-gnusocial"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-diaspora"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-mastodon"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- post footer nav -->
|
||||
<div class="columns">
|
||||
<div class="column has-text-left">
|
||||
<a class="button is-small is-button-grey" href="{{ SITEURL }}/">{{ _('Regresar al Inicio') }}</a>
|
||||
</div>
|
||||
<div class="column has-text-right">
|
||||
<i class="fa fa-calendar">
|
||||
{% set año = article.date|strftime('%Y') %}
|
||||
{% set mes = article.date|strftime('%m') %}
|
||||
{% set nombre_mes = article.date|strftime('%B') %}
|
||||
<time class="entry-date published"
|
||||
datetime="{{ article.date.isoformat() }}">
|
||||
<small>
|
||||
{{ article.date|strftime('%a %-d') }}
|
||||
<a href="{{ SITEURL }}/archives/{{ año }}/{{ mes }}/"
|
||||
title="{% trans %}Artículos de {{ nombre_mes }} de {{ año }}{% endtrans %}">
|
||||
{{ nombre_mes }}
|
||||
</a>
|
||||
<a href="{{ SITEURL }}/archives/{{ año }}/"
|
||||
title="{% trans %}Artículos de {{ año }}{% endtrans %}">{{ año }}
|
||||
</a>
|
||||
</small>
|
||||
</time>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of post footer nav -->
|
||||
</div>
|
||||
<!-- end of post footer -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of post content -->
|
||||
|
||||
</div>
|
||||
<!-- end of post -->
|
||||
</div>
|
||||
<!-- end of post column -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of page content -->
|
||||
{% endblock %}
|
||||
48
cl-theme/templates/article_info.html
Normal file
48
cl-theme/templates/article_info.html
Normal file
@@ -0,0 +1,48 @@
|
||||
<!-- post footer -->
|
||||
<div class="card-content-footer">
|
||||
<i class="fa fa-calendar">
|
||||
{% set año = article.date|strftime('%Y') %}
|
||||
{% set mes = article.date|strftime('%m') %}
|
||||
{% set nombre_mes = article.date|strftime('%B') %}
|
||||
<time class="entry-date published"
|
||||
datetime="{{ article.date.isoformat() }}">
|
||||
<small>
|
||||
{{ article.date|strftime('%a %-d') }}
|
||||
<a href="{{ SITEURL }}/archives/{{ año }}/{{ mes }}/"
|
||||
title="{% trans %}Artículos de {{ nombre_mes }} de {{ año }}{% endtrans %}">
|
||||
{{ nombre_mes }}
|
||||
</a>
|
||||
<a href="{{ SITEURL }}/archives/{{ año }}/"
|
||||
title="{% trans %}Artículos de {{ año }}{% endtrans %}">{{ año }}
|
||||
</a>
|
||||
</small>
|
||||
</time>
|
||||
</i>
|
||||
|
||||
{% if article.modified %}
|
||||
<i class="fa fa-calendar">
|
||||
<span class="edit-link"
|
||||
title="{{ _('Fecha de modificación') }}">
|
||||
<small class="screen-reader-text">{{ _('Modificado el %(fecha)s'|format(fecha='</small>
|
||||
<time class="updated" datetime="%s"><small>%s</small></time>')|format(article.modified.isoformat(), article.locale_modified)) }}
|
||||
</span>
|
||||
</i>
|
||||
{% endif %}
|
||||
|
||||
<!-- <i class="fa fa-comment">
|
||||
<small>20 comments</small>
|
||||
</i> -->
|
||||
|
||||
{% import 'translations.html' as translations with context %}
|
||||
{% if translations.translations_for(article) %}
|
||||
<i class="fa fa-flag">
|
||||
<small>
|
||||
{{ translations.translations_for(article) }}
|
||||
</small>
|
||||
</i>
|
||||
{% else %}
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
<!-- end of post footer -->
|
||||
<!-- /.post-info -->
|
||||
21
cl-theme/templates/author.html
Normal file
21
cl-theme/templates/author.html
Normal file
@@ -0,0 +1,21 @@
|
||||
{% extends "index.html" %}
|
||||
|
||||
{% block extra_head %}
|
||||
<meta name="author" content="{{ author }}">
|
||||
<meta name="description" content="{% trans %}Artículos escritos por {{ author }} en Conocimientos Libres.{% endtrans %}">
|
||||
<meta name="keywords" content="{% trans %}articulista,artículos,autor,autor {{ author }},escritor,{{ author }}{% endtrans %}">
|
||||
<style>
|
||||
.card-content-header {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block title %}{{ SITENAME }} - {{ author }}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="card-content-header">
|
||||
<h4 class="title is-4 has-text-centered">{% trans %}Autor: {{ author }}{% endtrans %}</h4>
|
||||
</div>
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
119
cl-theme/templates/authors.html
Normal file
119
cl-theme/templates/authors.html
Normal file
@@ -0,0 +1,119 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block extra_head %}
|
||||
<meta name="description" content="{{ _('Lista de autores de Conocimientos Libres.') }}">
|
||||
<meta name="keywords" content="{{ _('articulistas,autores,colaboradores,escritores,lista de autores') }}">
|
||||
{% endblock %}
|
||||
|
||||
{% block title %}{% trans %}Autores de {{ SITENAME }}{% endtrans %}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="main-content">
|
||||
<div class="container">
|
||||
<!-- start of pages -->
|
||||
<div class="columns is-multiline is-centered">
|
||||
<!-- start of page -->
|
||||
<div class="column is-7">
|
||||
<div class="card">
|
||||
<!-- post header -->
|
||||
<div class="card-content-header">
|
||||
<h4 class="title is-4 has-text-centered">{{ _('Créditos') }}</h4>
|
||||
</div>
|
||||
<!-- end of post header -->
|
||||
<!-- post content -->
|
||||
<div class="card-content">
|
||||
<div class="content">
|
||||
<div class="card-inner-wrapper">
|
||||
<!-- post text -->
|
||||
<div class="card-content-text has-text-justified">
|
||||
|
||||
<h2>{{ _('Artículos') }}</h2>
|
||||
<ul>
|
||||
{%- for author, articles in authors|sort %}
|
||||
<li>
|
||||
<a href="{{ SITEURL }}/{{ author.url }}"
|
||||
title="{% trans %}Artículos escritos por {{ author }}{% endtrans %}">{{ author }}</a>
|
||||
({{ articles|count }})
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<h2>{{ _('Programación') }}</h2>
|
||||
<ul>
|
||||
<li><a href="https://www.freakspot.net/" title="Sitio para gente Libre">Jorge Maldonado Ventura</a></li>
|
||||
<li><a href="https://heckyel.ga/" title="Sitio web de Jesús E.">Jesús E.</a></li>
|
||||
</ul>
|
||||
|
||||
<h2>{{ _('Traducción') }}</h2>
|
||||
<ul>
|
||||
<li><a href="https://rosenzweig.io/" title="Sitio web de Alyssa Rosenzweig">Alyssa Rosenzweig</a></li>
|
||||
<li>Jorge Maldonado Ventura</li>
|
||||
</ul>
|
||||
|
||||
<h2>{{ _('Software que usa la página') }}</h2>
|
||||
{% set software = (('https://nginx.org/', 'Nginx'),
|
||||
('http://babel.pocoo.org/', 'Babel'),
|
||||
('https://pypi.org/project/beautifulsoup4/', 'BeautifulSoup4'),
|
||||
('https://nodejs.org/', 'nodejs'),
|
||||
('https://www.python.org/', 'Python'),
|
||||
('https://blog.getpelican.com/', 'Pelican'),
|
||||
('https://pypi.org/project/Markdown/', 'Markdown'),
|
||||
('https://nodejs.org/', 'nodejs'),
|
||||
('https://www.npmjs.com/', 'npm'),
|
||||
('https://github.com/fmarcia/UglifyCSS', 'uglifycss'),
|
||||
('https://github.com/mishoo/UglifyJS', 'uglifyjs'),
|
||||
('https://conocimientoslibres.tuxfamily.org/pages/librejs.html', _('Varios programas de JavaScript'),)) %}
|
||||
<ul>
|
||||
{% for program in software %}
|
||||
<li><a href="{{ program[0] }}" title="{{ _('Sitio web de %(programa)s', programa=program[1]) }}"></a>{{ program[1] }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<h2>{{ _('Miscelánea') }}</h2>
|
||||
<ul>
|
||||
<li>CitoplasmaC</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- end of post text -->
|
||||
|
||||
<!-- post footer -->
|
||||
<div class="card-content-footer-small">
|
||||
<div class="navbar is-social-center">
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-gnusocial"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-diaspora"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-mastodon"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- post footer nav -->
|
||||
<div class="columns">
|
||||
<div class="column has-text-left">
|
||||
<a class="button is-small is-button-grey" href="{{ SITEURL }}/">{{ _('Regresar al Inicio') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of post footer nav -->
|
||||
|
||||
</div>
|
||||
<!-- end of post footer -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end page content -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of page -->
|
||||
</div>
|
||||
<!-- end of pages -->
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
281
cl-theme/templates/base.html
Normal file
281
cl-theme/templates/base.html
Normal file
@@ -0,0 +1,281 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock %}">
|
||||
<head prefix="og: http://ogp.me/ns# {% if article %}article: http://ogp.me/ns/article#{% endif%}">
|
||||
{% block head %}
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
|
||||
<!-- Metas -->
|
||||
{% block extra_head %}
|
||||
{% set SITE_DESCRIPTION = _('Sitio web que trata temas diversos relacionados con la libertad, como la cultura libre y el software libre.') %}
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="description" content="{{ SITE_DESCRIPTION }}">
|
||||
<meta name="keywords" content="{{ _('software libre,libertad,libertad de expresión,privacidad,formación,tutoriales,guías,GNU/Linux,desarrollo web,Hyperbola') }}">
|
||||
<meta property="og:title" content="{{ SITENAME }}">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="{{ SITEURL }}">
|
||||
<meta property="og:description" content="{{ SITE_DESCRIPTION }}">
|
||||
{% endblock %}
|
||||
<!-- fonts -->
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/fontawesome.css">
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/libresocial.css">
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/roboto.css">
|
||||
<!-- stylesheets -->
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/bulma.css">
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/hover.css">
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/style.css">
|
||||
<!-- favicon -->
|
||||
<link rel="icon" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/cl-favicon-16x16.png" sizes="16x16">
|
||||
<link rel="icon" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/cl-favicon-32x32.png" sizes="32x32">
|
||||
<link rel="icon" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/cl-favicon-96x96.png" sizes="96x96">
|
||||
<link rel="icon" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/cl-favicon-192x192.png" sizes="192x192">
|
||||
<link rel="apple-touch-icon-precomposed" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/cl-favicon-180x180.png">
|
||||
{% endblock head %}
|
||||
</head>
|
||||
<body>
|
||||
<!-- navigation -->
|
||||
<header class="navigation">
|
||||
<nav class="navbar">
|
||||
<div class="container">
|
||||
<!-- nav site title -->
|
||||
<!-- Input for menu-mobile with checkbox-->
|
||||
<input id="navbar-toggle-cbox" role="button" type="checkbox">
|
||||
<!-- End Input for menu-mobile with checkbox-->
|
||||
<div class="navbar-brand">
|
||||
|
||||
<a class="navbar-item" href="{{ SITEURL }}/" rel="home">
|
||||
<h3 class="title is-3" style="color: white;">{{ SITENAME_SINGLE }}</h3>
|
||||
</a>
|
||||
|
||||
<!-- this "navbar-burger" hamburger menu is only visible on mobile -->
|
||||
<label class="navbar-burger" for="navbar-toggle-cbox" data-target="navMenu">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</label>
|
||||
<!-- end of burger -->
|
||||
</div>
|
||||
|
||||
<!-- this "navbar-menu" is hidden on mobile -->
|
||||
{% if DISPLAY_PAGES_ON_MENU %}
|
||||
<div id="navMenu" class="navbar-menu">
|
||||
<ul class="navbar-end">
|
||||
<li><a href="{{ SITEURL }}/" class="navbar-item is-tab {% if output_file == 'index.html' %} is-active{% endif %}">{{ _('Inicio') }}</a></li>
|
||||
{% for p in pages %}
|
||||
<li><a href="{{ SITEURL }}/{{ p.url }}" class="navbar-item is-tab {% if p == page %} is-active{% endif %}">{{ p.title }}</a></li>
|
||||
{% endfor %}
|
||||
<li><a href="{{ SITEURL }}/{{ ARCHIVES_URL }}" class="navbar-item is-tab {% if output_file == ARCHIVES_SAVE_AS %} is-active {% endif %}">{{ _('Archivos') }}</a></li>
|
||||
<li><a href="{{ SITEURL }}/{{ AUTHORS_URL }}" class="navbar-item is-tab {% if output_file == AUTHORS_SAVE_AS %} is-active{% endif %}">{{ _('Créditos') }}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
<!-- end of nav -->
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- end navigation -->
|
||||
|
||||
<!-- page header (title, etc) -->
|
||||
<div class="main-header">
|
||||
<section class="hero">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="has-text-centered">
|
||||
{%- block sitename -%}
|
||||
<!-- header && subheader -->
|
||||
<h1 class="title is-1 is-spaced">{{ SITENAME }}</h1>
|
||||
<h4 class="subtitle is-4">{{ SITESUBTITLE }}</h4>
|
||||
{%- endblock -%}
|
||||
|
||||
<!-- search form -->
|
||||
<div class="column is-6 is-offset-3">
|
||||
<div class="box has-background-black-ter">
|
||||
<form class="field has-addons" action="{{ SITEURL }}/buscar.php">
|
||||
<div class="control is-expanded">
|
||||
<input class="input has-text-centered"
|
||||
type="search"
|
||||
name="q" required
|
||||
placeholder="{{ _('» » » » » » búscame « « « « « «') }}">
|
||||
</div>
|
||||
<input class="button is-dark" name="submit" value="{{ _('Buscar') }}" type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end search form -->
|
||||
|
||||
<!-- end of header && subheader -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!-- end page header -->
|
||||
|
||||
<!-- page content -->
|
||||
<div class="main-content">
|
||||
{%- block content -%}
|
||||
<div class="container">
|
||||
<!-- start of posts -->
|
||||
<div class="columns is-multiline is-centered has-text-centered">
|
||||
<!-- start of post -->
|
||||
{% for article in articles_page.object_list %}
|
||||
<div class="column is-4">
|
||||
<div class="card">
|
||||
<!-- image for post -->
|
||||
{% if article.image %}
|
||||
<div class="card-image">
|
||||
<a href="{{ SITEURL }}/{{ article.url }}#titulo">
|
||||
<figure class="image ihover circle3">
|
||||
<img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/../wp-content/uploads/article/poster/{{ article.image }}" alt="{{ article.title }}">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="card-image">
|
||||
<a href="{{ SITEURL }}/{{ article.url }}#titulo">
|
||||
<figure class="image ihover circle3">
|
||||
<img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/background/745x372.png" alt="Image">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
<!-- end of image for post -->
|
||||
|
||||
<!-- post header -->
|
||||
<div class="card-content-header">
|
||||
<h4 class="title is-4"><a href="{{ SITEURL }}/{{ article.url }}#titulo">{{ article.title }}</a></h4>
|
||||
</div>
|
||||
<!-- end of post header -->
|
||||
|
||||
<!-- post content -->
|
||||
<div class="card-content">
|
||||
<div class="content social">
|
||||
<div class="navbar is-social-center">
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-gnusocial"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-diaspora"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-mastodon"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- post footer -->
|
||||
{% include "article_info.html" %}
|
||||
<!-- end of post footer -->
|
||||
</div>
|
||||
<!-- end of post content -->
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<!-- end of post -->
|
||||
</div>
|
||||
<!-- end of posts -->
|
||||
</div>
|
||||
<!-- pagination -->
|
||||
{% include "pagination.html" %}
|
||||
<!-- end of pagination -->
|
||||
{%- endblock -%}
|
||||
</div>
|
||||
<!-- end of page content -->
|
||||
<!-- .site-content -->
|
||||
|
||||
<footer class="footer footer-top-shadow">
|
||||
|
||||
<!-- header nav content -->
|
||||
<div class="navbar is-social-center">
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-diaspora"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-gnusocial"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-pump"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-pixelfed"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-peertube"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-mediagoblin"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-matrix"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="fa fa-rss"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- end of header nav content -->
|
||||
<div class="container has-text-centered">
|
||||
<span class="icon">
|
||||
<i class="icon-libregit"></i>
|
||||
</span>
|
||||
<p>{{ _('Escrito por') }}
|
||||
<a href="https://libregit.org/heckyel">libregit.org/heckyel</a>
|
||||
</p>
|
||||
<p>{{ _('Este sitio es Software Libre') }}</p>
|
||||
<p>
|
||||
<a href="https://libregit.org/heckyel/cl">{{ _('Código fuente') }}</a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-code"></i>
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<a href="{{ SITEURL }}/pages/librejs.html" data-jslicense="1">{{ _('Licencias de JavaScript') }}</a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- end of footer -->
|
||||
<!-- navbar-burger -->
|
||||
<script src="{{ SITEURL}}/{{ THEME_STATIC_DIR }}/js/navbar-burger.js"></script>
|
||||
<!-- end of navbar-burger -->
|
||||
{% if article %}
|
||||
{% if article.js %}
|
||||
{% for script in article.js %}
|
||||
{% if 'bottom' in script[-7:] %}
|
||||
{{ script[:-8]|format(SITEURL) }}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if page %}
|
||||
{% if page.js %}
|
||||
{% for script in page.js %}
|
||||
{% if 'bottom' in script[-7:] %}
|
||||
{{ script[:-8]|format(SITEURL) }}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</body>
|
||||
</html>
|
||||
16
cl-theme/templates/index.html
Normal file
16
cl-theme/templates/index.html
Normal file
@@ -0,0 +1,16 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block extra_head %}
|
||||
{{ super() }}
|
||||
{% if lang_siteurls and articles_page.number == 1 %}
|
||||
{% for lang, url in lang_siteurls.items() %}
|
||||
<link rel="alternate" hreflang="{{ lang }}" href="{{ url }}/">
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block title %}{{ SITENAME }}{% if articles_page.number != 1 %} | Page {{ articles_page.number }}{% endif %}{% endblock %}
|
||||
{% block sitename %}
|
||||
<h1 class="title is-1 is-spaced">{{ SITENAME }}</h1>
|
||||
<h4 class="subtitle is-4">{{ SITESUBTITLE }}</h4>
|
||||
{% endblock %}
|
||||
105
cl-theme/templates/page.html
Normal file
105
cl-theme/templates/page.html
Normal file
@@ -0,0 +1,105 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block html_lang %}{{ page.lang }}{% endblock%}
|
||||
|
||||
{% block extra_head %}
|
||||
{% import 'translations.html' as translations with context %}
|
||||
{% if translations.entry_hreflang(page) %}
|
||||
{{ translations.entry_hreflang(page) }}
|
||||
{% endif %}
|
||||
<meta name="author" content="{{ author }}">
|
||||
{% endblock %}
|
||||
|
||||
{% block title %}{{ page.title }}{% endblock %}
|
||||
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% if page.styles %}
|
||||
{% for style in page.styles %}
|
||||
{{ style|format(SITEURL) }}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if page.js %}
|
||||
{% for script in page.js %}
|
||||
{% if 'top' in script[-7:] %}
|
||||
{{ script[:-5]|format(SITEURL) }}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="main-content">
|
||||
<div class="container">
|
||||
<!-- start of pages -->
|
||||
<div class="columns is-multiline is-centered">
|
||||
<!-- start of page -->
|
||||
<div class="column is-7">
|
||||
<div class="card">
|
||||
<!-- post header -->
|
||||
<div class="card-content-header">
|
||||
<h4 class="title is-4 has-text-centered">{{ page.title }}</h4>
|
||||
</div>
|
||||
<!-- end of post header -->
|
||||
<!-- post content -->
|
||||
<div class="card-content">
|
||||
<div class="content">
|
||||
<div class="card-inner-wrapper">
|
||||
<!-- post text -->
|
||||
<div class="card-content-text has-text-justified">
|
||||
{{ page.content }}
|
||||
</div>
|
||||
<!-- end of post text -->
|
||||
|
||||
<!-- post footer -->
|
||||
<div class="card-content-footer-small">
|
||||
<div class="navbar is-social-center">
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-gnusocial"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-diaspora"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-mastodon"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- post footer nav -->
|
||||
<div class="columns">
|
||||
<div class="column has-text-left">
|
||||
<a class="button is-small is-button-grey" href="{{ SITEURL }}/">{{ _('Regresar al Inicio') }}</a>
|
||||
</div>
|
||||
<div class="column has-text-right">
|
||||
<i class="fa fa-flag">
|
||||
{% import 'translations.html' as translations with context %}
|
||||
{% if translations.translations_for(page) %}
|
||||
<small>
|
||||
{{ translations.translations_for(page) }}
|
||||
</small>
|
||||
{% endif %}
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of post footer nav -->
|
||||
</div>
|
||||
<!-- end of post footer -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end page content -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of page -->
|
||||
</div>
|
||||
<!-- end of pages -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
65
cl-theme/templates/pagination.html
Normal file
65
cl-theme/templates/pagination.html
Normal file
@@ -0,0 +1,65 @@
|
||||
{% if DEFAULT_PAGINATION %}
|
||||
<div class="pagination-style-custom">
|
||||
<nav class="pagination is-rounded is-centered" aria-label="pagination">
|
||||
{% if articles_page.has_previous() %}
|
||||
<a class="pagination-previous button is-button-grey"
|
||||
href="{{ SITEURL }}/{{ articles_previous_page.url }}">{{ _('Página anterior') }}</a>
|
||||
{% else %}
|
||||
<a class="pagination-previous disabled">{{ _('Página anterior') }}</a>
|
||||
{% endif %}
|
||||
|
||||
{% if articles_page.has_next() %}
|
||||
<a class="pagination-next button is-button-grey"
|
||||
href="{{ SITEURL }}/{{ articles_next_page.url }}">{{ _('Página siguiente') }}</a>
|
||||
{% else %}
|
||||
<a class="pagination-next disabled">{{ _('Página siguiente') }}</a>
|
||||
{% endif %}
|
||||
|
||||
<ul class="pagination-list">
|
||||
{% for num in range(1, 1 + articles_paginator.num_pages) %}
|
||||
{% set print_number = False %}
|
||||
{% set dots_before = True %}
|
||||
{% if num == 1 %}
|
||||
{% set print_number = True %}
|
||||
{% set dots_before = False %}
|
||||
{% elif (articles_page.number - PAGINATOR_LIMIT / 2) <= num < (articles_page.number - PAGINATOR_LIMIT / 2 + 1) %}
|
||||
{% set print_number = True %}
|
||||
{% if num == 2 %}
|
||||
{% set dots_before = False %}
|
||||
{% endif %}
|
||||
{% elif (articles_page.number - PAGINATOR_LIMIT / 2 + 1) <= num <= (articles_page.number + PAGINATOR_LIMIT / 2) %}
|
||||
{% set print_number = True %}
|
||||
{% set dots_before = False %}
|
||||
{% elif num == articles_paginator.num_pages %}
|
||||
{% set print_number = True %}
|
||||
{% if (articles_page.number + PAGINATOR_LIMIT / 2) <= num <= (articles_page.number + PAGINATOR_LIMIT / 2 + 1)%}
|
||||
{% set dots_before = False %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if print_number %}
|
||||
{% if dots_before %}
|
||||
<li><span class="pagination-ellipsis">…</span></li>
|
||||
{% endif %}
|
||||
{% if num == articles_page.number %}
|
||||
<li>
|
||||
<a class="pagination-link is-current"
|
||||
aria-label="Page {{ num }}"
|
||||
aria-current="page">{{ num }}
|
||||
</a>
|
||||
</li>
|
||||
{% else %}
|
||||
<li>
|
||||
<a class="pagination-link" aria-label="Goto page {{ num }}"
|
||||
href="{{ SITEURL }}/{{ articles_paginator.page(num).url }}">{{ num }}
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if dots_before %}
|
||||
<li><span class="pagination-ellipsis">…</span></li>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
{% endif %}
|
||||
47
cl-theme/templates/period_archives.html
Normal file
47
cl-theme/templates/period_archives.html
Normal file
@@ -0,0 +1,47 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="main-content">
|
||||
<div class="container">
|
||||
<!-- start of posts -->
|
||||
<div class="columns is-multiline is-centered">
|
||||
<!-- start of post -->
|
||||
<div class="column is-10">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-content-header">
|
||||
<h4 class="title is-4 has-text-centered">
|
||||
{% set len_period = period|length %}
|
||||
{%- if len_period == 1 -%}
|
||||
{{ _('Archivos de %(año)d', año=period[0]) }}
|
||||
{%- elif len_period == 2 -%}
|
||||
{{ _('Archivos de %(mes)s de %(año)d', año=period[0], mes=period[1]) }}
|
||||
{%- elif len_period == 3 -%}
|
||||
{{ _('Archivos del %(dia)d de %(mes)s de %(año)d', año=period[0], mes=period[1], dia=period[2]) }}
|
||||
{%- endif -%}
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-content">
|
||||
<div class="content">
|
||||
<div class="card-inner-wrapper">
|
||||
|
||||
<div class="entry-content">
|
||||
<dl>
|
||||
{% for article in dates %}
|
||||
<dt>{{ article.date|strftime('%A %-d de %B de %Y a las %H:%M %z') }}</dt>
|
||||
<dd><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></dd>
|
||||
{% endfor %}
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user