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 %} - -
-
- -
- -
-
+ +
+
+ +
+ +
+
- -
-

{% trans %}Archivos de {{ SITENAME }}{% endtrans %}

-
- + +
+

{% trans %}Archivos de {{ SITENAME }}{% endtrans %}

+
+ - -
-
-
- -
-

{{ 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.title }}

    -
    - + +
    +

    {{ article.title }}

    +
    + - -
    -
    -
    - -
    - {{ 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 @@