heckyel/cl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replace FontIcons for SVGIcons

Browse Source
This commit is contained in:
Jesús 2019-03-07 12:07:04 -05:00
parent 7b505891bf
commit c502c88757
No known key found for this signature in database
GPG Key ID: F6EE7BC59A315766
12 changed files with 925 additions and 749 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

604
cl-theme/static/css/style.css
View File

@ -1,11 +1,24 @@
/* github.com/plasticneko */ /*!
/* bulma css framework (github.com/jgthms | bulma.io) * bulma css framework (github.com/jgthms | bulma.io)
Author: jeremy thomas * Author: jeremy thomas
Author: jesus e. * Author: jesus e.
*/ * Licensed under MIT (https://github.com/jgthms/bulma/blob/master/LICENSE)
*/
/* basic formatting changes (mostly to cater for darker colours) */ /* basic formatting changes (mostly to cater for darker colours) */
/* latin */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(../fonts/roboto/roboto-latin.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* html/body/font-fixes */
body, input, textarea, .button {
font-family: 'Roboto Condensed', Nimbus Sans, sans-serif;
}
/* Colores */
/* ------------- Menu Mobile sin JS ---------------- */ /* ------------- Menu Mobile sin JS ---------------- */
/* input hidden */ /* input hidden */
#navbar-toggle-cbox { #navbar-toggle-cbox {
@ -20,87 +33,54 @@ label[for=navbar-toggle-cbox] {
display: block; display: block;
} }
/* ------------ End Menu Mobile sin JS ------------- */ /*- ----------- End Menu Mobile sin JS ------------- */
/* navigation */
/* ------------------- codehilite ------------------ */ .navbar {
.highlight pre { background-color: #0c0f0f;
font-size: 75%; }
.navbar a {
color: whitesmoke;
}
.navbar.is-social-center {
align-items: stretch;
background-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
margin-left: auto;
margin-right: auto;
-webkit-box-align: stretch;
-webkit-box-pack: center;
-webkit-box-flex: 0;
-ms-flex-pack: center;
-ms-flex-align: stretch;
-ms-flex-negative: 0;
-ms-flex-positive: 0;
}
.navbar.is-social-center > a.navbar-item {
color: #4a4a4a;
background-color: transparent;
}
.navbar.is-social-center > a.navbar-item:hover {
color: #dd7325;
}
/* main-header */
.main-header {
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
}
.main-header .title {
color: whitesmoke;
}
.main-header .subtitle {
color: #dd7325;
}
.main-header .hero {
background-color: #161c1c;
} }
.highlight .hll { background-color: #222222 }
.highlight { background: #000000; color: #cccccc }
.highlight .c { color: #4E4F8E } /* Comment */
.highlight .err { color: #cccccc; border: 1px solid #FF0000 } /* Error */
.highlight .esc { color: #cccccc } /* Escape */
.highlight .g { color: #cccccc } /* Generic */
.highlight .k { color: #cdcd00 } /* Keyword */
.highlight .l { color: #cccccc } /* Literal */
.highlight .n { color: #cccccc } /* Name */
.highlight .o { color: #3399cc } /* Operator */
.highlight .x { color: #cccccc } /* Other */
.highlight .p { color: #fac0ba } /* Punctuation */
.highlight .ch { color: #4E4F8E } /* Comment.Hashbang */
.highlight .cm { color: #4E4F8E } /* Comment.Multiline */
.highlight .cp { color: #4E4F8E } /* Comment.Preproc */
.highlight .cpf { color: #4E4F8E } /* Comment.PreprocFile */
.highlight .c1 { color: #4E4F8E } /* Comment.Single */
.highlight .cs { color: #cd0000; font-weight: bold } /* Comment.Special */
.highlight .gd { color: #cd0000 } /* Generic.Deleted */
.highlight .ge { color: #cccccc; font-style: italic } /* Generic.Emph */
.highlight .gr { color: #FF0000 } /* Generic.Error */
.highlight .gh { color: #4E4F8E; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #00cd00 } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #4E4F8E; font-weight: bold } /* Generic.Prompt */
.highlight .gs { color: #cccccc; font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #0044DD } /* Generic.Traceback */
.highlight .kc { color: #cdcd00 } /* Keyword.Constant */
.highlight .kd { color: #00cd00 } /* Keyword.Declaration */
.highlight .kn { color: #cd00cd } /* Keyword.Namespace */
.highlight .kp { color: #cdcd00 } /* Keyword.Pseudo */
.highlight .kr { color: #cdcd00 } /* Keyword.Reserved */
.highlight .kt { color: #00cd00 } /* Keyword.Type */
.highlight .ld { color: #cccccc } /* Literal.Date */
.highlight .m { color: #cd00cd } /* Literal.Number */
.highlight .s { color: #cd0000 } /* Literal.String */
.highlight .na { color: #cccccc } /* Name.Attribute */
.highlight .nb { color: #cd00cd } /* Name.Builtin */
.highlight .nc { color: #00cdcd } /* Name.Class */
.highlight .no { color: #cccccc } /* Name.Constant */
.highlight .nd { color: #cccccc } /* Name.Decorator */
.highlight .ni { color: #cccccc } /* Name.Entity */
.highlight .ne { color: #666699; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #cccccc } /* Name.Function */
.highlight .nl { color: #cccccc } /* Name.Label */
.highlight .nn { color: #cccccc } /* Name.Namespace */
.highlight .nx { color: #cccccc } /* Name.Other */
.highlight .py { color: #cccccc } /* Name.Property */
.highlight .nt { color: orange } /* Name.Tag */
.highlight .nv { color: #00cdcd } /* Name.Variable */
.highlight .ow { color: #cdcd00 } /* Operator.Word */
.highlight .w { color: #cccccc } /* Text.Whitespace */
.highlight .mb { color: #cd00cd } /* Literal.Number.Bin */
.highlight .mf { color: #cd00cd } /* Literal.Number.Float */
.highlight .mh { color: #cd00cd } /* Literal.Number.Hex */
.highlight .mi { color: #cd00cd } /* Literal.Number.Integer */
.highlight .mo { color: #cd00cd } /* Literal.Number.Oct */
.highlight .sb { color: #cd0000 } /* Literal.String.Backtick */
.highlight .sc { color: #cd0000 } /* Literal.String.Char */
.highlight .sd { color: #cd0000 } /* Literal.String.Doc */
.highlight .s2 { color: #cd0000 } /* Literal.String.Double */
.highlight .se { color: #cd0000 } /* Literal.String.Escape */
.highlight .sh { color: #cd0000 } /* Literal.String.Heredoc */
.highlight .si { color: #cd0000 } /* Literal.String.Interpol */
.highlight .sx { color: #cd0000 } /* Literal.String.Other */
.highlight .sr { color: #cd0000 } /* Literal.String.Regex */
.highlight .s1 { color: #cd0000 } /* Literal.String.Single */
.highlight .ss { color: #cd0000 } /* Literal.String.Symbol */
.highlight .bp { color: #cd00cd } /* Name.Builtin.Pseudo */
.highlight .vc { color: #00cdcd } /* Name.Variable.Class */
.highlight .vg { color: #00cdcd } /* Name.Variable.Global */
.highlight .vi { color: #00cdcd } /* Name.Variable.Instance */
.highlight .il { color: #cd00cd } /* Literal.Number.Integer.Long */
/* ----------------- End codehilite ---------------- */
code { code {
background-color: #282828; background-color: #282828;
@ -125,60 +105,6 @@ video {
height: auto; height: auto;
} }
a.pagination-previous.disabled,
a.pagination-next.disabled {
background: #0c0f0f;
color: white;
cursor: not-allowed;
border-color: #dbdbdb;
box-shadow: none;
color: #7a7a7a;
opacity: .5;
}
.content blockquote {
background: black;
color: white;
border-left: 4px solid #dbdbdb;
margin: 1.5rem 1rem;
padding: 1.5rem 1rem;
}
.content blockquote p {
display: contents;
}
.content blockquote:before {
opacity: 0.5;
content: open-quote;
font-size: 4rem;
line-height: .1em;
margin-right: .25em;
vertical-align: -0.4em;
}
*, *:after, *:before, legend {
box-sizing: border-box;
}
.content dl,
.content dt,
.content dd {
color: white;
}
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
color: white;
}
.content.social{
margin-bottom: 0rem;
}
.is-cyan { .is-cyan {
color: #0dd3ff; color: #0dd3ff;
} }
@ -187,127 +113,171 @@ a.pagination-next.disabled {
display: table; display: table;
} }
.pagination-list { /* Colors Code */
margin-bottom: 1.5rem; .highlight {
background: #000000;
color: #cccccc;
}
.highlight pre {
font-size: 75%;
}
.highlight .hll {
background-color: #222222;
}
.highlight .c {
color: #4E4F8E;
}
.highlight .err {
color: #cccccc;
border: 1px solid #FF0000;
}
.highlight .esc, .highlight .g {
color: #cccccc;
}
.highlight .k {
color: #cdcd00;
}
.highlight .l, .highlight .n {
color: #cccccc;
}
.highlight .o {
color: #3399cc;
}
.highlight .x {
color: #cccccc;
}
.highlight .p {
color: #fac0ba;
}
.highlight .ch, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1 {
color: #4E4F8E;
}
.highlight .cs {
color: #cd0000;
font-weight: bold;
}
.highlight .gd {
color: #cd0000;
}
.highlight .ge {
color: #cccccc;
font-style: italic;
}
.highlight .gr {
color: #FF0000;
}
.highlight .gh {
color: #4E4F8E;
font-weight: bold;
}
.highlight .gi {
color: #00cd00;
}
.highlight .go {
color: #888888;
}
.highlight .gp {
color: #4E4F8E;
font-weight: bold;
}
.highlight .gs {
color: #cccccc;
font-weight: bold;
}
.highlight .gu {
color: #800080;
font-weight: bold;
}
.highlight .gt {
color: #0044DD;
}
.highlight .kc {
color: #cdcd00;
}
.highlight .kd {
color: #00cd00;
}
.highlight .kn {
color: #cd00cd;
}
.highlight .kp, .highlight .kr {
color: #cdcd00;
}
.highlight .kt {
color: #00cd00;
}
.highlight .ld {
color: #cccccc;
}
.highlight .m {
color: #cd00cd;
}
.highlight .s {
color: #cd0000;
}
.highlight .na {
color: #cccccc;
}
.highlight .nb {
color: #cd00cd;
}
.highlight .nc {
color: #00cdcd;
}
.highlight .no, .highlight .nd, .highlight .ni {
color: #cccccc;
}
.highlight .ne {
color: #666699;
font-weight: bold;
}
.highlight .nf, .highlight .nl, .highlight .nn, .highlight .nx, .highlight .py {
color: #cccccc;
}
.highlight .nt {
color: orange;
}
.highlight .nv {
color: #00cdcd;
}
.highlight .ow {
color: #cdcd00;
}
.highlight .w {
color: #cccccc;
}
.highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo {
color: #cd00cd;
}
.highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx, .highlight .sr, .highlight .s1, .highlight .ss {
color: #cd0000;
}
.highlight .bp {
color: #cd00cd;
}
.highlight .vc, .highlight .vg, .highlight .vi {
color: #00cdcd;
}
.highlight .il {
color: #cd00cd;
} }
/* html/body/font-fixes */ .soumaicon {
body, input, textarea, .button { display: -webkit-inline-box;
font-family: 'Roboto Condensed', Nimbus Sans, sans-serif; display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-line-pack: center;
align-content: center;
} }
.fa small { .soumaicon svg {
font-family: 'Roboto Condensed', Nimbus Sans, sans-serif; width: .8rem;
color: #7a7a7a; height: .8rem;
fill: currentcolor;
} }
/* button colouring */ .soumaicon:hover svg {
.is-button-grey, .pagination-link { fill: #dd7325;
background-color: #7a7a7a;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button:hover, .pagination .is-current, .pagination-link:hover {
background-color: #dd7325;
border-color: transparent;
color: whitesmoke;
}
.button:focus {
box-shadow: none;
border-color: transparent;
}
/* input select */
input:focus, textarea:focus, input[type]:focus {
box-shadow: 0 0 5px #719ECE;
border: 1px;
outline: none !important;
}
/* navigation */
.navbar {
background-color: #0c0f0f;
}
.navbar a {
color: whitesmoke;
}
.navbar.is-social-center{
align-items: stretch;
background-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
margin-left: auto;
margin-right: auto;
-webkit-box-align: stretch;
-webkit-box-pack: center;
-webkit-box-flex: 0;
-ms-flex-pack: center;
-ms-flex-align: stretch;
-ms-flex-negative: 0;
-ms-flex-positive: 0;
}
.navbar.is-social-center > a.navbar-item {
color: #4a4a4a;
background-color: transparent;
}
.navbar.is-social-center > a.navbar-item:hover {
color: #dd7325;
}
a {
color: #0099e5;
}
a:hover {
text-decoration: none;
color: #dd7325;
}
a.navbar-item.is-tab.is-active {
border-bottom-color: #dd7325;
border-width: 2px;
color: whitesmoke;
}
a.navbar-item.is-tab:hover {
border-bottom-color: #dd7325;
border-width: 2px;
color: #dd7325;
}
a.navbar-item:hover {
color: #dd7325;
}
a.navbar-item:hover {
background-color: transparent;
}
/* main-header */
.main-header .title {
color: whitesmoke;
}
.main-header .subtitle {
color: #dd7325;
}
.main-header {
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
}
.main-header .hero {
background-color: #161c1c;
} }
/* main content styling */ /* main content styling */
@ -320,7 +290,6 @@ a.navbar-item:hover {
.card { .card {
background-color: #161c1c; background-color: #161c1c;
} }
.card .card-content-footer { .card .card-content-footer {
color: #7a7a7a; color: #7a7a7a;
} }
@ -348,12 +317,10 @@ a.navbar-item:hover {
padding-bottom: 30px; padding-bottom: 30px;
border-bottom: 1px solid #dd7325; border-bottom: 1px solid #dd7325;
} }
.card-content-text p { .card-content-text p {
color: whitesmoke; color: whitesmoke;
font-size: 1em; font-size: 1em;
} }
.card-content-text label { .card-content-text label {
color: whitesmoke; color: whitesmoke;
font-weight: 100; font-weight: 100;
@ -382,7 +349,94 @@ a.navbar-item:hover {
padding-top: 20px; padding-top: 20px;
} }
/* pagination */ .content blockquote {
background: black;
color: white;
border-left: 4px solid #dbdbdb;
margin: 1.5rem 1rem;
padding: 1.5rem 1rem;
}
.content blockquote p {
display: contents;
}
.content blockquote:before {
opacity: 0.5;
content: open-quote;
font-size: 4rem;
line-height: .1em;
margin-right: .25em;
vertical-align: -0.4em;
}
* {
box-sizing: border-box;
}
*:after, *:before {
box-sizing: border-box;
}
legend {
box-sizing: border-box;
}
.content dl, .content dt, .content dd, .content h2, .content h3, .content h4, .content h5, .content h6 {
color: white;
}
.content.social {
margin-bottom: 0rem;
}
a {
color: #0099e5;
}
a:hover {
text-decoration: none;
}
a.navbar-item.is-tab.is-active {
border-bottom-color: #dd7325;
border-width: 2px;
color: whitesmoke;
}
a.navbar-item.is-tab:hover {
border-bottom-color: #dd7325;
border-width: 2px;
color: #dd7325;
}
a.navbar-item:hover {
color: #dd7325;
background-color: transparent;
}
a.pagination-previous.disabled, a.pagination-next.disabled {
background: #0c0f0f;
color: white;
cursor: not-allowed;
border-color: #dbdbdb;
box-shadow: none;
color: #7a7a7a;
opacity: .5;
}
.pagination-list {
margin-bottom: 1.5rem;
}
.is-button-grey, .pagination-link {
background-color: #7a7a7a;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button:hover, .pagination .is-current, .pagination-link:hover {
background-color: #dd7325;
border-color: transparent;
color: whitesmoke;
}
.button:focus {
box-shadow: none;
border-color: transparent;
}
.comments-content { .comments-content {
background-color: #161c1c; background-color: #161c1c;
padding-bottom: 10px; padding-bottom: 10px;
@ -392,7 +446,18 @@ a.navbar-item:hover {
padding-top: 50px; padding-top: 50px;
} }
/* comments block */ .footer {
background-color: #0c0f0f;
color: whitesmoke;
}
.footer a {
color: #dd7325;
}
.footer-top-shadow {
box-shadow: 0 1px 3px rgba(10, 10, 10, 0.1);
}
.comments-wrapper { .comments-wrapper {
padding: 25px; padding: 25px;
} }
@ -404,44 +469,25 @@ a.navbar-item:hover {
.comments-wrapper p { .comments-wrapper p {
color: whitesmoke; color: whitesmoke;
} }
.comments-wrapper small { .comments-wrapper small {
color: #7a7a7a; color: #7a7a7a;
} }
.comments-wrapper strong { .comments-wrapper strong {
color: whitesmoke; color: whitesmoke;
font-weight: 100; font-weight: 100;
} }
.comments-wrapper a { .comments-wrapper a {
color: #dd7325; color: #dd7325;
} }
.comments-wrapper .media .media, .comments-wrapper .media + .media { .comments-wrapper .media .media, .comments-wrapper .media + .media {
border-top: 1px solid #dd7325; border-top: 1px solid #dd7325;
} }
/* footer */
.footer {
background-color: #0c0f0f;
color: whitesmoke;
}
.footer a {
color: #dd7325;
}
.footer-top-shadow {
box-shadow: 0 1px 3px rgba(10, 10, 10, 0.1);
}
@media screen and (max-width: 1087px) { @media screen and (max-width: 1087px) {
.navbar-menu { .navbar-menu {
background-color: transparent; background-color: transparent;
} }
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.main-content { .main-content {
padding: 0rem; padding: 0rem;

78
cl-theme/static/images/icons/master.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

190
cl-theme/templates/archives.html
View File

@ -1,83 +1,82 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block extra_head %} {% block extra_head %}
<meta name="description" content="{{ _('Lista de artículos publicados en Conocimientos Libres.') }}"> <meta name="description" content="{{ _('Lista de artículos publicados en Conocimientos Libres.') }}">
<meta name="keywords" content="{{ _('archivos,artículos,historia,lista de artículos') }}"> <meta name="keywords" content="{{ _('archivos,artículos,historia,lista de artículos') }}">
<style> <style>
.content ul, .content ul ul, .content ul ul ul { .content ul, .content ul ul, .content ul ul ul {
list-style:none !important; list-style:none !important;
} }
.content ul { .content ul {
margin-left: 0px !important; margin-left: 0px !important;
} }
.contenedor-arbol, .contenedor-arbol ul, .contenedor-arbol li { .contenedor-arbol, .contenedor-arbol ul, .contenedor-arbol li {
position: relative; position: relative;
margin: 0; margin: 0;
padding-left: 2%; padding-left: 2%;
line-height: normal; line-height: normal;
} }
.contenedor-arbol ul { .contenedor-arbol ul {
list-style: none; list-style: none;
} }
.contenedor-arbol li::before, .contenedor-arbol li::after { .contenedor-arbol li::before, .contenedor-arbol li::after {
content: ""; content: "";
position: absolute; position: absolute;
left: -12px; left: -12px;
} }
.contenedor-arbol li::before { .contenedor-arbol li::before {
border-top: 2px solid #111; border-top: 2px solid #111;
top: 9px; top: 9px;
width: 12px; width: 12px;
height: 0; height: 0;
} }
.contenedor-arbol li::after { .contenedor-arbol li::after {
border-left: 2px solid black; border-left: 2px solid black;
height: 100%; height: 100%;
width: 0px; width: 0px;
top: 2px; top: 2px;
} }
.contenedor-arbol ul > li:last-child::after { .contenedor-arbol ul > li:last-child::after {
height: 8px; height: 8px;
} }
</style> </style>
{% endblock %} {% endblock %}
{% block title %}{% trans %}Archivos de {{ SITENAME }}{% endtrans %}{% endblock %} {% block title %}{% trans %}Archivos de {{ SITENAME }}{% endtrans %}{% endblock %}
{% block content %} {% block content %}
<!-- page content --> <!-- page content -->
<div class="main-content"> <div class="main-content">
<div class="container"> <div class="container">
<!-- start of posts --> <!-- start of posts -->
<div class="columns is-multiline is-centered"> <div class="columns is-multiline is-centered">
<!-- start of post --> <!-- start of post -->
<div class="column is-7"> <div class="column is-7">
<div class="card"> <div class="card">
<!-- post header --> <!-- post header -->
<div class="card-content-header"> <div class="card-content-header">
<h4 class="title is-4 has-text-centered">{% trans %}Archivos de {{ SITENAME }}{% endtrans %}</h4> <h4 class="title is-4 has-text-centered">{% trans %}Archivos de {{ SITENAME }}{% endtrans %}</h4>
</div> </div>
<!-- end of post header --> <!-- end of post header -->
<!-- post content --> <!-- post content -->
<div class="card-content"> <div class="card-content">
<div class="content"> <div class="content">
<div class="card-inner-wrapper"> <div class="card-inner-wrapper">
<div class="contenedor-arbol">
<div class="contenedor-arbol"> <p>{{ ngettext('%(num)d artículo', '%(num)d artículos', dates|length) }}</p>
<p>{{ ngettext('%(num)d artículo', '%(num)d artículos', dates|length) }}</p> <ul>
<ul>
{% for article in dates %} {% for article in dates %}
{% set current_year = article.date|strftime('%Y') %} {% set current_year = article.date|strftime('%Y') %}
{% set current_month = article.date|strftime('%m') %} {% set current_month = article.date|strftime('%m') %}
@ -85,50 +84,47 @@
{% set previous_year = loop.previtem.date|strftime('%Y') %} {% set previous_year = loop.previtem.date|strftime('%Y') %}
{% set previous_month = loop.previtem.date|strftime('%m') %} {% set previous_month = loop.previtem.date|strftime('%m') %}
{% endif %} {% endif %}
{% if current_year != previous_year %} {% if current_year != previous_year %}
{% if loop.previtem %} {% if loop.previtem %}
</ul> </ul>
</li> <!-- Cierra el mes --> </li> <!-- Cierra el mes -->
</ul> </ul>
</li> <!-- Cierra el año --> </li> <!-- Cierra el año -->
{% endif %} {% endif %}
<li><a href="{{ SITEURL }}/archives/{{ current_year }}/">{{ current_year }}</a>
<li><a href="{{ SITEURL }}/archives/{{ current_year }}/">{{ current_year }}</a> <ul>
<ul> <li><a href="{{ SITEURL }}/archives/{{ current_year }}/{{ current_month }}/">{{ article.date|strftime('%B') }}</a>
<li><a href="{{ SITEURL }}/archives/{{ current_year }}/{{ current_month }}/">{{ article.date|strftime('%B') }}</a> <ul>
<ul> {% elif current_month != previous_month %}
{% elif current_month != previous_month %} {% if loop.previtem %}
{% if loop.previtem %} </ul>
</ul> </li>
</li> {% endif %}
{% endif %} <li><a href="{{ SITEURL }}/archives/{{ current_year }}/{{ current_month }}/">{{ article.date|strftime('%B') }}</a>
<li><a href="{{ SITEURL }}/archives/{{ current_year }}/{{ current_month }}/">{{ article.date|strftime('%B') }}</a> <ul>
<ul> {% endif %}
{% endif %} <li><a href="{{ SITEURL }}/{{ article.url }}" title="{{ article.locale_date}}">{{ article.title }}</a></li>
<li><a href="{{ SITEURL }}/{{ article.url }}" title="{{ article.locale_date}}">{{ article.title }}</a></li> {% if loop.last %}
{% if loop.last %} </ul>
</ul> </li> <!-- Cierra el mes -->
</li> <!-- Cierra el mes --> </ul>
</ul> </li> <!-- Cierra el año -->
</li> <!-- Cierra el año --> {% endif %}
{% endif %} {% endfor %}
{% endfor %} </ul>
</ul> </div>
</div> </div>
</div>
</div>
</div>
<!-- end of post content -->
</div> </div>
</div> <!-- end of post -->
</div>
</div> </div>
<!-- end of post content --> <!-- end of post column -->
</div>
</div>
<!-- end of post -->
</div>
<!-- end of post column -->
</div> </div>
</div> <!-- end of page content -->
<!-- end of page content -->
{% endblock %} {% endblock %}

175
cl-theme/templates/article.html
View File

@ -61,98 +61,109 @@
<!-- page content --> <!-- page content -->
<div class="main-content"> <div class="main-content">
<div class="container"> <div class="container">
<!-- start of posts --> <!-- start of posts -->
<div class="columns is-multiline is-centered"> <div class="columns is-multiline is-centered">
<!-- start of post --> <!-- start of post -->
<div class="column is-10"> <div class="column is-10">
<div class="card"> <div class="card">
<!-- post header --> <!-- post header -->
<div class="card-content-header"> <div class="card-content-header">
<h4 class="title is-4 has-text-centered">{{ article.title }}</h4> <h4 class="title is-4 has-text-centered">{{ article.title }}</h4>
</div> </div>
<!-- end of post header --> <!-- end of post header -->
<!-- post content --> <!-- post content -->
<div class="card-content"> <div class="card-content">
<div class="content"> <div class="content">
<div class="card-inner-wrapper"> <div class="card-inner-wrapper">
<!-- post text --> <!-- post text -->
<div class="card-content-text has-text-justified"> <div class="card-content-text has-text-justified">
{{ article.content }} {{ article.content }}
</div> </div>
<!-- end of post text --> <!-- end of post text -->
<!-- post footer --> <!-- post footer -->
<div class="card-content-footer-small"> <div class="card-content-footer-small">
<div class="navbar is-social-center"> <div class="navbar is-social-center">
<a class="navbar-item" href=""> <a class="navbar-item" href="">
<span class="icon"> <span class="soumaicon">
<i class="icon-gnusocial"></i> <svg>
</span> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#gnusocial" />
</a> </svg>
<a class="navbar-item" href=""> </span>
<span class="icon"> </a>
<i class="icon-diaspora"></i> <a class="navbar-item" href="">
</span> <span class="soumaicon">
</a> <svg>
<a class="navbar-item" href=""> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#diaspora" />
<span class="icon"> </svg>
<i class="icon-mastodon"></i> </span>
</span> </a>
</a> <a class="navbar-item" href="">
</div> <span class="soumaicon">
<!-- post footer nav --> <svg>
<div class="columns"> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#mastodom" />
<div class="column has-text-left"> </svg>
<a class="button is-small is-button-grey" href="{{ SITEURL }}/">{{ _('Regresar al Inicio') }}</a> </span>
</div> </a>
<div class="column has-text-right"> </div>
<i class="fa fa-calendar"> <!-- post footer nav -->
{% set año = article.date|strftime('%Y') %} <div class="columns">
{% set mes = article.date|strftime('%m') %} <div class="column has-text-left">
{% set nombre_mes = article.date|strftime('%B') %} <a class="button is-small is-button-grey" href="{{ SITEURL }}/">{{ _('Regresar al Inicio') }}</a>
<time class="entry-date published" </div>
datetime="{{ article.date.isoformat() }}"> <div class="column has-text-right">
<small> <span class="soumaicon">
{{ article.date|strftime('%a %-d') }} <svg>
<a href="{{ SITEURL }}/archives/{{ año }}/{{ mes }}/" <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#calendar" />
title="{% trans %}Artículos de {{ nombre_mes }} de {{ año }}{% endtrans %}"> </svg>
{{ nombre_mes }} </span>
</a> {% set año = article.date|strftime('%Y') %}
<a href="{{ SITEURL }}/archives/{{ año }}/" {% set mes = article.date|strftime('%m') %}
title="{% trans %}Artículos de {{ año }}{% endtrans %}">{{ año }} {% set nombre_mes = article.date|strftime('%B') %}
</a> <time class="entry-date published"
</small> datetime="{{ article.date.isoformat() }}">
</time> <small>
</i> {{ 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>
{% if not HIDE_AUTHORS and article.authors %} {% if not HIDE_AUTHORS and article.authors %}
<i class="fa fa-user-o"> <span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#user"/>
</svg>
</span>
{% for author in article.authors %} {% for author in article.authors %}
<small> <small>
<a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>{% if not loop.last %}, {% endif %} <a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>{% if not loop.last %}, {% endif %}
</small> </small>
{% endfor %} {% endfor %}
</i>
{% endif %} {% endif %}
</div> </div>
</div> </div>
<!-- end of post footer nav --> <!-- end of post footer nav -->
</div> </div>
<!-- end of post footer --> <!-- end of post footer -->
</div>
</div>
</div>
</div>
<!-- end of post content -->
</div> </div>
</div> <!-- end of post -->
</div> </div>
</div> <!-- end of post column -->
<!-- end of post content -->
</div>
<!-- end of post -->
</div>
<!-- end of post column -->
</div> </div>
</div> </div>
<!-- end of page content --> <!-- end of page content -->

88
cl-theme/templates/article_info.html
View File

@ -1,55 +1,63 @@
<!-- post footer --> <!-- post footer -->
<div class="card-content-footer"> <div class="card-content-footer">
<i class="fa fa-calendar"> <span class="soumaicon">
{% set año = article.date|strftime('%Y') %} <svg>
{% set mes = article.date|strftime('%m') %} <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#calendar" />
{% set nombre_mes = article.date|strftime('%B') %} </svg>
<time class="entry-date published" </span>
datetime="{{ article.date.isoformat() }}"> {% set año = article.date|strftime('%Y') %}
<small> {% set mes = article.date|strftime('%m') %}
{{ article.date|strftime('%a %-d') }} {% set nombre_mes = article.date|strftime('%B') %}
<a href="{{ SITEURL }}/archives/{{ año }}/{{ mes }}/" <time class="entry-date published"
title="{% trans %}Artículos de {{ nombre_mes }} de {{ año }}{% endtrans %}"> datetime="{{ article.date.isoformat() }}">
{{ nombre_mes }} <small>
</a> {{ article.date|strftime('%a %-d') }}
<a href="{{ SITEURL }}/archives/{{ año }}/" <a href="{{ SITEURL }}/archives/{{ año }}/{{ mes }}/"
title="{% trans %}Artículos de {{ año }}{% endtrans %}">{{ año }} title="{% trans %}Artículos de {{ nombre_mes }} de {{ año }}{% endtrans %}">
</a> {{ nombre_mes }}
</small> </a>
</time> <a href="{{ SITEURL }}/archives/{{ año }}/"
</i> title="{% trans %}Artículos de {{ año }}{% endtrans %}">{{ año }}
</a>
</small>
</time>
{% if article.modified %} {% if article.modified %}
<i class="fa fa-calendar"> <span class="soumaicon">
<span class="edit-link" <svg>
title="{{ _('Fecha de modificación') }}"> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#calendar" />
<small class="screen-reader-text">{{ _('Modificado el %(fecha)s'|format(fecha='</small> </svg>
</span>
<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)) }} <time class="updated" datetime="%s"><small>%s</small></time>')|format(article.modified.isoformat(), article.locale_modified)) }}
</span> </span>
</i>
{% endif %} {% endif %}
<!-- <i class="fa fa-comment">
<small>20 comments</small>
</i> -->
{% if not HIDE_AUTHORS and article.authors %} {% if not HIDE_AUTHORS and article.authors %}
<i class="fa fa-user-o"> <span class="soumaicon">
{% for author in article.authors %} <svg>
<small> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#user" />
<a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>{% if not loop.last %}, {% endif %} </svg>
</small> </span>
{% endfor %} {% for author in article.authors %}
</i> <small>
<a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>{% if not loop.last %}, {% endif %}
</small>
{% endfor %}
{% endif %} {% endif %}
{% import 'translations.html' as translations with context %} {% import 'translations.html' as translations with context %}
{% if translations.translations_for(article) %} {% if translations.translations_for(article) %}
<i class="fa fa-flag"> <span class="soumaicon">
<small> <svg>
{{ translations.translations_for(article) }} <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#translate" />
</small> </svg>
</i> </span>
<small>
{{ translations.translations_for(article) }}
</small>
{% else %} {% else %}
{% endif %} {% endif %}

8
cl-theme/templates/author.html
View File

@ -14,8 +14,8 @@
{% block title %}{{ SITENAME }} - {{ author }}{% endblock %} {% block title %}{{ SITENAME }} - {{ author }}{% endblock %}
{% block content %} {% block content %}
<div class="card-content-header"> <div class="card-content-header">
<h4 class="title is-4 has-text-centered">{% trans %}Autor: {{ author }}{% endtrans %}</h4> <h4 class="title is-4 has-text-centered">{% trans %}Autor: {{ author }}{% endtrans %}</h4>
</div> </div>
{{ super() }} {{ super() }}
{% endblock %} {% endblock %}

82
cl-theme/templates/authors.html
View File

@ -10,11 +10,11 @@
{% block content %} {% block content %}
<div class="main-content"> <div class="main-content">
<div class="container"> <div class="container">
<!-- start of pages --> <!-- start of pages -->
<div class="columns is-multiline is-centered"> <div class="columns is-multiline is-centered">
<!-- start of page --> <!-- start of page -->
<div class="column is-7"> <div class="column is-7">
<div class="card"> <div class="card">
<!-- post header --> <!-- post header -->
<div class="card-content-header"> <div class="card-content-header">
<h4 class="title is-4 has-text-centered">{{ _('Créditos') }}</h4> <h4 class="title is-4 has-text-centered">{{ _('Créditos') }}</h4>
@ -23,9 +23,9 @@
<!-- post content --> <!-- post content -->
<div class="card-content"> <div class="card-content">
<div class="content"> <div class="content">
<div class="card-inner-wrapper"> <div class="card-inner-wrapper">
<!-- post text --> <!-- post text -->
<div class="card-content-text has-text-justified"> <div class="card-content-text has-text-justified">
<h2>{{ _('Artículos') }}</h2> <h2>{{ _('Artículos') }}</h2>
<ul> <ul>
@ -73,39 +73,45 @@
<li>CitoplasmaC</li> <li>CitoplasmaC</li>
</ul> </ul>
</div> </div>
<!-- end of post text --> <!-- end of post text -->
<!-- post footer --> <!-- post footer -->
<div class="card-content-footer-small"> <div class="card-content-footer-small">
<div class="navbar is-social-center"> <div class="navbar is-social-center">
<a class="navbar-item" href=""> <a class="navbar-item" href="">
<span class="icon"> <span class="soumaicon">
<i class="icon-gnusocial"></i> <svg>
</span> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#gnusocial" />
</a> </svg>
<a class="navbar-item" href=""> </span>
<span class="icon"> </a>
<i class="icon-diaspora"></i> <a class="navbar-item" href="">
</span> <span class="soumaicon">
</a> <svg>
<a class="navbar-item" href=""> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#diaspora" />
<span class="icon"> </svg>
<i class="icon-mastodon"></i> </span>
</span> </a>
</a> <a class="navbar-item" href="">
</div> <span class="soumaicon">
<!-- post footer nav --> <svg>
<div class="columns"> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#mastodom" />
<div class="column has-text-left"> </svg>
</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> <a class="button is-small is-button-grey" href="{{ SITEURL }}/">{{ _('Regresar al Inicio') }}</a>
</div> </div>
</div> </div>
<!-- end of post footer nav --> <!-- end of post footer nav -->
</div> </div>
<!-- end of post footer --> <!-- end of post footer -->
</div> </div>
</div> </div>
</div> </div>
<!-- end page content --> <!-- end page content -->

254
cl-theme/templates/base.html
View File

@ -16,10 +16,6 @@
<meta property="og:url" content="{{ SITEURL }}"> <meta property="og:url" content="{{ SITEURL }}">
<meta property="og:description" content="{{ SITE_DESCRIPTION }}"> <meta property="og:description" content="{{ SITE_DESCRIPTION }}">
{% endblock %} {% 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 --> <!-- stylesheets -->
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/bulma.css"> <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/hover.css">
@ -36,8 +32,8 @@
<!-- navigation --> <!-- navigation -->
<header class="navigation"> <header class="navigation">
<nav class="navbar"> <nav class="navbar">
<div class="container"> <div class="container">
<!-- nav site title --> <!-- nav site title -->
<!-- Input for menu-mobile with checkbox--> <!-- Input for menu-mobile with checkbox-->
<input id="navbar-toggle-cbox" role="button" type="checkbox"> <input id="navbar-toggle-cbox" role="button" type="checkbox">
<!-- End Input for menu-mobile with checkbox--> <!-- End Input for menu-mobile with checkbox-->
@ -56,7 +52,7 @@
<!-- end of burger --> <!-- end of burger -->
</div> </div>
<!-- this "navbar-menu" is hidden on mobile --> <!-- this "navbar-menu" is hidden on mobile -->
{% if DISPLAY_PAGES_ON_MENU %} {% if DISPLAY_PAGES_ON_MENU %}
<div id="navMenu" class="navbar-menu"> <div id="navMenu" class="navbar-menu">
<ul class="navbar-end"> <ul class="navbar-end">
@ -69,8 +65,8 @@
</ul> </ul>
</div> </div>
{% endif %} {% endif %}
<!-- end of nav --> <!-- end of nav -->
</div> </div>
</nav> </nav>
</header> </header>
<!-- end navigation --> <!-- end navigation -->
@ -78,13 +74,13 @@
<!-- page header (title, etc) --> <!-- page header (title, etc) -->
<div class="main-header"> <div class="main-header">
<section class="hero"> <section class="hero">
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<div class="has-text-centered"> <div class="has-text-centered">
{%- block sitename -%} {%- block sitename -%}
<!-- header && subheader --> <!-- header && subheader -->
<h1 class="title is-1 is-spaced">{{ SITENAME }}</h1> <h1 class="title is-1 is-spaced">{{ SITENAME }}</h1>
<h4 class="subtitle is-4">{{ SITESUBTITLE }}</h4> <h4 class="subtitle is-4">{{ SITESUBTITLE }}</h4>
{%- endblock -%} {%- endblock -%}
<!-- search form --> <!-- search form -->
@ -103,10 +99,10 @@
</div> </div>
<!-- end search form --> <!-- end search form -->
<!-- end of header && subheader --> <!-- end of header && subheader -->
</div> </div>
</div> </div>
</div> </div>
</section> </section>
</div> </div>
<!-- end page header --> <!-- end page header -->
@ -115,71 +111,77 @@
<div class="main-content"> <div class="main-content">
{%- block content -%} {%- block content -%}
<div class="container"> <div class="container">
<!-- start of posts --> <!-- start of posts -->
<div class="columns is-multiline is-centered has-text-centered"> <div class="columns is-multiline is-centered has-text-centered">
<!-- start of post --> <!-- start of post -->
{% for article in articles_page.object_list %} {% for article in articles_page.object_list %}
<div class="column is-4"> <div class="column is-4">
<div class="card"> <div class="card">
<!-- image for post --> <!-- image for post -->
{% if article.image %} {% if article.image %}
<div class="card-image"> <div class="card-image">
<a href="{{ SITEURL }}/{{ article.url }}#titulo"> <a href="{{ SITEURL }}/{{ article.url }}#titulo">
<figure class="image ihover circle3"> <figure class="image ihover circle3">
<img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/../wp-content/uploads/article/poster/{{ article.image }}" alt="{{ article.title }}"> <img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/../wp-content/uploads/article/poster/{{ article.image }}" alt="{{ article.title }}">
</figure> </figure>
</a> </a>
</div> </div>
{% else %} {% else %}
<div class="card-image"> <div class="card-image">
<a href="{{ SITEURL }}/{{ article.url }}#titulo"> <a href="{{ SITEURL }}/{{ article.url }}#titulo">
<figure class="image ihover circle3"> <figure class="image ihover circle3">
<img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/background/745x372.png" alt="Image"> <img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/background/745x372.png" alt="Image">
</figure> </figure>
</a> </a>
</div> </div>
{% endif %} {% endif %}
<!-- end of image for post --> <!-- end of image for post -->
<!-- post header --> <!-- post header -->
<div class="card-content-header"> <div class="card-content-header">
<h4 class="title is-4"><a href="{{ SITEURL }}/{{ article.url }}#titulo">{{ article.title }}</a></h4> <h4 class="title is-4"><a href="{{ SITEURL }}/{{ article.url }}#titulo">{{ article.title }}</a></h4>
</div> </div>
<!-- end of post header --> <!-- end of post header -->
<!-- post content --> <!-- post content -->
<div class="card-content"> <div class="card-content">
<div class="content social"> <div class="content social">
<div class="navbar is-social-center"> <div class="navbar is-social-center">
<a class="navbar-item" href=""> <a class="navbar-item" href="">
<span class="icon"> <span class="soumaicon">
<i class="icon-gnusocial"></i> <svg>
</span> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#gnusocial" />
</a> </svg>
<a class="navbar-item" href=""> </span>
<span class="icon"> </a>
<i class="icon-diaspora"></i> <a class="navbar-item" href="">
</span> <span class="soumaicon">
</a> <svg>
<a class="navbar-item" href=""> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#diaspora" />
<span class="icon"> </svg>
<i class="icon-mastodon"></i> </span>
</span> </a>
</a> <a class="navbar-item" href="">
</div> <span class="soumaicon">
</div> <svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#mastodom" />
</svg>
</span>
</a>
</div>
</div>
<!-- post footer --> <!-- post footer -->
{% include "article_info.html" %} {% include "article_info.html" %}
<!-- end of post footer --> <!-- end of post footer -->
</div> </div>
<!-- end of post content --> <!-- end of post content -->
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
<!-- end of post --> <!-- end of post -->
</div> </div>
<!-- end of posts --> <!-- end of posts -->
</div> </div>
<!-- pagination --> <!-- pagination -->
{% include "pagination.html" %} {% include "pagination.html" %}
@ -192,62 +194,82 @@
<footer class="footer footer-top-shadow"> <footer class="footer footer-top-shadow">
<!-- header nav content --> <!-- header nav content -->
<div class="navbar is-social-center"> <div class="navbar is-social-center">
<a class="navbar-item" href=""> <a class="navbar-item" href="">
<span class="icon"> <span class="soumaicon">
<i class="icon-diaspora"></i> <svg>
</span> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#diaspora"/>
</a> </svg>
<a class="navbar-item" href=""> </span>
<span class="icon"> </a>
<i class="icon-gnusocial"></i> <a class="navbar-item" href="">
</span> <span class="soumaicon">
</a> <svg>
<a class="navbar-item" href=""> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#gnusocial"/>
<span class="icon"> </svg>
<i class="icon-pump"></i> </span>
</span> </a>
</a> <a class="navbar-item" href="">
<a class="navbar-item" href=""> <span class="soumaicon">
<span class="icon"> <svg>
<i class="icon-pixelfed"></i> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#pump"/>
</span> </svg>
</a> </span>
<a class="navbar-item" href=""> </a>
<span class="icon"> <a class="navbar-item" href="">
<i class="icon-peertube"></i> <span class="soumaicon">
</span> <svg>
</a> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#pixelfed"/>
<a class="navbar-item" href=""> </svg>
<span class="icon"> </span>
<i class="icon-mediagoblin"></i> </a>
</span> <a class="navbar-item" href="">
</a> <span class="soumaicon">
<a class="navbar-item" href=""> <svg>
<span class="icon"> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#peertube"/>
<i class="icon-matrix"></i> </svg>
</span> </span>
</a> </a>
<a class="navbar-item" href=""> <a class="navbar-item" href="">
<span class="icon"> <span class="soumaicon">
<i class="fa fa-rss"></i> <svg>
</span> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#mediagoblin"/>
</a> </svg>
</div> </span>
<!-- end of header nav content --> </a>
<a class="navbar-item" href="">
<span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#matrix"/>
</svg>
</span>
</a>
<a class="navbar-item" href="">
<span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#rss"/>
</svg>
</span>
</a>
</div>
<!-- end of header nav content -->
<div class="container has-text-centered"> <div class="container has-text-centered">
<span class="icon"> <span class="soumaicon">
<i class="icon-libregit"></i> <svg>
</span> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#libregit"/>
<p>{{ _('Escrito por') }} </svg>
</span>
<p>{{ _('Escrito por') }}
<a href="https://libregit.org/heckyel">libregit.org/heckyel</a> <a href="https://libregit.org/heckyel">libregit.org/heckyel</a>
</p> </p>
<p>{{ _('Este sitio es Software Libre') }}</p> <p>{{ _('Este sitio es Software Libre') }}</p>
<p> <p>
<a href="https://libregit.org/heckyel/cl">{{ _('Código fuente') }}</a> <a href="https://libregit.org/heckyel/cl">{{ _('Código fuente') }}</a>
<span class="icon"> <span class="soumaicon">
<i class="fa fa-code"></i> <svg>
</span> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#code"/>
</svg>
</span>
</p> </p>
<p> <p>
<a href="{{ SITEURL }}/pages/librejs.html" data-jslicense="1">{{ _('Licencias de JavaScript') }}</a> <a href="{{ SITEURL }}/pages/librejs.html" data-jslicense="1">{{ _('Licencias de JavaScript') }}</a>

16
cl-theme/templates/index.html
View File

@ -1,16 +1,16 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block extra_head %} {% block extra_head %}
{{ super() }} {{ super() }}
{% if lang_siteurls and articles_page.number == 1 %} {% if lang_siteurls and articles_page.number == 1 %}
{% for lang, url in lang_siteurls.items() %} {% for lang, url in lang_siteurls.items() %}
<link rel="alternate" hreflang="{{ lang }}" href="{{ url }}/"> <link rel="alternate" hreflang="{{ lang }}" href="{{ url }}/">
{% endfor %} {% endfor %}
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block title %}{{ SITENAME }}{% if articles_page.number != 1 %} | Page {{ articles_page.number }}{% endif %}{% endblock %} {% block title %}{{ SITENAME }}{% if articles_page.number != 1 %} | Page {{ articles_page.number }}{% endif %}{% endblock %}
{% block sitename %} {% block sitename %}
<h1 class="title is-1 is-spaced">{{ SITENAME }}</h1> <h1 class="title is-1 is-spaced">{{ SITENAME }}</h1>
<h4 class="subtitle is-4">{{ SITESUBTITLE }}</h4> <h4 class="subtitle is-4">{{ SITESUBTITLE }}</h4>
{% endblock %} {% endblock %}

105
cl-theme/templates/page.html
View File

@ -32,11 +32,11 @@
<div class="main-content"> <div class="main-content">
<div class="container"> <div class="container">
<!-- start of pages --> <!-- start of pages -->
<div class="columns is-multiline is-centered"> <div class="columns is-multiline is-centered">
<!-- start of page --> <!-- start of page -->
<div class="column is-7"> <div class="column is-7">
<div class="card"> <div class="card">
<!-- post header --> <!-- post header -->
<div class="card-content-header"> <div class="card-content-header">
<h4 class="title is-4 has-text-centered">{{ page.title }}</h4> <h4 class="title is-4 has-text-centered">{{ page.title }}</h4>
@ -45,52 +45,61 @@
<!-- post content --> <!-- post content -->
<div class="card-content"> <div class="card-content">
<div class="content"> <div class="content">
<div class="card-inner-wrapper"> <div class="card-inner-wrapper">
<!-- post text --> <!-- post text -->
<div class="card-content-text has-text-justified"> <div class="card-content-text has-text-justified">
{{ page.content }} {{ page.content }}
</div> </div>
<!-- end of post text --> <!-- end of post text -->
<!-- post footer --> <!-- post footer -->
<div class="card-content-footer-small"> <div class="card-content-footer-small">
<div class="navbar is-social-center"> <div class="navbar is-social-center">
<a class="navbar-item" href=""> <a class="navbar-item" href="">
<span class="icon"> <span class="soumaicon">
<i class="icon-gnusocial"></i> <svg>
</span> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#gnusocial" />
</a> </svg>
<a class="navbar-item" href=""> </span>
<span class="icon"> </a>
<i class="icon-diaspora"></i> <a class="navbar-item" href="">
</span> <span class="soumaicon">
</a> <svg>
<a class="navbar-item" href=""> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#diaspora" />
<span class="icon"> </svg>
<i class="icon-mastodon"></i> </span>
</span> </a>
</a> <a class="navbar-item" href="">
</div> <span class="soumaicon">
<!-- post footer nav --> <svg>
<div class="columns"> <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#mastodom" />
<div class="column has-text-left"> </svg>
</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> <a class="button is-small is-button-grey" href="{{ SITEURL }}/">{{ _('Regresar al Inicio') }}</a>
</div> </div>
<div class="column has-text-right"> <div class="column has-text-right">
<i class="fa fa-flag"> <span class="soumaicon">
{% import 'translations.html' as translations with context %} <svg>
{% if translations.translations_for(page) %} <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#translate" />
<small> </svg>
{{ translations.translations_for(page) }} </span>
</small> {% import 'translations.html' as translations with context %}
{% endif %} {% if translations.translations_for(page) %}
</i> <small>
</div> {{ translations.translations_for(page) }}
</div> </small>
<!-- end of post footer nav --> {% endif %}
</div> </div>
<!-- end of post footer --> </div>
</div> <!-- end of post footer nav -->
</div>
<!-- end of post footer -->
</div>
</div> </div>
</div> </div>
<!-- end page content --> <!-- end page content -->

12
cl-theme/templates/pagination.html
View File

@ -2,17 +2,17 @@
<div class="pagination-style-custom"> <div class="pagination-style-custom">
<nav class="pagination is-rounded is-centered" aria-label="pagination"> <nav class="pagination is-rounded is-centered" aria-label="pagination">
{% if articles_page.has_previous() %} {% if articles_page.has_previous() %}
<a class="pagination-previous button is-button-grey" <a class="pagination-previous button is-button-grey"
href="{{ SITEURL }}/{{ articles_previous_page.url }}">{{ _('Página anterior') }}</a> href="{{ SITEURL }}/{{ articles_previous_page.url }}">{{ _('Página anterior') }}</a>
{% else %} {% else %}
<a class="pagination-previous disabled">{{ _('Página anterior') }}</a> <a class="pagination-previous disabled">{{ _('Página anterior') }}</a>
{% endif %} {% endif %}
{% if articles_page.has_next() %} {% if articles_page.has_next() %}
<a class="pagination-next button is-button-grey" <a class="pagination-next button is-button-grey"
href="{{ SITEURL }}/{{ articles_next_page.url }}">{{ _('Página siguiente') }}</a> href="{{ SITEURL }}/{{ articles_next_page.url }}">{{ _('Página siguiente') }}</a>
{% else %} {% else %}
<a class="pagination-next disabled">{{ _('Página siguiente') }}</a> <a class="pagination-next disabled">{{ _('Página siguiente') }}</a>
{% endif %} {% endif %}
<ul class="pagination-list"> <ul class="pagination-list">

62
cl-theme/templates/period_archives.html
View File

@ -1,47 +1,47 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div class="main-content"> <div class="main-content">
<div class="container"> <div class="container">
<!-- start of posts --> <!-- start of posts -->
<div class="columns is-multiline is-centered"> <div class="columns is-multiline is-centered">
<!-- start of post --> <!-- start of post -->
<div class="column is-10"> <div class="column is-10">
<div class="card"> <div class="card">
<div class="card-content-header"> <div class="card-content-header">
<h4 class="title is-4 has-text-centered"> <h4 class="title is-4 has-text-centered">
{% set len_period = period|length %} {% set len_period = period|length %}
{%- if len_period == 1 -%} {%- if len_period == 1 -%}
{{ _('Archivos de %(año)d', año=period[0]) }} {{ _('Archivos de %(año)d', año=period[0]) }}
{%- elif len_period == 2 -%} {%- elif len_period == 2 -%}
{{ _('Archivos de %(mes)s de %(año)d', año=period[0], mes=period[1]) }} {{ _('Archivos de %(mes)s de %(año)d', año=period[0], mes=period[1]) }}
{%- elif len_period == 3 -%} {%- 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]) }} {{ _('Archivos del %(dia)d de %(mes)s de %(año)d', año=period[0], mes=period[1], dia=period[2]) }}
{%- endif -%} {%- endif -%}
</h4> </h4>
</div> </div>
<div class="card-content"> <div class="card-content">
<div class="content"> <div class="content">
<div class="card-inner-wrapper"> <div class="card-inner-wrapper">
<div class="entry-content"> <div class="entry-content">
<dl> <dl>
{% for article in dates %} {% for article in dates %}
<dt>{{ article.date|strftime('%A %-d de %B de %Y a las %H:%M %z') }}</dt> <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> <dd><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></dd>
{% endfor %} {% endfor %}
</dl> </dl>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
{% endblock %} {% endblock %}