diff --git a/Gemfile b/Gemfile index 2a70357..81c73b9 100644 --- a/Gemfile +++ b/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? +# \ No newline at end of file diff --git a/_config.yml b/_config.yml index 1c02bf7..26c67b9 100644 --- a/_config.yml +++ b/_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/ -repo: https://github.com/piharpi/jekyll-klise # site repo [optional] +image: assets/img/sergio.png # This image used for Open Graph more info https://ogp.me/ mode: dark # default theme "dark" | "light" # Profile settings diff --git a/_data/menus.yml b/_data/menus.yml index 4244ef9..efcff82 100644 --- a/_data/menus.yml +++ b/_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: github -# url: https://github.com/piharpi/jekyll-klise -# external: true +- title: Contacto + url: /contact/ diff --git a/_includes/header.html b/_includes/header.html index 5121691..02ec781 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -132,33 +132,11 @@ {% else %} {% endif %} {% feed_meta %} - - - - - - - - - + + + + + diff --git a/_includes/navbar.html b/_includes/navbar.html index 018c5a0..240f3b8 100644 --- a/_includes/navbar.html +++ b/_includes/navbar.html @@ -15,6 +15,44 @@ +
+
+ {%- assign url = page.url -%} + {%- assign menus = site.data.menus -%} + {%- if menus %} + {%- for menu in menus -%} + {%- if url == menu.url -%} + {{ menu.title }} + {%- else -%} + {{ menu.title }} + {%- endif -%} + {%- endfor -%} + {%- else -%} + home + about + {%- endif -%} + + + RSS + + + + + +
+
-
-
- {%- assign url = page.url -%} - {%- assign menus = site.data.menus -%} - {%- if menus %} - {%- for menu in menus -%} - {%- if url == menu.url -%} - {{ menu.title }} - {%- else -%} - {%- if menu.external -%} - {{ menu.title }} - {%- else -%} - {{ menu.title }} - {%- endif -%} - {%- endif -%} - {%- endfor -%} - {%- else -%} - home - about - {%- endif -%} - - - RSS - - - - - -
-
diff --git a/_includes/navigation.html b/_includes/navigation.html index 83e3a61..2a2b821 100644 --- a/_includes/navigation.html +++ b/_includes/navigation.html @@ -4,12 +4,12 @@ class="post-nav-item post-nav-prev" href="{{ page.previous | relative_url }}" > -
Previous
+
↶ Anterior
{{ page.previous.title }} {% endif %} {% if page.next %} -
Next
+
Siguiente ↷
{{ page.next.title }} {% endif %} diff --git a/_layouts/default.html b/_layouts/default.html index 1500975..7e9c77b 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -3,36 +3,36 @@ layout: compress --- -{% include header.html %} + {% include header.html %} - + - + const initTheme = (state) => { + if (state === "dark") { + body.setAttribute("data-theme", "dark"); + } else if (state === "light") { + body.removeAttribute("data-theme"); + } else { + localStorage.setItem("theme", data); + } + }; + + initTheme(localStorage.getItem("theme")); + + setTimeout(() => body.classList.remove("notransition"), 75); + - {% include navbar.html %} -
- {% include author.html %} -
- {{ content }} -
+ {% include navbar.html %} +
+ {% include author.html %} +
+ {{ content }} +
+
{% include footer.html %} -
- + diff --git a/_layouts/home.html b/_layouts/home.html index d147051..d24a221 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -6,7 +6,7 @@ home: true

Recent Posts

{%- for post in site.posts limit: site.number_of_posts -%}
- {{ post.date | date: "%b %d, %Y" }} + {{ post.date | date: "%d %b %Y" }}

{{ post.title | escape }}

