layout

Gemfile

@@ -1,5 +1,8 @@
+
 source "https://rubygems.org"
 
+gem "webrick"
+
 # Hello! This is where you manage which Jekyll version is used to run.
 # When you want to use a different version, change it below, save the
 # file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
@@ -29,3 +32,4 @@ end
 
 # Performance-booster for watching directories on Windows
 # gem "wdm", "~> 0.1.0" if Gem.win_platform?
+# 

_config.yml

@@ -1,11 +1,10 @@
 # Site settings
 title: sergio.am
 description: >- # site description
-  Notas y apuntes de cosas con las que suelo perder el tiempo para mi yo del futuro.
+  Notas y apuntes de cosas con las que suelo perder el tiempo, para mi yo del futuro.
 lang: es-ES
 timezone: Europe/Madrid
-image: assets/img/ogp.png # This image used for Open Graph more info https://ogp.me/
+image: assets/img/sergio.png # This image used for Open Graph more info https://ogp.me/
-repo: https://github.com/piharpi/jekyll-klise # site repo [optional]
 mode: dark # default theme "dark" | "light"
 
 # Profile settings

_data/menus.yml

@@ -1,12 +1,8 @@
-- title: inicio
+- title: Inicio
   url: /
-  external: false
 
-- title: sobre este sitio
+- title: Sobre este sitio
   url: /about/
-  external: false # set true if you using external link, see below
 
-# Example:
+- title: Contacto
-# - title: github
+  url: /contact/
-#   url: https://github.com/piharpi/jekyll-klise
-#   external: true

_includes/header.html

@@ -132,33 +132,11 @@
   {% else %}
   <meta name="twitter:image" content="{{ site.image | absolute_url }}" />
   {% endif %} {% feed_meta %}
-  <link
+
-    rel="apple-touch-icon"
+  <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png">
-    sizes="180x180"
+  <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png">
-    href="/assets/favicons/apple-touch-icon.png"
+  <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png">
-  />
+  <link rel="manifest" href="/assets/favicons/site.webmanifest">
-  <link
-    rel="icon"
-    type="image/png"
-    sizes="32x32"
-    href="/assets/favicons/favicon-32x32.png"
-  />
-  <link
-    rel="icon"
-    type="image/png"
-    sizes="16x16"
-    href="/assets/favicons/favicon-16x16.png"
-  />
-  <link rel="manifest" href="/assets/favicons/site.webmanifest" />
-  <link
-    rel="mask-icon"
-    href="/assets/favicons/safari-pinned-tab.svg"
-    color="#5bbad5"
-  />
-  <meta name="apple-mobile-web-app-title" content="Jekyll Klise" />
-  <meta name="application-name" content="Jekyll Klise" />
-  <meta name="msapplication-TileColor" content="#da532c" />
-  <meta name="theme-color" content="#2c2c2c" />
 
   <link rel="stylesheet" href="/assets/css/style.css" />
 </head>

_includes/navbar.html

@@ -15,6 +15,44 @@
         </svg>
       </span>
     </label>
+    <div class="trigger">
+      <div class="trigger-container">
+        {%- assign url = page.url -%}
+        {%- assign menus = site.data.menus -%}
+        {%- if menus %}
+          {%- for menu in menus -%} 
+            {%- if url == menu.url -%}
+              <a class="menu-link active" href="{{ menu.url }}">{{ menu.title }}</a>
+            {%- else -%} 
+              <a class="menu-link" href="{{ menu.url }}">{{ menu.title }}</a>
+            {%- endif -%} 
+          {%- endfor -%}
+        {%- else -%}
+          <a class="menu-link {% if url == '/' %}active{% endif %}" href="/">home</a>
+          <a class="menu-link {% if url == '/about/' %}active{% endif %}" href="/about">about</a>
+        {%- endif -%}
+        <a class="menu-link rss" href="/feed.xml">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="17"
+            height="17"
+            viewBox="0 0 512 512"
+            fill="#ED812E"
+          >
+            <title>RSS</title>
+            <path
+              d="M108.56,342.78a60.34,60.34,0,1,0,60.56,60.44A60.63,60.63,0,0,0,108.56,342.78Z"
+            />
+            <path
+              d="M48,186.67v86.55c52,0,101.94,15.39,138.67,52.11s52,86.56,52,138.67h86.66C325.33,312.44,199.67,186.67,48,186.67Z"
+            />
+            <path
+              d="M48,48v86.56c185.25,0,329.22,144.08,329.22,329.44H464C464,234.66,277.67,48,48,48Z"
+            />
+          </svg>
+        </a>
+      </div>
+    </div>
     <a id="mode">
       <svg
         class="mode-sunny"
