diff --git a/cl-theme/static/css/style.css b/cl-theme/static/css/style.css
index 808989d..0c3c177 100644
--- a/cl-theme/static/css/style.css
+++ b/cl-theme/static/css/style.css
@@ -1,11 +1,24 @@
-/* github.com/plasticneko */
-/* bulma css framework (github.com/jgthms | bulma.io)
-Author: jeremy thomas
-Author: jesus e.
-*/
-
+/*!
+ * bulma css framework (github.com/jgthms | bulma.io)
+ * Author: jeremy thomas
+ * Author: jesus e.
+ * Licensed under MIT (https://github.com/jgthms/bulma/blob/master/LICENSE)
+ */
/* 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 ---------------- */
/* input hidden */
#navbar-toggle-cbox {
@@ -20,87 +33,54 @@ label[for=navbar-toggle-cbox] {
display: block;
}
-/* ------------ End Menu Mobile sin JS ------------- */
-
-/* ------------------- codehilite ------------------ */
-.highlight pre {
- font-size: 75%;
+/*- ----------- End Menu Mobile sin JS ------------- */
+/* 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;
+}
+
+/* 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 {
background-color: #282828;
@@ -125,60 +105,6 @@ video {
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 {
color: #0dd3ff;
}
@@ -187,127 +113,171 @@ a.pagination-next.disabled {
display: table;
}
-.pagination-list {
- margin-bottom: 1.5rem;
+/* Colors Code */
+.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 */
-body, input, textarea, .button {
- font-family: 'Roboto Condensed', Nimbus Sans, sans-serif;
+.soumaicon {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -ms-flex-line-pack: center;
+ align-content: center;
}
-.fa small {
- font-family: 'Roboto Condensed', Nimbus Sans, sans-serif;
- color: #7a7a7a;
+.soumaicon svg {
+ width: .8rem;
+ height: .8rem;
+ fill: currentcolor;
}
-/* button colouring */
-.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;
-}
-
-/* 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;
+.soumaicon:hover svg {
+ fill: #dd7325;
}
/* main content styling */
@@ -320,7 +290,6 @@ a.navbar-item:hover {
.card {
background-color: #161c1c;
}
-
.card .card-content-footer {
color: #7a7a7a;
}
@@ -348,12 +317,10 @@ a.navbar-item:hover {
padding-bottom: 30px;
border-bottom: 1px solid #dd7325;
}
-
.card-content-text p {
color: whitesmoke;
font-size: 1em;
}
-
.card-content-text label {
color: whitesmoke;
font-weight: 100;
@@ -382,7 +349,94 @@ a.navbar-item:hover {
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 {
background-color: #161c1c;
padding-bottom: 10px;
@@ -392,7 +446,18 @@ a.navbar-item:hover {
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 {
padding: 25px;
}
@@ -404,44 +469,25 @@ a.navbar-item:hover {
.comments-wrapper p {
color: whitesmoke;
}
-
.comments-wrapper small {
color: #7a7a7a;
}
-
.comments-wrapper strong {
color: whitesmoke;
font-weight: 100;
}
-
.comments-wrapper a {
color: #dd7325;
}
-
.comments-wrapper .media .media, .comments-wrapper .media + .media {
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) {
.navbar-menu {
background-color: transparent;
}
}
-
@media screen and (max-width: 600px) {
.main-content {
padding: 0rem;
diff --git a/cl-theme/static/images/icons/master.svg b/cl-theme/static/images/icons/master.svg
new file mode 100644
index 0000000..4c06822
--- /dev/null
+++ b/cl-theme/static/images/icons/master.svg
@@ -0,0 +1,78 @@
+
diff --git a/cl-theme/templates/archives.html b/cl-theme/templates/archives.html
index a4ae705..6eed5e9 100644
--- a/cl-theme/templates/archives.html
+++ b/cl-theme/templates/archives.html
@@ -1,83 +1,82 @@
{% extends "base.html" %}
{% block extra_head %}
-
-
+
+
-
+ .contenedor-arbol ul > li:last-child::after {
+ height: 8px;
+ }
+
{% endblock %}
{% block title %}{% trans %}Archivos de {{ SITENAME }}{% endtrans %}{% endblock %}
{% block content %}
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
+
+
+
-
-
-
-
-
-
-
{{ ngettext('%(num)d artículo', '%(num)d artículos', dates|length) }}
-
+
+
+
+
+
+
{{ ngettext('%(num)d artículo', '%(num)d artículos', dates|length) }}
+
{% for article in dates %}
{% set current_year = article.date|strftime('%Y') %}
{% set current_month = article.date|strftime('%m') %}
@@ -85,50 +84,47 @@
{% 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 %}
-
+
-
+
{% endif %}
-
-
- {{ current_year }}
-
-
- {% endif %}
- {% endfor %}
-
+
- {{ current_year }}
+
+
+ {% endif %}
+ {% endfor %}
+
+
+
+
+
+
-
-
-
+
+
-
-
-
-
-
-
-
+
+
+
-
-
+
{% endblock %}
diff --git a/cl-theme/templates/article.html b/cl-theme/templates/article.html
index 27962ea..f09647b 100644
--- a/cl-theme/templates/article.html
+++ b/cl-theme/templates/article.html
@@ -61,98 +61,109 @@
-
-
-
-
-
+
+
+
+
+
-
-
-
+
+
+
-
-
-
-
-
-
- {{ article.content }}
-
-
+
+
+
+
+
+
+ {{ article.content }}
+
+
-
-
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
+
+
+
+
diff --git a/cl-theme/templates/article_info.html b/cl-theme/templates/article_info.html
index f3c6665..1a48bef 100644
--- a/cl-theme/templates/article_info.html
+++ b/cl-theme/templates/article_info.html
@@ -1,55 +1,63 @@