diff options
| -rw-r--r-- | _data/es/strings.yml | 1 | ||||
| -rw-r--r-- | _includes/banner.liquid | 4 | ||||
| -rw-r--r-- | _includes/footer.liquid | 8 | ||||
| -rw-r--r-- | _layouts/default.liquid | 8 | ||||
| -rw-r--r-- | assets/css/styles.css | 35 |
5 files changed, 45 insertions, 11 deletions
diff --git a/_data/es/strings.yml b/_data/es/strings.yml index 6fb8132..bc6afe2 100644 --- a/_data/es/strings.yml +++ b/_data/es/strings.yml @@ -9,6 +9,7 @@ global: categories: Categorías recent_posts: Posts recientes source_code: Código fuente + under: bajo index: page: Página of: de diff --git a/_includes/banner.liquid b/_includes/banner.liquid index ccaea99..64a5346 100644 --- a/_includes/banner.liquid +++ b/_includes/banner.liquid @@ -1,9 +1,9 @@ <section class="hero is-small third-color"> - <div class="hero-body banner"> + <div class="hero-body has-background-primary"> {% if site.lang != "es" %} <a class="title banner" href="/{{ site.lang }}">{{ site.title }}</a> {% else %} <a class="title banner" href="/">{{ site.title }}</a> {% endif %} - </div> + </div> </section> diff --git a/_includes/footer.liquid b/_includes/footer.liquid new file mode 100644 index 0000000..6eae99f --- /dev/null +++ b/_includes/footer.liquid @@ -0,0 +1,8 @@ +<footer class="footer has-background-primary"> + <div class="has-text-centered"> + <p class="footer-content"> + <b>{{ site.title }}</b> {{ site.data[site.active_lang].strings.global.under }} + <a class="footer-url" href="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.en">CC BY-NC-ND</a> + </p> + </div> +</footer> diff --git a/_layouts/default.liquid b/_layouts/default.liquid index b81205f..bfeb003 100644 --- a/_layouts/default.liquid +++ b/_layouts/default.liquid @@ -4,11 +4,15 @@ {% include banner.liquid %} <div class="columns"> - <div class="column mt-6 ml-18 is-two-thirds content"> + <div class="column mt-6 is-offset-2 is-6 content"> {{ content }} </div> - <div class="column mr-18"> + <div class="column is-2"> {% include sidenav.liquid %} </div> </div> + + <div class="column"> + {% include footer.liquid %} + </div> </body> diff --git a/assets/css/styles.css b/assets/css/styles.css index e6c0ef2..dea2080 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -97,17 +97,27 @@ p { color: #fafafa; } + + body { + font-family: Roboto, Helvetica, Arial, sans-serif !important; + margin: 0; + } } @media(prefers-color-scheme: light) { + :root { + --bulma-primary-h: 216deg; + --bulma-primary-s: 43%; + --bulma-primary-l: 38%; + } + .is-info { background: #38598b !important; color: #e7eaf6; } .banner { - color: #e7eaf6 !important; - background: #38598b; + color: #ffffff !important; } .btn-primary { @@ -118,14 +128,14 @@ .sidebar { border: 1px solid #dadff1; border-radius: 4px; - background: #f3f3f3; + background: white; justify-content: space-between; } .content { border: 1px solid #dadff1; border-radius: 4px; - background: #f3f3f3; + background: white; } .sidebar-element { @@ -165,11 +175,22 @@ p { color: #2a2438; } + + + body { + font-family: Roboto, Helvetica, Arial, sans-serif !important; + margin: 0; + background: #f3f3f3; + } +} + +.footer-content { + color: white !important; } -body { - font-family: Roboto, Helvetica, Arial, sans-serif !important; - margin: 0; +.footer-url { + color: white; + font-weight: bold; } :not(.sidebar-element) li { |