@@ -159,53 +197,5 @@
         />
       </svg>
     </a>
-    <div class="trigger">
-      <div class="trigger-container">
-        {%- assign url = page.url -%}
-        {%- assign menus = site.data.menus -%}
-        {%- if menus %}
-          {%- for menu in menus -%} 
-            {%- if url == menu.url -%}
-              <a class="menu-link active" href="{{ menu.url }}">{{ menu.title }}</a>
-            {%- else -%} 
-              {%- if menu.external -%}
-                <a
-                  class="menu-link"
-                  href="{{ menu.url }}"
-                  target="_blank"
-                  rel="noopener"
-                  >{{ menu.title }}</a
-                >
-              {%- else -%}
-                <a class="menu-link" href="{{ menu.url }}">{{ menu.title }}</a>
-              {%- endif -%} 
-            {%- endif -%} 
-          {%- endfor -%}
-        {%- else -%}
-          <a class="menu-link {% if url == '/' %}active{% endif %}" href="/">home</a>
-          <a class="menu-link {% if url == '/about/' %}active{% endif %}" href="/about">about</a>
-        {%- endif -%}
-        <a class="menu-link rss" href="/feed.xml">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="17"
-            height="17"
-            viewBox="0 0 512 512"
-            fill="#ED812E"
-          >
-            <title>RSS</title>
-            <path
-              d="M108.56,342.78a60.34,60.34,0,1,0,60.56,60.44A60.63,60.63,0,0,0,108.56,342.78Z"
-            />
-            <path
-              d="M48,186.67v86.55c52,0,101.94,15.39,138.67,52.11s52,86.56,52,138.67h86.66C325.33,312.44,199.67,186.67,48,186.67Z"
-            />
-            <path
-              d="M48,48v86.56c185.25,0,329.22,144.08,329.22,329.44H464C464,234.66,277.67,48,48,48Z"
-            />
-          </svg>
-        </a>
-      </div>
-    </div>
   </nav>
 </div>

_includes/navigation.html

@@ -4,12 +4,12 @@
     class="post-nav-item post-nav-prev"
     href="{{ page.previous | relative_url }}"
   >
-    <div class="nav-arrow">Previous</div>
+    <div class="nav-arrow">↶ Anterior</div>
     <span class="post-title">{{ page.previous.title }}</span>
   </a>
   {% endif %} {% if page.next %}
   <a class="post-nav-item post-nav-next" href="{{ page.next | relative_url }}">
-    <div class="nav-arrow">Next</div>
+    <div class="nav-arrow">Siguiente ↷</div>
     <span class="post-title">{{ page.next.title }}</span>
   </a>
   {% endif %}

_layouts/default.html

@@ -32,7 +32,7 @@ layout: compress
       <main aria-label="Content">
         {{ content }}
       </main>
-    {% include footer.html %}
     </div>
+    {% include footer.html %}
   </body>
 </html>

_layouts/home.html

@@ -6,7 +6,7 @@ home: true
 <h3 class="posts-item-note" aria-label="Recent Posts">Recent Posts</h3>
 {%- for post in site.posts limit: site.number_of_posts -%}
 <article class="post-item">
-  <span class="post-item-date">{{ post.date | date: "%b %d, %Y" }}</span>
+  <span class="post-item-date">{{ post.date | date: "%d %b %Y" }}</span>
   <h4 class="post-item-title">
     <a href="{{ post.url }}">{{ post.title | escape }}</a>
   </h4>

_layouts/page.html

@@ -36,8 +36,8 @@ layout: compress
     <main class="page-content" aria-label="Content">
       {% include anchor_headings.html html=content anchorClass="anchor-head" beforeHeading=true h_min=4 h_max=4 %}
     </main>
-    {% include footer.html %}
   </div>
+  {% include footer.html %}
 </body>
 
 </html>

_layouts/post.html

@@ -49,7 +49,7 @@ layout: compress
           {% if page.date %}
           <div class="post-meta">
             <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
-              {{ page.date | date: "%b %d, %Y" }}
+              {{ page.date | date: "%d %b %Y" }}
             </time>
             <span itemprop="author" itemscope itemtype="https://schema.org/Person">
               <span itemprop="name">{{ site.author.name }}</span>
@@ -87,8 +87,8 @@ layout: compress
       {% include navigation.html %}
     {% endif %}
 
-    {% include footer.html %}
   </div>
+  {% include footer.html %}
 </body>
 
 </html>

_posts/2021-10-02-hi.md