diff --git a/_layouts/page.html b/_layouts/page.html index 9aebe9f..b47cc26 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -36,8 +36,8 @@ layout: compress
{% include anchor_headings.html html=content anchorClass="anchor-head" beforeHeading=true h_min=4 h_max=4 %}
- {% include footer.html %} + {% include footer.html %} diff --git a/_layouts/post.html b/_layouts/post.html index e15f093..8f26c31 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -49,7 +49,7 @@ layout: compress {% if page.date %}
+ {% include footer.html %} diff --git a/_posts/2021-10-02-hi.md b/_posts/2021-10-02-hi.md index f690e85..ee4f019 100644 --- a/_posts/2021-10-02-hi.md +++ b/_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. \ No newline at end of file +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 . Así de simple por ahora. diff --git a/_posts/2022-05-06-drone-gitea-ci-cd.md b/_posts/2022-05-06-drone-gitea-ci-cd.md new file mode 100644 index 0000000..fd63be8 --- /dev/null +++ b/_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 . Así de simple por ahora. diff --git a/_posts/2022-05-06-openwrt-ipv6-home-lan.md b/_posts/2022-05-06-openwrt-ipv6-home-lan.md new file mode 100644 index 0000000..ea62026 --- /dev/null +++ b/_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 . Así de simple por ahora. diff --git a/_sass/klise/_base.scss b/_sass/klise/_base.scss index 53b4f24..c20a066 100644 --- a/_sass/klise/_base.scss +++ b/_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 diff --git a/_sass/klise/_dark.scss b/_sass/klise/_dark.scss index 84a7cb6..5fb5429 100644 --- a/_sass/klise/_dark.scss +++ b/_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; diff --git a/_sass/klise/_fonts.scss b/_sass/klise/_fonts.scss index f36c022..387e5f2 100644 --- a/_sass/klise/_fonts.scss +++ b/_sass/klise/_fonts.scss @@ -1,712 +1,188 @@ @charset "utf-8"; -@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/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; -} +/* + * https://fonts.googleapis.com/css2?family=JetBrains+Mono&family=Roboto:wght@400;700&display=swap + * https://fonts.google.com/specimen/Roboto + * https://fonts.google.com/specimen/jetBrains+Mono + */ /* cyrillic-ext */ @font-face { - font-family: "Roboto"; + font-family: 'JetBrains Mono'; font-style: normal; - font-weight: 300; - src: local("Roboto Light"), local("Roboto-Light"), - url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) - format("woff2"); - unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, - U+FE2E-FE2F; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTN1OVgaY.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: "Roboto"; + font-family: 'JetBrains Mono'; font-style: normal; - font-weight: 300; - src: local("Roboto Light"), local("Roboto-Light"), - url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) - format("woff2"); + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTPlOVgaY.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; - src: local("Roboto Light"), local("Roboto-Light"), - url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) - format("woff2"); + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTOVOVgaY.woff2) format('woff2'); unicode-range: U+0370-03FF; } - /* vietnamese */ @font-face { - font-family: "Roboto"; + font-family: 'JetBrains Mono'; font-style: normal; - font-weight: 300; - src: local("Roboto Light"), local("Roboto-Light"), - url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) - format("woff2"); - unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTNVOVgaY.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; } - /* latin-ext */ @font-face { - font-family: "Roboto"; + font-family: 'JetBrains Mono'; font-style: normal; - font-weight: 300; - src: local("Roboto Light"), local("Roboto-Light"), - url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.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-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTNFOVgaY.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: "Roboto"; + font-family: 'JetBrains Mono'; font-style: normal; - font-weight: 300; - src: local("Roboto Light"), local("Roboto-Light"), - url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.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-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTOlOV.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: "Source Sans Pro"; - font-style: italic; + font-family: 'Roboto'; + font-style: normal; font-weight: 400; font-display: swap; - src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7qsDJT9g.woff2) - format("woff2"); - unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, - U+FE2E-FE2F; + src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKOzY.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: "Source Sans Pro"; - font-style: italic; + font-family: 'Roboto'; + font-style: normal; font-weight: 400; font-display: swap; - src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7jsDJT9g.woff2) - format("woff2"); + src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKOzY.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-style: italic; + font-family: 'Roboto'; + font-style: normal; font-weight: 400; font-display: swap; - src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7rsDJT9g.woff2) - format("woff2"); + src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } - /* greek */ @font-face { - font-family: "Source Sans Pro"; - font-style: italic; + font-family: 'Roboto'; + font-style: normal; font-weight: 400; font-display: swap; - src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7ksDJT9g.woff2) - format("woff2"); + src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); unicode-range: U+0370-03FF; } - /* vietnamese */ @font-face { - font-family: "Source Sans Pro"; - font-style: italic; + font-family: 'Roboto'; + font-style: normal; font-weight: 400; font-display: swap; - src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7osDJT9g.woff2) - format("woff2"); - unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; + src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7WxKOzY.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; } - /* latin-ext */ @font-face { - font-family: "Source Sans Pro"; - font-style: italic; + font-family: 'Roboto'; + font-style: normal; font-weight: 400; font-display: swap; - src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7psDJT9g.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; + src: url(https://fonts.gstatic.com/s/roboto/v29/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; } - /* latin */ @font-face { - font-family: "Source Sans Pro"; - font-style: italic; + font-family: 'Roboto'; + font-style: normal; font-weight: 400; font-display: swap; - src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDI.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; + src: url(https://fonts.gstatic.com/s/roboto/v29/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; } - /* 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"), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) - format("woff2"); - unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, - U+FE2E-FE2F; + src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCRc4EsA.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: "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"), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) - format("woff2"); + src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfABc4EsA.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"), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) - format("woff2"); + src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCBc4EsA.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"), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) - format("woff2"); + src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBxc4EsA.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"), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) - format("woff2"); - unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; + src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCxc4EsA.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; } - /* 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"), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.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; + src: url(https://fonts.gstatic.com/s/roboto/v29/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; } - /* latin */ @font-face { - font-family: "Source Sans Pro"; - 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-family: 'Roboto'; 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-BL9H4tY12eg.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: 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; + src: url(https://fonts.gstatic.com/s/roboto/v29/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; } diff --git a/_sass/klise/_layout.scss b/_sass/klise/_layout.scss index 7d87780..339035b 100644 --- a/_sass/klise/_layout.scss +++ b/_sass/klise/_layout.scss @@ -18,11 +18,10 @@ -webkit-user-select: none; a#mode { - float: left; - left: 8px; + float: right; + 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-bottom: 7.2rem; + margin-top: 4rem; + 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; diff --git a/_sass/klise/_post.scss b/_sass/klise/_post.scss index 7465d46..be11925 100644 --- a/_sass/klise/_post.scss +++ b/_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"; } diff --git a/_sass/klise/_syntax.scss b/_sass/klise/_syntax.scss index ccad7af..7b9e6b1 100644 --- a/_sass/klise/_syntax.scss +++ b/_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; diff --git a/_sass/main.scss b/_sass/main.scss index 1a389a7..1c5775f 100644 --- a/_sass/main.scss +++ b/_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; diff --git a/about.md b/about.md index e998787..f621a8e 100644 --- a/about.md +++ b/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. diff --git a/assets/favicons/android-chrome-192x192.png b/assets/favicons/android-chrome-192x192.png index a2a5c3e..2cab1f8 100644 Binary files a/assets/favicons/android-chrome-192x192.png and b/assets/favicons/android-chrome-192x192.png differ diff --git a/assets/favicons/android-chrome-384x384.png b/assets/favicons/android-chrome-384x384.png deleted file mode 100644 index babf68c..0000000 Binary files a/assets/favicons/android-chrome-384x384.png and /dev/null differ diff --git a/assets/favicons/android-chrome-512x512.png b/assets/favicons/android-chrome-512x512.png new file mode 100644 index 0000000..887d928 Binary files /dev/null and b/assets/favicons/android-chrome-512x512.png differ diff --git a/assets/favicons/apple-touch-icon.png b/assets/favicons/apple-touch-icon.png index 16a2907..f30440c 100644 Binary files a/assets/favicons/apple-touch-icon.png and b/assets/favicons/apple-touch-icon.png differ diff --git a/assets/favicons/browserconfig.xml b/assets/favicons/browserconfig.xml deleted file mode 100644 index 5cd27e3..0000000 --- a/assets/favicons/browserconfig.xml +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - #603cba - - - diff --git a/assets/favicons/favicon-16x16.png b/assets/favicons/favicon-16x16.png index f7aabdc..6fe3459 100644 Binary files a/assets/favicons/favicon-16x16.png and b/assets/favicons/favicon-16x16.png differ diff --git a/assets/favicons/favicon-32x32.png b/assets/favicons/favicon-32x32.png index 35cabb1..a44e85d 100644 Binary files a/assets/favicons/favicon-32x32.png and b/assets/favicons/favicon-32x32.png differ diff --git a/assets/favicons/favicon.ico b/assets/favicons/favicon.ico index f7277f4..c9df0c2 100644 Binary files a/assets/favicons/favicon.ico and b/assets/favicons/favicon.ico differ diff --git a/assets/favicons/mstile-150x150.png b/assets/favicons/mstile-150x150.png deleted file mode 100644 index 455d5ed..0000000 Binary files a/assets/favicons/mstile-150x150.png and /dev/null differ diff --git a/assets/favicons/safari-pinned-tab.svg b/assets/favicons/safari-pinned-tab.svg deleted file mode 100644 index ec6019b..0000000 --- a/assets/favicons/safari-pinned-tab.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - - -Created by potrace 1.11, written by Peter Selinger 2001-2013 - - - - - diff --git a/assets/favicons/site.webmanifest b/assets/favicons/site.webmanifest index a1553eb..45dc8a2 100644 --- a/assets/favicons/site.webmanifest +++ b/assets/favicons/site.webmanifest @@ -1,19 +1 @@ -{ - "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" -} +{"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"} \ No newline at end of file diff --git a/assets/img/sergio.png b/assets/img/sergio.png new file mode 100644 index 0000000..62efc95 Binary files /dev/null and b/assets/img/sergio.png differ diff --git a/assets/img/simple_dashed.png b/assets/img/simple_dashed.png new file mode 100644 index 0000000..f2bb16d Binary files /dev/null and b/assets/img/simple_dashed.png differ diff --git a/assets/img/simple_dashed_l.png b/assets/img/simple_dashed_l.png new file mode 100644 index 0000000..860e1b1 Binary files /dev/null and b/assets/img/simple_dashed_l.png differ diff --git a/contact.md b/contact.md new file mode 100644 index 0000000..3575dd0 --- /dev/null +++ b/contact.md @@ -0,0 +1,12 @@ +--- +title: Dónde encontrarme +permalink: /contact/ +layout: page +comments: false +--- + +## Contacto / Contact + +Puedes mandar mail a , o [@xergio](https://twitter.com/xergio) en twitter. + +You can send an email to , or tweet me at [@xergio](https://twitter.com/xergio).