52 changed files with 3480 additions and 1 deletions
@ -0,0 +1,10 @@
@@ -0,0 +1,10 @@
|
||||
_site/ |
||||
.sass-cache/ |
||||
.jekyll-cache/ |
||||
.jekyll-metadata |
||||
_drafts |
||||
klise-*.gem |
||||
Gemfile.lock |
||||
vendor/ |
||||
_posts.bak/ |
||||
.git.* |
@ -0,0 +1,5 @@
@@ -0,0 +1,5 @@
|
||||
--- |
||||
title: 404 |
||||
layout: 404 |
||||
permalink: "/404.html" |
||||
--- |
@ -0,0 +1,31 @@
@@ -0,0 +1,31 @@
|
||||
source "https://rubygems.org" |
||||
|
||||
# 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: |
||||
# |
||||
# bundle exec jekyll serve |
||||
# |
||||
# This will help ensure the proper Jekyll version is running. |
||||
# Happy Jekylling! |
||||
gem "jekyll", "~> 4.1.0" |
||||
|
||||
# This is the default theme for new Jekyll sites. You may change this to anything you like. |
||||
|
||||
# If you want to use GitHub Pages, remove the "gem "jekyll"" above and |
||||
# uncomment the line below. To upgrade, run `bundle update github-pages`. |
||||
# gem "github-pages", group: :jekyll_plugins |
||||
|
||||
# If you have any plugins, put them here! |
||||
group :jekyll_plugins do |
||||
gem 'jekyll-feed', '~> 0.13' |
||||
gem 'jekyll-sitemap', '~> 1.4' |
||||
gem 'jekyll-compose', '~> 0.12.0' |
||||
gem 'jekyll-postfiles', '~> 3.1' |
||||
end |
||||
|
||||
# Windows does not include zoneinfo files, so bundle the tzinfo-data gem |
||||
# gem "tzinfo-data", platforms: [:mingw, :mswin, :x64_mingw, :jruby] |
||||
|
||||
# Performance-booster for watching directories on Windows |
||||
# gem "wdm", "~> 0.1.0" if Gem.win_platform? |
@ -0,0 +1,27 @@
@@ -0,0 +1,27 @@
|
||||
--- |
||||
title: Licencia |
||||
permalink: /LICENSE/ |
||||
layout: page |
||||
--- |
||||
|
||||
MIT License |
||||
|
||||
Copyright (c) 2021 Sergio Álvarez |
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy |
||||
of this software and associated documentation files (the "Software"), to deal |
||||
in the Software without restriction, including without limitation the rights |
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
||||
copies of the Software, and to permit persons to whom the Software is |
||||
furnished to do so, subject to the following conditions: |
||||
|
||||
The above copyright notice and this permission notice shall be included in all |
||||
copies or substantial portions of the Software. |
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
||||
SOFTWARE. |
@ -1,3 +1,16 @@
@@ -1,3 +1,16 @@
|
||||
|
||||
# sergio.am |
||||
|
||||
Notas y apuntes, futuro contenido de static pages en sergio.am |
||||
Notas y apuntes, futuro contenido de static pages en sergio.am |
||||
|
||||
```shell |
||||
docker run --rm --volume="$PWD:/srv/jekyll" --volume="$PWD/vendor/bundle:/usr/local/bundle" -it jekyll/jekyll:3.8 jekyll build |
||||
docker run --rm --volume="$PWD:/srv/jekyll" --volume="$PWD/vendor/bundle:/usr/local/bundle" -p 4000:4000 -it jekyll/jekyll:3.8 jekyll serve --watch |
||||
``` |
||||
|
||||
```shell |
||||
cd _site |
||||
python3 -m http.server 4000 |
||||
``` |
||||
|
||||
http://localhost:4000 |
||||
|
@ -0,0 +1,89 @@
@@ -0,0 +1,89 @@
|
||||
# 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. |
||||
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] |
||||
mode: dark # default theme "dark" | "light" |
||||
|
||||
# Profile settings |
||||
author: |
||||
name: Sergio Álvarez |
||||
bio: >- # tell to the world |
||||
Notas y apuntes para mi yo del futuro. |
||||
username: sergioam # general username |
||||
github: xergio # github username |
||||
twitter: xergio # twitter username |
||||
email: [email protected] # email adress |
||||
avatar: /assets/img/sergio100w.jpg # change with your own avatar |
||||
|
||||
# URL settings |
||||
url: "https://sergio.am" # |
||||
baseurl: |
||||
permalink: /-/:title/ |
||||
google_analytics: # leave it blank if not wish |
||||
fb_appid: |
||||
|
||||
# Collection setting |
||||
collections: |
||||
posts: |
||||
output: true |
||||
|
||||
# Markdown settings |
||||
markdown: kramdown |
||||
highlighter: rouge |
||||
kramdown: |
||||
syntax_highlighter: rouge |
||||
|
||||
# Default front matter |
||||
defaults: |
||||
- scope: |
||||
path: "" |
||||
values: |
||||
layout: post |
||||
comments: false |
||||
|
||||
# Jekyll Compose default front matter |
||||
jekyll_compose: |
||||
post_default_front_matter: |
||||
modified: |
||||
tags: [] |
||||
description: |
||||
draft_default_front_matter: |
||||
modified: |
||||
tags: [] |
||||
description: |
||||
|
||||
# Homepage limit posts |
||||
number_of_posts: 5 |
||||
|
||||
# Build settings |
||||
# theme: klise |
||||
sass: |
||||
style: compressed |
||||
|
||||
include: |
||||
- _redirects |
||||
- .htaccess |
||||
|
||||
exclude: |
||||
- CNAME |
||||
- Gemfile |
||||
- Gemfile.lock |
||||
- CHANGELOG.md |
||||
- README.md |
||||
- node_modules |
||||
- CODE_OF_CONDUCT.md |
||||
- CONTRIBUTING.md |
||||
- lighthouse.png |
||||
- klise-*.gem |
||||
- klise.gemspec |
||||
- vendor |
||||
|
||||
# Plugins |
||||
plugins: |
||||
- jekyll-feed |
||||
- jekyll-sitemap |
||||
- jekyll-postfiles |
@ -0,0 +1,12 @@
@@ -0,0 +1,12 @@
|
||||
- title: inicio |
||||
url: / |
||||
external: false |
||||
|
||||
- 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 |
@ -0,0 +1,105 @@
@@ -0,0 +1,105 @@
|
||||
{% capture headingsWorkspace %} |
||||
{% comment %} |
||||
Version 1.0.4 |
||||
https://github.com/allejo/jekyll-anchor-headings |
||||
|
||||
"Be the pull request you wish to see in the world." ~Ben Balter |
||||
|
||||
Usage: |
||||
{% include anchor_headings.html html=content %} |
||||
|
||||
Parameters: |
||||
* html (string) - the HTML of compiled markdown generated by kramdown in Jekyll |
||||
|
||||
Optional Parameters: |
||||
* beforeHeading (bool) : false - Set to true if the anchor should be placed _before_ the heading's content |
||||
* anchorAttrs (string) : '' - Any custom HTML attributes that will be added to the `<a>` tag; you may NOT use `href`, `class` or `title` |
||||
* anchorBody (string) : '' - The content that will be placed inside the anchor; the `%heading%` placeholder is available |
||||
* anchorClass (string) : '' - The class(es) that will be used for each anchor. Separate multiple classes with a space |
||||
* anchorTitle (string) : '' - The `title` attribute that will be used for anchors |
||||
* h_min (int) : 1 - The minimum header level to build an anchor for; any header lower than this value will be ignored |
||||
* h_max (int) : 6 - The maximum header level to build an anchor for; any header greater than this value will be ignored |
||||
* bodyPrefix (string) : '' - Anything that should be inserted inside of the heading tag _before_ its anchor and content |
||||
* bodySuffix (string) : '' - Anything that should be inserted inside of the heading tag _after_ its anchor and content |
||||
|
||||
Output: |
||||
The original HTML with the addition of anchors inside of all of the h1-h6 headings. |
||||
{% endcomment %} |
||||
|
||||
{% assign minHeader = include.h_min | default: 1 %} |
||||
{% assign maxHeader = include.h_max | default: 6 %} |
||||
{% assign beforeHeading = include.beforeHeading %} |
||||
{% assign nodes = include.html | split: '<h' %} |
||||
|
||||
{% capture edited_headings %}{% endcapture %} |
||||
|
||||
{% for _node in nodes %} |
||||
{% capture node %}{{ _node | strip }}{% endcapture %} |
||||
|
||||
{% if node == "" %} |
||||
{% continue %} |
||||
{% endif %} |
||||
|
||||
{% assign nextChar = node | replace: '"', '' | strip | slice: 0, 1 %} |
||||
{% assign headerLevel = nextChar | times: 1 %} |
||||
|
||||
<!-- If the level is cast to 0, it means it's not a h1-h6 tag, so let's try to fix it --> |
||||
{% if headerLevel == 0 %} |
||||
{% if nextChar != '<' and nextChar != '' %} |
||||
{% capture node %}<h{{ node }}{% endcapture %} |
||||
{% endif %} |
||||
|
||||
{% capture edited_headings %}{{ edited_headings }}{{ node }}{% endcapture %} |
||||
{% continue %} |
||||
{% endif %} |
||||
|
||||
{% assign _workspace = node | split: '</h' %} |
||||
{% assign _idWorkspace = _workspace[0] | split: 'id="' %} |
||||
{% assign _idWorkspace = _idWorkspace[1] | split: '"' %} |
||||
{% assign html_id = _idWorkspace[0] %} |
||||
|
||||
{% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %} |
||||
{% assign header = _workspace[0] | replace: _hAttrToStrip, '' %} |
||||
|
||||
<!-- Build the anchor to inject for our heading --> |
||||
{% capture anchor %}{% endcapture %} |
||||
|
||||
{% if html_id and headerLevel >= minHeader and headerLevel <= maxHeader %} |
||||
{% capture anchor %}href="#{{ html_id }}"{% endcapture %} |
||||
|
||||
{% if include.anchorClass %} |
||||
{% capture anchor %}{{ anchor }} class="{{ include.anchorClass }}"{% endcapture %} |
||||
{% endif %} |
||||
|
||||
{% if include.anchorTitle %} |
||||
{% capture anchor %}{{ anchor }} title="{{ include.anchorTitle | replace: '%heading%', header }}"{% endcapture %} |
||||
{% endif %} |
||||
|
||||
{% if include.anchorAttrs %} |
||||
{% capture anchor %}{{ anchor }} {{ include.anchorAttrs }}{% endcapture %} |
||||
{% endif %} |
||||
|
||||
{% capture anchor %}<a {{ anchor }}>{{ include.anchorBody | replace: '%heading%', header | default: '' }}</a>{% endcapture %} |
||||
|
||||
<!-- In order to prevent adding extra space after a heading, we'll let the 'anchor' value contain it --> |
||||
{% if beforeHeading %} |
||||
{% capture anchor %}{{ anchor }} {% endcapture %} |
||||
{% else %} |
||||
{% capture anchor %} {{ anchor }}{% endcapture %} |
||||
{% endif %} |
||||
{% endif %} |
||||
|
||||
{% capture new_heading %} |
||||
<h{{ _hAttrToStrip }} |
||||
{{ include.bodyPrefix }} |
||||
{% if beforeHeading %} |
||||
{{ anchor }}{{ header }} |
||||
{% else %} |
||||
{{ header }}{{ anchor }} |
||||
{% endif %} |
||||
{{ include.bodySuffix }} |
||||
</h{{ _workspace | last }} |
||||
{% endcapture %} |
||||
{% capture edited_headings %}{{ edited_headings }}{{ new_heading }}{% endcapture %} |
||||
{% endfor %} |
||||
{% endcapture %}{% assign headingsWorkspace = '' %}{{ edited_headings | strip }} |
@ -0,0 +1,9 @@
@@ -0,0 +1,9 @@
|
||||
<div class="author"> |
||||
<img |
||||
class="author-avatar" |
||||
src="{{ site.author.avatar }}" |
||||
alt="{{ site.author.username }}" |
||||
/> |
||||
<h2 class="author-name">{{ site.author.name }}</h2> |
||||
<p class="author-bio">{{ site.author.bio }}</p> |
||||
</div> |
@ -0,0 +1,10 @@
@@ -0,0 +1,10 @@
|
||||
<!-- unnecessary file, however you can still use for comment section, e.g disqus --> |
||||
<script |
||||
src="https://utteranc.es/client.js" |
||||
repo="username/reponame" |
||||
issue-term="pathname" |
||||
label="✨ comment ✨" |
||||
theme="github-light" |
||||
crossorigin="anonymous" |
||||
async |
||||
></script> |
@ -0,0 +1,22 @@
@@ -0,0 +1,22 @@
|
||||
<footer class="footer"> |
||||
<span class="footer_item"><a href="/LICENSE">© {{ site.time | date: "%Y" }} Sergio Álvarez</a></span> |
||||
</footer> |
||||
<script src="/assets/js/main.js" defer="defer"></script> |
||||
|
||||
{%- if page.google_analytics -%} |
||||
<script src="/assets/js/galite.js"></script> |
||||
<script> |
||||
var galite = galite || {}; |
||||
galite.UA = "{{ site.google_analytics }}"; |
||||
</script> |
||||
{%- endif -%} |
||||
{%- if page.url == '/archive/' -%} |
||||
<script src="/assets/js/search.min.js"></script> |
||||
<script> |
||||
var sjs = SimpleJekyllSearch({ |
||||
searchInput: document.getElementById('search-input'), |
||||
resultsContainer: document.getElementById('search-results'), |
||||
json: '/assets/search.json', |
||||
}); |
||||
</script> |
||||
{%- endif -%} |
@ -0,0 +1,164 @@
@@ -0,0 +1,164 @@
|
||||
<head prefix="og: http://ogp.me/ns#"> |
||||
<meta charset="UTF-8" /> |
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="mobile-web-app-capable" content="yes" /> |
||||
<meta name="apple-mobile-web-app-capable" content="yes" /> |
||||
<meta name="application-name" content="{{ site.title }}" /> |
||||
<meta name="apple-mobile-web-app-status-bar-style" content="#fff" /> |
||||
<meta name="apple-mobile-web-app-title" content="{{ site.title }}" /> |
||||
<title> |
||||
{% if page.title %}{{ page.title | escape }} - {{ site.title }}{% else %}{{ |
||||
site.title | escape }}{% endif %} |
||||
</title> |
||||
<link |
||||
rel="alternate" |
||||
href="{{ |
||||
page.url | remove: 'index.html' | remove: '.html' | absolute_url |
||||
}}" |
||||
hreflang="{{ site.lang }}" |
||||
/> |
||||
<link |
||||
rel="canonical" |
||||
href="{{ |
||||
page.url | remove: 'index.html' | remove: '.html' | absolute_url |
||||
}}" |
||||
/> |
||||
{% if paginator.previous_page %} |
||||
<link |
||||
rel="prev" |
||||
href="{{ |
||||
paginator.previous_page_path |
||||
| remove: 'index.html' |
||||
| remove: '.html' |
||||
}}" |
||||
/> |
||||
{% endif %} {% if paginator.next_page %} |
||||
<link |
||||
rel="next" |
||||
href="{{ |
||||
paginator.next_page_path |
||||
| remove: 'index.html' |
||||
| remove: '.html' |
||||
}}" |
||||
/> |
||||
{% endif %} |
||||
<meta |
||||
name="description" |
||||
content="{{ |
||||
page.description |
||||
| default: site.description |
||||
| strip_html |
||||
| normalize_whitespace |
||||
| truncate: 200 |
||||
| escape |
||||
}}" |
||||
/> |
||||
<meta name="referrer" content="no-referrer-when-downgrade" /> |
||||
<meta property="fb:app_id" content="{{ site.fb_appid }}" /> |
||||
<meta |
||||
property="og:site_name" |
||||
content="{% if page.title %}{{ page.title | escape }} | {{ |
||||
site.author.name |
||||
}}{% else %}{{ site.title | escape }}{% endif %}" |
||||
/> |
||||
<meta |
||||
property="og:title" |
||||
content="{% if page.title %}{{ page.title | escape }} | {{ |
||||
site.author.name |
||||
}}{% else %}{{ site.title | escape }}{% endif %}" |
||||
/> |
||||
{% if page.location %} |
||||
<meta property="og:type" content="article" /> |
||||
<meta |
||||
property="article:publisher" |
||||
content="https://web.facebook.com/{{ site.author.facebook }}" |
||||
/> |
||||
{% else %} |
||||
<meta property="og:type" content="website" /> |
||||
{% endif %} |
||||
<meta |
||||
property="og:url" |
||||
content="{{ |
||||
page.url | remove: 'index.html' | remove: '.html' | absolute_url |
||||
}}" |
||||
/> |
||||
<meta |
||||
property="og:description" |
||||
content="{{ |
||||
page.description |
||||
| default: site.description |
||||
| strip_html |
||||
| normalize_whitespace |
||||
| truncate: 200 |
||||
| escape |
||||
}}" |
||||
/> |
||||
{% if page.image %} |
||||
<meta property="og:image" content="{{ page.image | absolute_url }}" /> |
||||
{% else %} |
||||
<meta property="og:image" content="{{ site.image | absolute_url }}" /> |
||||
{% endif %} |
||||
<meta property="og:image:width" content="640" /> |
||||
<meta property="og:image:height" content="640" /> |
||||
<meta name="twitter:card" content="summary" /> |
||||
<meta |
||||
name="twitter:title" |
||||
content="{% if page.title %}{{ page.title | escape }} | {{ |
||||
site.author.twitter |
||||
}}{% else %}{{ site.title | escape }}{% endif %}" |
||||
/> |
||||
<meta |
||||
name="twitter:url" |
||||
content="{{ |
||||
page.url | remove: 'index.html' | remove: '.html' | absolute_url |
||||
}}" |
||||
/> |
||||
<meta name="twitter:site" content="@{{ site.author.twitter }}" /> |
||||
<meta name="twitter:creator" content="@{{ site.author.twitter }}" /> |
||||
<meta |
||||
name="twitter:description" |
||||
content="{{ |
||||
page.description |
||||
| default: site.description |
||||
| strip_html |
||||
| normalize_whitespace |
||||
| truncate: 200 |
||||
| escape |
||||
}}" |
||||
/> |
||||
{% if page.image %} |
||||
<meta name="twitter:image" content="{{ page.image | absolute_url }}" /> |
||||
{% else %} |
||||
<meta name="twitter:image" content="{{ site.image | absolute_url }}" /> |
||||
{% endif %} {% feed_meta %} |
||||
<link |
||||
rel="apple-touch-icon" |
||||
sizes="180x180" |
||||
href="/assets/favicons/apple-touch-icon.png" |
||||
/> |
||||
<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> |
@ -0,0 +1,211 @@
@@ -0,0 +1,211 @@
|
||||
<div class="navbar" role="navigation"> |
||||
<nav class="menu"> |
||||
<input type="checkbox" id="menu-trigger" class="menu-trigger" /> |
||||
<label for="menu-trigger"> |
||||
<span class="menu-icon"> |
||||
<svg |
||||
xmlns="http://www.w3.org/2000/svg" |
||||
width="24" |
||||
height="24" |
||||
viewBox="0 0 512 512" |
||||
> |
||||
<path |
||||
d="M64,384H448V341.33H64Zm0-106.67H448V234.67H64ZM64,128v42.67H448V128Z" |
||||
/> |
||||
</svg> |
||||
</span> |
||||
</label> |
||||
<a id="mode"> |
||||
<svg |
||||
class="mode-sunny" |
||||
xmlns="http://www.w3.org/2000/svg" |
||||
width="24" |
||||
height="24" |
||||
viewBox="0 0 512 512" |
||||
> |
||||
<title>LIGHT</title> |
||||
<line |
||||
x1="256" |
||||
y1="48" |
||||
x2="256" |
||||
y2="96" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<line |
||||
x1="256" |
||||
y1="416" |
||||
x2="256" |
||||
y2="464" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<line |
||||
x1="403.08" |
||||
y1="108.92" |
||||
x2="369.14" |
||||
y2="142.86" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<line |
||||
x1="142.86" |
||||
y1="369.14" |
||||
x2="108.92" |
||||
y2="403.08" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<line |
||||
x1="464" |
||||
y1="256" |
||||
x2="416" |
||||
y2="256" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<line |
||||
x1="96" |
||||
y1="256" |
||||
x2="48" |
||||
y2="256" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<line |
||||
x1="403.08" |
||||
y1="403.08" |
||||
x2="369.14" |
||||
y2="369.14" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<line |
||||
x1="142.86" |
||||
y1="142.86" |
||||
x2="108.92" |
||||
y2="108.92" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<circle |
||||
cx="256" |
||||
cy="256" |
||||
r="80" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
</svg> |
||||
<svg |
||||
class="mode-moon" |
||||
xmlns="http://www.w3.org/2000/svg" |
||||
width="24" |
||||
height="24" |
||||
viewBox="0 0 512 512" |
||||
> |
||||
<title>DARK</title> |
||||
<line |
||||
x1="256" |
||||
y1="48" |
||||
x2="256" |
||||
y2="96" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<line |
||||
x1="256" |
||||
y1="416" |
||||
x2="256" |
||||
y2="464" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<line |
||||
x1="403.08" |
||||
y1="108.92" |
||||
x2="369.14" |
||||
y2="142.86" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<line |
||||
x1="142.86" |
||||
y1="369.14" |
||||
x2="108.92" |
||||
y2="403.08" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<line |
||||
x1="464" |
||||
y1="256" |
||||
x2="416" |
||||
y2="256" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<line |
||||
x1="96" |
||||
y1="256" |
||||
x2="48" |
||||
y2="256" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<line |
||||
x1="403.08" |
||||
y1="403.08" |
||||
x2="369.14" |
||||
y2="369.14" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<line |
||||
x1="142.86" |
||||
y1="142.86" |
||||
x2="108.92" |
||||
y2="108.92" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
<circle |
||||
cx="256" |
||||
cy="256" |
||||
r="80" |
||||
style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" |
||||
/> |
||||
</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> |
@ -0,0 +1,16 @@
@@ -0,0 +1,16 @@
|
||||
<nav class="post-nav"> |
||||
{% if page.previous %} |
||||
<a |
||||
class="post-nav-item post-nav-prev" |
||||
href="{{ page.previous | relative_url }}" |
||||
> |
||||
<div class="nav-arrow">Previous</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> |
||||
<span class="post-title">{{ page.next.title }}</span> |
||||
</a> |
||||
{% endif %} |
||||
</nav> |
@ -0,0 +1,21 @@
@@ -0,0 +1,21 @@
|
||||
<!-- NOTE: unused file, but u can use if necessary --> |
||||
<!-- <div class="pagination"> |
||||
{% if paginator.previous_page %} |
||||
<a |
||||
class="page-previous" |
||||
href="{{ paginator.previous_page_path }}" |
||||
class="previous" |
||||
> |
||||
<span aria-hidden="true">←</span> NEWER POSTS |
||||
</a> |
||||
{% endif %} |
||||
<span class="page_number" |
||||
>PAGE {{ paginator.page }} OF {{ paginator.total_pages }}</span |
||||
> |
||||
{% if paginator.next_page %} |
||||
<a class="page-next" href="{{ paginator.next_page_path }}" class="next" |
||||
>OLDER POSTS |
||||
<span aria-hidden="true">→</span> |
||||
</a> |
||||
{% endif %} |
||||
</div> --> |
@ -0,0 +1,46 @@
@@ -0,0 +1,46 @@
|
||||
--- |
||||
layout: compress |
||||
--- |
||||
|
||||
<!DOCTYPE html> |
||||
<html lang="{{ page.lang | default: site.lang | default: ' en ' }}"> |
||||
|
||||
{% include header.html %} |
||||
<body data-theme="{{ site.mode }}" class="notransition"> |
||||
|
||||
<script> |
||||
const body = document.body; |
||||
const data = body.getAttribute("data-theme"); |
||||
|
||||
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); |
||||
</script> |
||||
|
||||
{% include navbar.html %} |
||||
<div class="wrapper"> |
||||
<main aria-label="Content"> |
||||
<div class="not-found"> |
||||
<div class="container"> |
||||
<div class="title">404</div> |
||||
<p class="phrase">😕 Hmm... Parece que aquí no hay nada...</p> |
||||
<a class="solution" href="{{ site.url }}">volver al inicio</a> |
||||
</div> |
||||
</div> |
||||
</main> |
||||
{% include footer.html %} |
||||
</div> |
||||
|
||||
</body> |
||||
|
||||
</html> |
@ -0,0 +1,4 @@
@@ -0,0 +1,4 @@
|
||||
--- |
||||
--- |
||||
|
||||
{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if site.compress_html.comments.size == 2 %}{% assign _comment_befores = _content | split: site.compress_html.comments.first %}{% for _comment_before in _comment_befores %}{% assign _comment_content = _comment_before | split: site.compress_html.comments.last | first %}{% if _comment_content %}{% capture _comment %}{{ site.compress_html.comments.first }}{{ _comment_content }}{{ site.compress_html.comments.last }}{% endcapture %}{% assign _content = _content | remove: _comment %}{% endif %}{% endfor %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% case _pres.size %}{% when 2 %}{% capture _content %}{{ _content }}<pre{{ _pres.first }}</pre>{{ _pres.last | split: " " | join: " " }}{% endcapture %}{% when 1 %}{% capture _content %}{{ _content }}{{ _pres.last | split: " " | join: " " }}{% endcapture %}{% endcase %}{% endfor %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{{ _content }}{% endif %} |
@ -0,0 +1,38 @@
@@ -0,0 +1,38 @@
|
||||
--- |
||||
layout: compress |
||||
--- |
||||
<!DOCTYPE html> |
||||
<html lang="{{ page.lang | default: site.lang | default: " en " }}"> |
||||
{% include header.html %} |
||||
|
||||
<body data-theme="{{ site.mode }}" class="notransition"> |
||||
|
||||
<script> |
||||
const body = document.body; |
||||
const data = body.getAttribute("data-theme"); |
||||
|
||||
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); |
||||
</script> |
||||
|
||||
{% include navbar.html %} |
||||
<div class="wrapper"> |
||||
{% include author.html %} |
||||
<main aria-label="Content"> |
||||
{{ content }} |
||||
</main> |
||||
{% include footer.html %} |
||||
</div> |
||||
</body> |
||||
</html> |
@ -0,0 +1,14 @@
@@ -0,0 +1,14 @@
|
||||
--- |
||||
layout: default |
||||
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> |
||||
<h4 class="post-item-title"> |
||||
<a href="{{ post.url }}">{{ post.title | escape }}</a> |
||||
</h4> |
||||
</article> |
||||
{%- endfor -%} |
@ -0,0 +1,43 @@
@@ -0,0 +1,43 @@
|
||||
--- |
||||
layout: compress |
||||
--- |
||||
|
||||
<!DOCTYPE html> |
||||
<html lang="{{ page.lang | default: site.lang | default: " en " }}"> |
||||
|
||||
{% include header.html %} |
||||
|
||||
<body data-theme="{{ site.mode }}" class="notransition"> |
||||
|
||||
<script> |
||||
const body = document.body; |
||||
const data = body.getAttribute("data-theme"); |
||||
|
||||
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); |
||||
</script> |
||||
|
||||
{% include navbar.html %} |
||||
<div class="wrapper"> |
||||
<header class="header"> |
||||
<h1 class="header-title center" itemprop="headline">{{ page.title | escape }}.</h1> |
||||
</header> |
||||
<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> |
||||
</body> |
||||
|
||||
</html> |
@ -0,0 +1,94 @@
@@ -0,0 +1,94 @@
|
||||
--- |
||||
layout: compress |
||||
--- |
||||
|
||||
<!DOCTYPE html> |
||||
<html lang="{{ page.lang | default: site.lang | default: "en" }}"> |
||||
|
||||
{% include header.html %} |
||||
|
||||
<body data-theme="{{ site.mode }}" class="notransition"> |
||||
|
||||
<script> |
||||
const body = document.body; |
||||
const data = body.getAttribute("data-theme"); |
||||
|
||||
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); |
||||
</script> |
||||
|
||||
{% include navbar.html %} |
||||
<div class="wrapper post"> |
||||
<main class="page-content" aria-label="Content"> |
||||
<article itemscope itemtype="https://schema.org/BlogPosting"> |
||||
|
||||
<header class="header"> |
||||
{% if page.tags and page.tags != empty %} |
||||
<div class="tags"> |
||||
{% assign tags = page.tags %} |
||||
<span itemprop="keywords"> |
||||
{% for tag in tags %} |
||||
<a class="tag" |
||||
href="/tags/#{{tag | downcase | slugify}}">{{tag | upcase }}</a>{% unless forloop.last %},{% endunless %} |
||||
{% endfor %} |
||||
</span> |
||||
</div> |
||||
{% endif %} |
||||
<h1 class="header-title" itemprop="headline">{{ page.title | escape }}</h1> |
||||
{% if page.date %} |
||||
<div class="post-meta"> |
||||
<time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished"> |
||||
{{ page.date | date: "%b %d, %Y" }} |
||||
</time> |
||||
<span itemprop="author" itemscope itemtype="https://schema.org/Person"> |
||||
<span itemprop="name">{{ site.author.name }}</span> |
||||
</span> |
||||
<time hidden datetime="{{ page.modified | date_to_xmlschema }}" itemprop="dateModified"> |
||||
{{ page.date | date: "%b %d, %Y" }} |
||||
</time> |
||||
<span hidden itemprop="publisher" itemtype="Person">{{ site.author.name }}</span> |
||||
<span hidden itemprop="image">{{ page.image }}</span> |
||||
<span hidden itemprop="mainEntityOfPage">{{ page.excerpt }}</span> |
||||
</div> |
||||
{% endif %} |
||||
</header> |
||||
|
||||
<div class="page-content" itemprop="articleBody"> |
||||
{% include anchor_headings.html html=content anchorClass="anchor-head" beforeHeading=true h_min=1 h_max=4 %} |
||||
{% if page.tweet %} |
||||
<p>Comments this article on |
||||
<a href="https://twitter.com/{{site.twitter}}/status/{{page.tweet}}">Twitter</a>. |
||||
</p> |
||||
{% endif %} |
||||
</div> |
||||
</article> |
||||
|
||||
{% if page.comments %} |
||||
{% include comments.html %} |
||||
{% endif %} |
||||
|
||||
</main> |
||||
|
||||
{% if page.modified %} |
||||
<small class="post-updated-at">updated_at {{page.modified | date: "%d-%m-%Y"}}</small> |
||||
{% endif %} |
||||
{% if page.next or page.previous %} |
||||
{% include navigation.html %} |
||||
{% endif %} |
||||
|
||||
{% include footer.html %} |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
@ -0,0 +1,7 @@
@@ -0,0 +1,7 @@
|
||||
--- |
||||
layout: post |
||||
title: "Hola!" |
||||
--- |
||||
Así empiezo, sin poner nada. |
||||
|
||||
Pero al menos habrá un bonito _commit_ y muchas cosas por limpiar. |
@ -0,0 +1,368 @@
@@ -0,0 +1,368 @@
|
||||
// Reset some basic elements |
||||
* { |
||||
-webkit-transition: background-color 75ms ease-in, border-color 75ms ease-in; |
||||
-moz-transition: background-color 75ms ease-in, border-color 75ms ease-in; |
||||
-ms-transition: background-color 75ms ease-in, border-color 75ms ease-in; |
||||
-o-transition: background-color 75ms ease-in, border-color 75ms ease-in; |
||||
transition: background-color 75ms ease-in, border-color 75ms ease-in; |
||||
} |
||||
|
||||
.notransition { |
||||
-webkit-transition: none; |
||||
-moz-transition: none; |
||||
-ms-transition: none; |
||||
-o-transition: none; |
||||
transition: none; |
||||
} |
||||
|
||||
html { |
||||
overflow-x: hidden; |
||||
width: 100%; |
||||
} |
||||
|
||||
body, |
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6, |
||||
p, |
||||
blockquote, |
||||
pre, |
||||
hr, |
||||
dl, |
||||
dd, |
||||
ol, |
||||
ul, |
||||
figure { |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
// Basic styling |
||||
body { |
||||
min-height: 100vh; |
||||
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; |
||||
-webkit-font-feature-settings: "kern" 1; |
||||
-moz-font-feature-settings: "kern" 1; |
||||
-o-font-feature-settings: "kern" 1; |
||||
font-feature-settings: "kern" 1; |
||||
font-kerning: normal; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
// Set `margin-bottom` to maintain vertical rhythm |
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6, |
||||
p, |
||||
blockquote, |
||||
pre, |
||||
ul, |
||||
ol, |
||||
dl, |
||||
figure, |
||||
%vertical-rhythm { |
||||
margin-top: $spacing-full - 20; |
||||
margin-bottom: $spacing-full - 20; |
||||
} |
||||
|
||||
// strong | bold |
||||
strong, |
||||
b { |
||||
font-weight: $bold-weight; |
||||
color: $black; |
||||
} |
||||
|
||||
// horizontal rule |
||||
hr { |
||||
border-bottom: 0; |
||||
border-style: solid; |
||||
border-color: $light; |
||||
} |
||||
|
||||
// kbd tag |
||||
kbd { |
||||
-moz-border-radius: 3px; |
||||
-webkit-border-radius: 3px; |
||||
border: 1px solid $light; |
||||
border-radius: 2px; |
||||
color: $black; |
||||
display: inline-block; |
||||
font-size: $small-font-size; |
||||
line-height: 1.4; |
||||
font-family: $mono-family; |
||||
margin: 0 0.1em; |
||||
font-weight: $bold-weight; |
||||
padding: 0.01em 0.4em; |
||||
text-shadow: 0 1px 0 $white; |
||||
} |
||||
|
||||
// Image |
||||
img { |
||||
max-width: 100%; |
||||
vertical-align: middle; |
||||
-webkit-user-drag: none; |
||||
margin: 0 auto; |
||||
text-align: center; |
||||
} |
||||
|
||||
// Figure |
||||
figure { |
||||
position: relative; |
||||
} |
||||
|
||||
// Image inside Figure tag |
||||
figure > img { |
||||
display: block; |
||||
position: relative; |
||||
} |
||||
|
||||
// Image caption |
||||
figcaption { |
||||
font-size: 13px; |
||||
text-align: center; |
||||
} |
||||
|
||||
// List |
||||
ul { |
||||
list-style: none; |
||||
li { |
||||
display: list-item; |
||||
text-align: -webkit-match-parent; |
||||
} |
||||
li::before { |
||||
content: "\FE63"; |
||||
display: inline-block; |
||||
top: -1px; |
||||
width: 1.2em; |
||||
position: relative; |
||||
margin-left: -1.3em; |
||||
font-weight: 700; |
||||
} |
||||
} |
||||
|
||||
ol { |
||||
list-style: none; |
||||
counter-reset: li; |
||||
li { |
||||
position: relative; |
||||
counter-increment: li; |
||||
&::before { |
||||
content: counter(li); |
||||
display: inline-block; |
||||
width: 1em; |
||||
margin-right: 0.5em; |
||||
margin-left: -1.6em; |
||||
text-align: right; |
||||
direction: rtl; |
||||
font-weight: $bold-weight; |
||||
font-size: $small-font-size; |
||||
} |
||||
} |
||||
} |
||||
|
||||
ul, |
||||
ol { |
||||
margin-top: 0; |
||||
margin-left: $spacing-full; |
||||
} |
||||
|
||||
li { |
||||
padding-bottom: 1px; |
||||
padding-top: 1px; |
||||
|
||||
&:before { |
||||
color: $black; |
||||
} |
||||
|
||||
> ul, |
||||
> ol { |
||||
margin-bottom: 2px; |
||||
margin-top: 0; |
||||
} |
||||
} |
||||
|
||||
// Headings |
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6 { |
||||
color: $black; |
||||
font-weight: $bold-weight; |
||||
& + ul, |
||||
& + ol { |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
@include media-query($on-mobile) { |
||||
scroll-margin-top: 65px; |
||||
} |
||||
} |
||||
|
||||
// Headings with link |
||||
h1 > a, |
||||
h2 > a, |
||||
h3 > a, |
||||
h4 > a, |
||||
h5 > a, |
||||
h6 > a { |
||||
text-decoration: none; |
||||
border: none; |
||||
|
||||
&:hover { |
||||
text-decoration: none; |
||||
border: none; |
||||
} |
||||
} |
||||
|
||||
// Link |
||||
a { |
||||
color: inherit; |
||||
text-decoration-color: $smoke; |
||||
|
||||
&:hover { |
||||
color: $text-link-blue; |
||||
} |
||||
|
||||
&:focus { |
||||
outline: 3px solid rgba(0, 54, 199, 0.6); |
||||
outline-offset: 2px; |
||||
} |
||||
} |
||||
|
||||
// Del |
||||
del { |
||||
color: inherit; |
||||
} |
||||
|
||||
// Em |
||||
em { |
||||
color: inherit; |
||||
} |
||||
|
||||
// Blockquotes |
||||
blockquote { |
||||
color: $gray; |
||||
font-style: italic; |
||||
text-align: center; |
||||
opacity: 0.9; |
||||
border-top: 1px solid $light; |
||||
border-bottom: 1px solid $light; |
||||
padding: 10px; |
||||
margin-left: 10px; |
||||
margin-right: 10px; |
||||
font-size: 1em; |
||||
|
||||
> :last-child { |
||||
margin-bottom: 0; |
||||
margin-top: 0; |
||||
} |
||||
} |
||||
|
||||
// Wrapper |
||||
.wrapper { |
||||
max-width: -webkit-calc(#{$narrow-size} - (#{$spacing-full} * 2)); |
||||
max-width: calc(#{$narrow-size} - (#{$spacing-full} * 2)); |
||||
position: relative; |
||||
margin-right: auto; |
||||
margin-left: auto; |
||||
padding-right: $spacing-full; |
||||
padding-left: $spacing-full; |
||||
@extend %clearfix; |
||||
|
||||
@include media-query($on-mobile) { |
||||
max-width: -webkit-calc(#{$narrow-size} - (#{$spacing-full})); |
||||
max-width: calc(#{$narrow-size} - (#{$spacing-full})); |
||||
padding-right: $spacing-full - 10; |
||||
padding-left: $spacing-full - 10; |
||||
|
||||
&.blurry { |
||||
animation: 0.2s ease-in forwards blur; |
||||
-webkit-animation: 0.2s ease-in forwards blur; |
||||
} |
||||
} |
||||
} |
||||
|
||||
// Underline |
||||
u { |
||||
text-decoration-color: #d2c7c7; |
||||
} |
||||
|
||||
// Small |
||||
small { |
||||
font-size: $small-font-size; |
||||
} |
||||
|
||||
// Superscript |
||||
sup { |
||||
border-radius: 10%; |
||||
top: -3px; |
||||
left: 2px; |
||||
font-size: small; |
||||
position: relative; |
||||
margin-right: 2px; |
||||
} |
||||
|
||||
// Table |
||||
.overflow-table { |
||||
overflow-x: auto; |
||||
} |
||||
|
||||
table { |
||||
width: 100%; |
||||
margin-top: $spacing-half; |
||||
border-collapse: collapse; |
||||
font-size: $small-font-size; |
||||
|
||||
thead { |
||||
font-weight: $bold-weight; |
||||
color: $black; |
||||
border-bottom: 1px solid $light; |
||||
} |
||||
|
||||
th, |
||||
td, |
||||
tr { |
||||
border: 1px solid $light; |
||||
padding: 2px 7px; |
||||
} |
||||
} |
||||
|
||||
// Clearfix |
||||
%clearfix:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; |
||||
} |
||||
|
||||
// When mouse block a text set this color |
||||
mark, |
||||
::selection { |
||||
background: #fffba0; |
||||
color: $black; |
||||
} |
||||
|
||||
// Github Gist clear border |
||||
.gist { |
||||
table { |
||||
border: 0; |
||||
|
||||
tr, |
||||
td { |
||||
border: 0; |
||||
} |
||||
} |
||||
} |
@ -0,0 +1,247 @@
@@ -0,0 +1,247 @@
|
||||
body[data-theme="dark"] { |
||||
color: $dark-text-base-color; |
||||
background-color: $dark-black; |
||||
|
||||
// Heading |
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6 { |
||||
color: $dark-white; |
||||
} |
||||
|
||||
// Table |
||||
table { |
||||
thead { |
||||
color: $dark-white; |
||||
border-color: $dark-light; |
||||
} |
||||
|
||||
th, |
||||
td, |
||||
tr { |
||||
border-color: $dark-light; |
||||
} |
||||
} |
||||
|
||||
// Post |
||||
.page-content { |
||||
a { |
||||
color: $dark-text-link-blue; |
||||
|
||||
&:hover, |
||||
&:active, |
||||
&:focus { |
||||
color: $dark-text-link-blue-active; |
||||
} |
||||
} |
||||
|
||||
h3 { |
||||
border-color: $dark-light; |
||||
} |
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6 { |
||||
.anchor-head { |
||||
color: $dark-text-link-blue; |
||||
} |
||||
} |
||||
} |
||||
|
||||
// Syntax |
||||
code { |
||||
&.highlighter-rouge { |
||||
background-color: $dark-light; |
||||
} |
||||
} |
||||
|
||||
// kbd tag |
||||
kbd { |
||||
border-color: $dark-light; |
||||
color: $dark-white; |
||||
text-shadow: 0 1px 0 $dark-black; |
||||
} |
||||
|
||||
// horizontal rule |
||||
hr { |
||||
border-color: $dark-light; |
||||
} |
||||
|
||||
// Post Meta |
||||
.post-meta { |
||||
color: $dark-gray; |
||||
|
||||
time { |
||||
&::after { |
||||
background-color: $dark-light; |
||||
} |
||||
} |
||||
|
||||
span[itemprop="author"] { |
||||
border-color: $dark-light; |
||||
} |
||||
} |
||||
|
||||
// Link |
||||
a { |
||||
color: inherit; |
||||
text-decoration-color: $dark-smoke; |
||||
|
||||
&:hover { |
||||
color: $dark-text-link-blue; |
||||
} |
||||
|
||||
&:focus { |
||||
outline-color: rgba(255, 82, 119, 0.6); |
||||
} |
||||
} |
||||
|
||||
// List |
||||
li { |
||||
&:before { |