@@ -2,6 +2,20 @@
 layout: post
 title:  "Hola!"
 ---
-Así empiezo, sin poner nada.
+Primer post, sin mucho que contar para variar. Al menos habrá un bonito _commit_ y muchas cosas por limpiar.
 
-Pero al menos habrá un bonito _commit_ y muchas cosas por limpiar.
+La chuleta para hacer andar esto es la siguiente:
+
+```shell
+docker run -it --rm --volume="$PWD:/srv/jekyll:Z" jekyll/jekyll jekyll build
+docker run -it --rm --volume="$PWD:/srv/jekyll:Z" -p 4000:4000 jekyll/jekyll jekyll serve
+```
+
+O bien, si ya está _buildeado_:
+
+```shell
+cd _site
+python3 -m http.server 4000
+```
+
+Y acceder a <http://localhost:4000>. Así de simple por ahora.

_posts/2022-05-06-drone-gitea-ci-cd.md

@@ -0,0 +1,21 @@
+---
+layout: post
+title:  "CI/CD con Gitea + Drone"
+---
+Primer post, sin mucho que contar para variar. Al menos habrá un bonito _commit_ y muchas cosas por limpiar.
+
+La chuleta para hacer andar esto es la siguiente:
+
+```shell
+docker run -it --rm --volume="$PWD:/srv/jekyll:Z" jekyll/jekyll jekyll build
+docker run -it --rm --volume="$PWD:/srv/jekyll:Z" -p 4000:4000 jekyll/jekyll jekyll serve
+```
+
+O bien, si ya está _buildeado_:
+
+```shell
+cd _site
+python3 -m http.server 4000
+```
+
+Y acceder a <http://localhost:4000>. Así de simple por ahora.

_posts/2022-05-06-openwrt-ipv6-home-lan.md

@@ -0,0 +1,21 @@
+---
+layout: post
+title:  "Conectividad IPv6 sobre túnel WireGuard y OpenWRT"
+---
+Primer post, sin mucho que contar para variar. Al menos habrá un bonito _commit_ y muchas cosas por limpiar.
+
+La chuleta para hacer andar esto es la siguiente:
+
+```shell
+docker run -it --rm --volume="$PWD:/srv/jekyll:Z" jekyll/jekyll jekyll build
+docker run -it --rm --volume="$PWD:/srv/jekyll:Z" -p 4000:4000 jekyll/jekyll jekyll serve
+```
+
+O bien, si ya está _buildeado_:
+
+```shell
+cd _site
+python3 -m http.server 4000
+```
+
+Y acceder a <http://localhost:4000>. Así de simple por ahora.

_sass/klise/_base.scss

@@ -46,7 +46,6 @@ body {
   overflow-x: hidden;
   position: relative;
   color: $text-base-color;
-  background-color: $white;
   font: $normal-weight #{$base-font-size}/#{$base-line-height} $sans-family;
   -webkit-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
@@ -56,6 +55,10 @@ body {
   font-feature-settings: "kern" 1;
   font-kerning: normal;
   box-sizing: border-box;
+  background: url(/assets/img/simple_dashed_l.png);
+  background-color: $white;
+  background-repeat: repeat;
+  background-attachment: fixed;
 }
 
 // Set `margin-bottom` to maintain vertical rhythm
@@ -281,6 +284,8 @@ blockquote {
   margin-left: auto;
   padding-right: $spacing-full;
   padding-left: $spacing-full;
+  padding-top: 1px;
+  background-color: #dddddd70;
   @extend %clearfix;
 
   @include media-query($on-mobile) {
@@ -294,6 +299,10 @@ blockquote {
       -webkit-animation: 0.2s ease-in forwards blur;
     }
   }
+
+  .header-title {
+    font-weight: 700;
+  }
 }
 
 // Underline

_sass/klise/_dark.scss

@@ -1,6 +1,7 @@
 body[data-theme="dark"] {
   color: $dark-text-base-color;
   background-color: $dark-black;
+  background-image: url(/assets/img/simple_dashed.png);
 
   // Heading
   h1,
@@ -26,6 +27,10 @@ body[data-theme="dark"] {
     }
   }
 
+  .wrapper {
+    background-color: #1c1c1c70;
+  }
+
   // Post
   .page-content {
     a {
@@ -164,7 +169,7 @@ body[data-theme="dark"] {
     }
     .post-item-title {
       a {
-        color: $dark-text-base-color;
+        color: $dark-text-link-blue;
 
         &:hover,
         &focus {
@@ -177,6 +182,8 @@ body[data-theme="dark"] {
   // Post Navigation
   .post-nav {
     border-color: $dark-light;
+    background: $dark-light;
+    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(27,29,37,1) 50%, rgba(0,0,0,0) 100%);
 
     .post-nav-item {
       font-weight: $bold-weight;

_sass/klise/_fonts.scss

@@ -1,712 +1,188 @@
 @charset "utf-8";
 
-@font-face {
+/*
-  font-family: "Roboto";
+ * https://fonts.googleapis.com/css2?family=JetBrains+Mono&family=Roboto:wght@400;700&display=swap
-  font-style: normal;
+ * https://fonts.google.com/specimen/Roboto
-  font-weight: 400;
+ * https://fonts.google.com/specimen/jetBrains+Mono
-  src: local("Roboto"), local("Roboto-Regular"),
+ */
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2)
-      format("woff2");
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
-    U+FE2E-FE2F;
-}
-
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  src: local("Roboto"), local("Roboto-Regular"),
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)
-      format("woff2");
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  src: local("Roboto"), local("Roboto-Regular"),
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)
-      format("woff2");
-  unicode-range: U+1F00-1FFF;
-}
-
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  src: local("Roboto"), local("Roboto-Regular"),
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)
-      format("woff2");
-  unicode-range: U+0370-03FF;
-}
-
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  src: local("Roboto"), local("Roboto-Regular"),
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)
-      format("woff2");
-  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
-}
-
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  src: local("Roboto"), local("Roboto-Regular"),
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)
-      format("woff2");
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  src: local("Roboto"), local("Roboto-Regular"),
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.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;
-}
-
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 700;
-  src: local("Roboto Bold"), local("Roboto-Bold"),
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2)
-      format("woff2");
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
-    U+FE2E-FE2F;
-}
-
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 700;
-  src: local("Roboto Bold"), local("Roboto-Bold"),
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2)
-      format("woff2");
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 700;
-  src: local("Roboto Bold"), local("Roboto-Bold"),
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2)
-      format("woff2");
-  unicode-range: U+1F00-1FFF;
-}
-
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 700;
-  src: local("Roboto Bold"), local("Roboto-Bold"),
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2)
-      format("woff2");
-  unicode-range: U+0370-03FF;
-}
-
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 700;
-  src: local("Roboto Bold"), local("Roboto-Bold"),
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2)
-      format("woff2");
-  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
-}
-
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 700;
-  src: local("Roboto Bold"), local("Roboto-Bold"),
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2)
-      format("woff2");
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 700;
-  src: local("Roboto Bold"), local("Roboto-Bold"),
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.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;
-}
 
 /* cyrillic-ext */
 @font-face {
-  font-family: "Roboto";
+  font-family: 'JetBrains Mono';
   font-style: normal;
-  font-weight: 300;
+  font-weight: 400;
-  src: local("Roboto Light"), local("Roboto-Light"),
+  font-display: swap;
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2)
+  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTN1OVgaY.woff2) format('woff2');
-      format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
-    U+FE2E-FE2F;
 }
-
 /* cyrillic */
 @font-face {
-  font-family: "Roboto";
+  font-family: 'JetBrains Mono';
   font-style: normal;
-  font-weight: 300;
+  font-weight: 400;
-  src: local("Roboto Light"), local("Roboto-Light"),
+  font-display: swap;
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2)
+  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTPlOVgaY.woff2) format('woff2');
-      format("woff2");
   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
-
-/* greek-ext */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 300;
-  src: local("Roboto Light"), local("Roboto-Light"),
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2)
-      format("woff2");
-  unicode-range: U+1F00-1FFF;
-}
-
 /* greek */
 @font-face {
-  font-family: "Roboto";
+  font-family: 'JetBrains Mono';
   font-style: normal;
-  font-weight: 300;
+  font-weight: 400;
-  src: local("Roboto Light"), local("Roboto-Light"),
+  font-display: swap;
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2)
+  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTOVOVgaY.woff2) format('woff2');
-      format("woff2");
   unicode-range: U+0370-03FF;
 }
-
 /* vietnamese */
 @font-face {
-  font-family: "Roboto";
+  font-family: 'JetBrains Mono';
   font-style: normal;
-  font-weight: 300;
+  font-weight: 400;
-  src: local("Roboto Light"), local("Roboto-Light"),
+  font-display: swap;
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2)
+  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTNVOVgaY.woff2) format('woff2');
-      format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
-  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
 }
-
 /* latin-ext */
 @font-face {
-  font-family: "Roboto";
+  font-family: 'JetBrains Mono';
   font-style: normal;
-  font-weight: 300;
+  font-weight: 400;
-  src: local("Roboto Light"), local("Roboto-Light"),
+  font-display: swap;
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2)
+  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTNFOVgaY.woff2) format('woff2');
-      format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
-
 /* latin */
 @font-face {
-  font-family: "Roboto";
+  font-family: 'JetBrains Mono';
   font-style: normal;
-  font-weight: 300;
+  font-weight: 400;
-  src: local("Roboto Light"), local("Roboto-Light"),
+  font-display: swap;
-    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2)
+  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTOlOV.woff2) format('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;
-  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;
 }
-
 /* cyrillic-ext */
 @font-face {
-  font-family: "Source Sans Pro";
+  font-family: 'Roboto';
-  font-style: italic;
+  font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"),
+  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
-    url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7qsDJT9g.woff2)
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-      format("woff2");
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
-    U+FE2E-FE2F;
 }
-
 /* cyrillic */
 @font-face {
-  font-family: "Source Sans Pro";
+  font-family: 'Roboto';
-  font-style: italic;
+  font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"),
+  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
-    url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7jsDJT9g.woff2)
-      format("woff2");
   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
-
 /* greek-ext */
 @font-face {
-  font-family: "Source Sans Pro";
+  font-family: 'Roboto';
-  font-style: italic;
+  font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"),
+  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
-    url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7rsDJT9g.woff2)
-      format("woff2");
   unicode-range: U+1F00-1FFF;
 }
-
 /* greek */
 @font-face {
-  font-family: "Source Sans Pro";
+  font-family: 'Roboto';
-  font-style: italic;
+  font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"),
+  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
-    url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7ksDJT9g.woff2)
-      format("woff2");
   unicode-range: U+0370-03FF;
 }
-
 /* vietnamese */
 @font-face {
-  font-family: "Source Sans Pro";
+  font-family: 'Roboto';
-  font-style: italic;
+  font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"),
+  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
-    url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7osDJT9g.woff2)
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
-      format("woff2");
-  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
 }
-
 /* latin-ext */
 @font-face {
-  font-family: "Source Sans Pro";
+  font-family: 'Roboto';
-  font-style: italic;
+  font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"),
+  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
-    url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7psDJT9g.woff2)
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-      format("woff2");
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
-
 /* latin */
 @font-face {
-  font-family: "Source Sans Pro";
+  font-family: 'Roboto';
-  font-style: italic;
+  font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"),
+  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
-    url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDI.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;
-      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;
 }
-
 /* cyrillic-ext */
 @font-face {
-  font-family: "Source Sans Pro";
+  font-family: 'Roboto';
   font-style: normal;
-  font-weight: 400;
+  font-weight: 700;
   font-display: swap;
-  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"),
+  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
-    url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2)
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-      format("woff2");
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
-    U+FE2E-FE2F;
 }
-
 /* cyrillic */
 @font-face {
-  font-family: "Source Sans Pro";
+  font-family: 'Roboto';
   font-style: normal;
-  font-weight: 400;
+  font-weight: 700;
   font-display: swap;
-  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"),
+  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
-    url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2)
-      format("woff2");
   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
-
 /* greek-ext */
 @font-face {
-  font-family: "Source Sans Pro";
+  font-family: 'Roboto';
   font-style: normal;
-  font-weight: 400;
+  font-weight: 700;
   font-display: swap;
-  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"),
+  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
-    url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2)
-      format("woff2");
   unicode-range: U+1F00-1FFF;
 }
-
 /* greek */
 @font-face {
-  font-family: "Source Sans Pro";
+  font-family: 'Roboto';
   font-style: normal;
-  font-weight: 400;
+  font-weight: 700;
   font-display: swap;
-  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"),
+  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
-    url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2)
-      format("woff2");
   unicode-range: U+0370-03FF;
 }
-
 /* vietnamese */
 @font-face {
-  font-family: "Source Sans Pro";
+  font-family: 'Roboto';
   font-style: normal;
-  font-weight: 400;
+  font-weight: 700;
   font-display: swap;
-  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"),
+  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
-    url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2)
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
-      format("woff2");
-  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
 }
-
 /* latin-ext */
 @font-face {
-  font-family: "Source Sans Pro";
+  font-family: 'Roboto';
   font-style: normal;
-  font-weight: 400;
+  font-weight: 700;
   font-display: swap;
-  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"),
+  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
-    url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2)
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-      format("woff2");
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
-
 /* latin */
 @font-face {
-  font-family: "Source Sans Pro";
+  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"),
-    url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.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;
-}
-
-// UBUNTU MONO
-
-/* cyrillic-ext */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: local("Ubuntu Mono Italic"), local("UbuntuMono-Italic"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOhCneDtsqEr0keqCMhbCc_OsvSkLBP.woff2)
-      format("woff2");
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
-    U+FE2E-FE2F;
-}
-
-/* cyrillic */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: local("Ubuntu Mono Italic"), local("UbuntuMono-Italic"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOhCneDtsqEr0keqCMhbCc_OsLSkLBP.woff2)
-      format("woff2");
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-/* greek-ext */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: local("Ubuntu Mono Italic"), local("UbuntuMono-Italic"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOhCneDtsqEr0keqCMhbCc_OsrSkLBP.woff2)
-      format("woff2");
-  unicode-range: U+1F00-1FFF;
-}
-
-/* greek */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: local("Ubuntu Mono Italic"), local("UbuntuMono-Italic"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOhCneDtsqEr0keqCMhbCc_OsXSkLBP.woff2)
-      format("woff2");
-  unicode-range: U+0370-03FF;
-}
-
-/* latin-ext */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: local("Ubuntu Mono Italic"), local("UbuntuMono-Italic"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOhCneDtsqEr0keqCMhbCc_OsjSkLBP.woff2)
-      format("woff2");
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-/* latin */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: local("Ubuntu Mono Italic"), local("UbuntuMono-Italic"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOhCneDtsqEr0keqCMhbCc_OsbSkA.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;
-}
-
-/* cyrillic-ext */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: italic;
-  font-weight: 700;
-  font-display: swap;
-  src: local("Ubuntu Mono Bold Italic"), local("UbuntuMono-BoldItalic"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFO8CneDtsqEr0keqCMhbCc_Mn33hYJufkO1.woff2)
-      format("woff2");
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
-    U+FE2E-FE2F;
-}
-
-/* cyrillic */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: italic;
-  font-weight: 700;
-  font-display: swap;
-  src: local("Ubuntu Mono Bold Italic"), local("UbuntuMono-BoldItalic"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFO8CneDtsqEr0keqCMhbCc_Mn33hYtufkO1.woff2)
-      format("woff2");
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-/* greek-ext */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: italic;
-  font-weight: 700;
-  font-display: swap;
-  src: local("Ubuntu Mono Bold Italic"), local("UbuntuMono-BoldItalic"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFO8CneDtsqEr0keqCMhbCc_Mn33hYNufkO1.woff2)
-      format("woff2");
-  unicode-range: U+1F00-1FFF;
-}
-
-/* greek */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: italic;
-  font-weight: 700;
-  font-display: swap;
-  src: local("Ubuntu Mono Bold Italic"), local("UbuntuMono-BoldItalic"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFO8CneDtsqEr0keqCMhbCc_Mn33hYxufkO1.woff2)
-      format("woff2");
-  unicode-range: U+0370-03FF;
-}
-
-/* latin-ext */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: italic;
-  font-weight: 700;
-  font-display: swap;
-  src: local("Ubuntu Mono Bold Italic"), local("UbuntuMono-BoldItalic"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFO8CneDtsqEr0keqCMhbCc_Mn33hYFufkO1.woff2)
-      format("woff2");
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-/* latin */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: italic;
-  font-weight: 700;
-  font-display: swap;
-  src: local("Ubuntu Mono Bold Italic"), local("UbuntuMono-BoldItalic"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFO8CneDtsqEr0keqCMhbCc_Mn33hY9ufg.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;
-}
-
-/* cyrillic-ext */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local("Ubuntu Mono"), local("UbuntuMono-Regular"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOjCneDtsqEr0keqCMhbCc3CsTKlA.woff2)
-      format("woff2");
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
-    U+FE2E-FE2F;
-}
-
-/* cyrillic */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local("Ubuntu Mono"), local("UbuntuMono-Regular"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOjCneDtsqEr0keqCMhbCc-CsTKlA.woff2)
-      format("woff2");
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-/* greek-ext */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local("Ubuntu Mono"), local("UbuntuMono-Regular"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOjCneDtsqEr0keqCMhbCc2CsTKlA.woff2)
-      format("woff2");
-  unicode-range: U+1F00-1FFF;
-}
-
-/* greek */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local("Ubuntu Mono"), local("UbuntuMono-Regular"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOjCneDtsqEr0keqCMhbCc5CsTKlA.woff2)
-      format("woff2");
-  unicode-range: U+0370-03FF;
-}
-
-/* latin-ext */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local("Ubuntu Mono"), local("UbuntuMono-Regular"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOjCneDtsqEr0keqCMhbCc0CsTKlA.woff2)
-      format("woff2");
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-/* latin */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local("Ubuntu Mono"), local("UbuntuMono-Regular"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOjCneDtsqEr0keqCMhbCc6CsQ.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;
-}
-
-/* cyrillic-ext */
-@font-face {
-  font-family: "Ubuntu Mono";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
-  src: local("Ubuntu Mono Bold"), local("UbuntuMono-Bold"),
+  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFO-CneDtsqEr0keqCMhbC-BL9H4tY12eg.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;
-      format("woff2");
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
-    U+FE2E-FE2F;
-}
-
-/* cyrillic */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: local("Ubuntu Mono Bold"), local("UbuntuMono-Bold"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFO-CneDtsqEr0keqCMhbC-BL9HxtY12eg.woff2)
-      format("woff2");
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-/* greek-ext */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: local("Ubuntu Mono Bold"), local("UbuntuMono-Bold"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFO-CneDtsqEr0keqCMhbC-BL9H5tY12eg.woff2)
-      format("woff2");
-  unicode-range: U+1F00-1FFF;
-}
-
-/* greek */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: local("Ubuntu Mono Bold"), local("UbuntuMono-Bold"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFO-CneDtsqEr0keqCMhbC-BL9H2tY12eg.woff2)
-      format("woff2");
-  unicode-range: U+0370-03FF;
-}
-
-/* latin-ext */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: local("Ubuntu Mono Bold"), local("UbuntuMono-Bold"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFO-CneDtsqEr0keqCMhbC-BL9H7tY12eg.woff2)
-      format("woff2");
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-/* latin */
-@font-face {
-  font-family: "Ubuntu Mono";
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: local("Ubuntu Mono Bold"), local("UbuntuMono-Bold"),
-    url(https://fonts.gstatic.com/s/ubuntumono/v9/KFO-CneDtsqEr0keqCMhbC-BL9H1tY0.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;
 }

_sass/klise/_layout.scss

@@ -18,11 +18,10 @@
   -webkit-user-select: none;
 
   a#mode {
-    float: left;
+    float: right;
-    left: 8px;
+    right: 8px;
     top: 6px;
     position: relative;
-    clear: both;
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
     opacity: 0.7;
@@ -61,7 +60,7 @@
   }
 
   .trigger {
-    float: right;
+    float: left;
   }
 
   .menu-trigger {
@@ -116,14 +115,14 @@
     border-bottom: 1px solid $light;
 
     a#mode {
-      left: 10px;
+      right: 20px;
       top: 12px;
     }
 
     .menu-icon {
       display: block;
       position: absolute;
-      right: 0;
+      left: 10px;
       width: 50px;
       height: 23px;
       line-height: 0;
@@ -181,8 +180,8 @@
 
 // Author
 .author {
-  margin-top: 6.3rem;
+  margin-top: 4rem;
-  margin-bottom: 7.2rem;
+  margin-bottom: 4rem;
   text-align: center;
 
   @include media-query($on-mobile) {
@@ -254,7 +253,7 @@
     letter-spacing: 0.1px;
 
     a {
-      color: $text-base-color;
+      color: $text-link-blue;
 
       &:hover,
       &focus {
@@ -266,7 +265,7 @@
 
 // Footer
 .footer {
-  margin-top: 8em;
+  margin-top: 2em;
   margin-bottom: 2em;
   text-align: center;
 

_sass/klise/_post.scss

@@ -8,7 +8,7 @@
 
 // Post title
 .header {
-  margin-top: 7.8em;
+  margin-top: 3em;
   margin-bottom: 3em;
 
   .tags {
@@ -69,7 +69,6 @@
 
 // Post content
 .page-content {
-  padding-top: 8px;
 
   iframe {
     text-align: center;
@@ -194,8 +193,10 @@
 .post-nav {
   display: flex;
   position: relative;
-  margin-top: 5em;
+  margin-top: 3em;
   border-top: 1px solid $light;
+  background: $light;
+  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(236,236,236,1) 50%, rgba(0,0,0,0) 100%);
   line-height: 1.4;
 
   .post-nav-item {
@@ -257,5 +258,5 @@
 }
 
 .post-updated-at {
-  font-family: "Ubuntu mono", "monospace";
+  font-family: "JetBrains Mono", "monospace";
 }

_sass/klise/_syntax.scss

@@ -22,21 +22,18 @@ code {
 
 // Codeblock Theme
 pre.highlight, pre {
-  margin: 0 -27px;
+  margin: 0 -30px;
   @include media-query($on-mobile) {
     margin: 0 calc(51% - 51vw);
     padding-left: 20px;
   }
-  border: 1px solid rgba(128,128,128,0.1);
   background-color: #1a1b21;
-  border-radius: 2px;
   padding: 10px;
   display: block;
   overflow-x: auto;
 
   > code {
     width: 100%;
-    max-width: 50rem;
     margin-left: auto;
     margin-right: auto;
     line-height: 1.5;

_sass/main.scss

@@ -1,6 +1,6 @@
 // Fonts preferences
 $sans-family: Roboto, sans-serif;
-$mono-family: Consolas, monospace;
+$mono-family: JetBrains Mono, Consolas, monospace;
 $base-font-size: 16px;
 $medium-font-size: $base-font-size * 0.938;
 $small-font-size: $base-font-size * 0.875;
@@ -24,7 +24,7 @@ $gray: #6b7886;
 $white: #fff;
 
 // Dark Colors
-$dark-text-base-color: #c7bebe;
+$dark-text-base-color: #d0d0d0;
 $dark-text-link-blue: #ff5277;
 $dark-text-link-blue-active: #ff2957;
 
@@ -36,7 +36,7 @@ $dark-gray: #767f87;
 
 // Width of the content area
 $wide-size: 890px;
-$narrow-size: 720px;
+$narrow-size: 890px;
 
 // Padding unit
 $spacing-full: 30px;

about.md

@@ -5,10 +5,6 @@ layout: page
 comments: false
 ---
 
-## Contacto
-
-Puedes mandar mail a correo@sergio.am, o [@xergio](https://twitter.com/xergio) en twitter.
-
 ## Yo
 
 Técnicamente soy un simple programador, desde los 16 años que me compraron mi primer ordenador y empecé a aprender todo por mi cuenta. Tengo la mente demasiado dispersa y lo que aquí se publica es un ejemplo de ello.

assets/favicons/browserconfig.xml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-    <msapplication>
-        <tile>
-            <square150x150logo src="/mstile-150x150.png"/>
-            <TileColor>#603cba</TileColor>
-        </tile>
-    </msapplication>
-</browserconfig>

assets/favicons/safari-pinned-tab.svg

@@ -1,25 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="500.000000pt" height="500.000000pt" viewBox="0 0 500.000000 500.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.11, written by Peter Selinger 2001-2013
-</metadata>
-<g transform="translate(0.000000,500.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M2230 4984 c-106 -12 -129 -16 -230 -35 -89 -17 -92 -17 -201 -50
--296 -87 -565 -225 -829 -423 -108 -81 -329 -297 -412 -401 -198 -252 -372
--577 -448 -840 -26 -93 -59 -223 -65 -260 -4 -22 -9 -52 -11 -66 -22 -127 -31
--269 -29 -454 2 -115 5 -219 8 -230 2 -11 8 -42 11 -70 12 -82 16 -106 37
--200 12 -49 22 -94 23 -100 10 -45 76 -238 107 -314 125 -299 301 -562 539
--801 358 -361 775 -585 1280 -691 97 -20 128 -25 260 -39 80 -8 475 -6 500 3
-8 3 34 8 58 11 109 15 134 19 234 41 276 62 582 193 820 353 474 318 826 783
-998 1319 31 97 36 114 46 163 3 14 9 41 14 60 39 151 55 312 55 550 -1 242
--22 415 -79 635 -16 62 -28 103 -36 120 -5 11 -13 36 -19 55 -54 203 -267 576
--452 795 -37 44 -224 232 -281 282 -68 60 -234 180 -326 237 -97 59 -352 186
--375 186 -7 0 -17 4 -22 9 -25 22 -319 108 -435 126 -25 4 -52 9 -60 10 -8 1
--37 6 -65 9 -27 4 -66 9 -85 12 -75 12 -429 11 -530 -2z"/>
-</g>
-</svg>

assets/favicons/site.webmanifest

@@ -1,19 +1 @@
-{
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
-    "name": "",
-    "short_name": "",
-    "icons": [
-        {
-            "src": "/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "/android-chrome-384x384.png",
-            "sizes": "384x384",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
-    "display": "standalone"
-}

contact.md

@@ -0,0 +1,12 @@
+---
+title: Dónde encontrarme
+permalink: /contact/
+layout: page
+comments: false
+---
+
+## Contacto / Contact
+
+Puedes mandar mail a <correo@sergio.am>, o [@xergio](https://twitter.com/xergio) en twitter.
+
+You can send an email to <correo@sergio.am>, or tweet me at [@xergio](https://twitter.com/xergio).