Add base files for new Jekyll site setup
Introduced initial setup for a Jekyll-based site, including configurations, layouts, assets, and styles. Added custom 404 page, favicon assets, SCSS themes, fonts, and a blog post template to establish the foundation for the site.
This commit is contained in:
parent
6f1566716d
commit
0764cfc61d
57 changed files with 3564 additions and 0 deletions
3
.gitignore
vendored
Normal file
3
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
.idea/
|
||||||
|
.jekyll-cache/
|
||||||
|
_site/
|
||||||
5
404.md
Normal file
5
404.md
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
title: Lost from journey
|
||||||
|
layout: 404
|
||||||
|
permalink: "/404.html"
|
||||||
|
---
|
||||||
35
Gemfile
Normal file
35
Gemfile
Normal file
|
|
@ -0,0 +1,35 @@
|
||||||
|
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?
|
||||||
|
|
||||||
|
gem "webrick", "~> 1.7"
|
||||||
|
|
||||||
|
gem "logger"
|
||||||
104
Gemfile.lock
Normal file
104
Gemfile.lock
Normal file
|
|
@ -0,0 +1,104 @@
|
||||||
|
GEM
|
||||||
|
remote: https://rubygems.org/
|
||||||
|
specs:
|
||||||
|
addressable (2.8.7)
|
||||||
|
public_suffix (>= 2.0.2, < 7.0)
|
||||||
|
colorator (1.1.0)
|
||||||
|
concurrent-ruby (1.3.4)
|
||||||
|
em-websocket (0.5.3)
|
||||||
|
eventmachine (>= 0.12.9)
|
||||||
|
http_parser.rb (~> 0)
|
||||||
|
eventmachine (1.2.7)
|
||||||
|
ffi (1.17.0)
|
||||||
|
ffi (1.17.0-aarch64-linux-gnu)
|
||||||
|
ffi (1.17.0-aarch64-linux-musl)
|
||||||
|
ffi (1.17.0-arm-linux-gnu)
|
||||||
|
ffi (1.17.0-arm-linux-musl)
|
||||||
|
ffi (1.17.0-arm64-darwin)
|
||||||
|
ffi (1.17.0-x86-linux-gnu)
|
||||||
|
ffi (1.17.0-x86-linux-musl)
|
||||||
|
ffi (1.17.0-x86_64-darwin)
|
||||||
|
ffi (1.17.0-x86_64-linux-gnu)
|
||||||
|
ffi (1.17.0-x86_64-linux-musl)
|
||||||
|
forwardable-extended (2.6.0)
|
||||||
|
http_parser.rb (0.8.0)
|
||||||
|
i18n (1.14.6)
|
||||||
|
concurrent-ruby (~> 1.0)
|
||||||
|
jekyll (4.1.1)
|
||||||
|
addressable (~> 2.4)
|
||||||
|
colorator (~> 1.0)
|
||||||
|
em-websocket (~> 0.5)
|
||||||
|
i18n (~> 1.0)
|
||||||
|
jekyll-sass-converter (~> 2.0)
|
||||||
|
jekyll-watch (~> 2.0)
|
||||||
|
kramdown (~> 2.1)
|
||||||
|
kramdown-parser-gfm (~> 1.0)
|
||||||
|
liquid (~> 4.0)
|
||||||
|
mercenary (~> 0.4.0)
|
||||||
|
pathutil (~> 0.9)
|
||||||
|
rouge (~> 3.0)
|
||||||
|
safe_yaml (~> 1.0)
|
||||||
|
terminal-table (~> 1.8)
|
||||||
|
jekyll-compose (0.12.0)
|
||||||
|
jekyll (>= 3.7, < 5.0)
|
||||||
|
jekyll-feed (0.17.0)
|
||||||
|
jekyll (>= 3.7, < 5.0)
|
||||||
|
jekyll-postfiles (3.1.0)
|
||||||
|
jekyll (>= 3.8.6, < 5)
|
||||||
|
jekyll-sass-converter (2.2.0)
|
||||||
|
sassc (> 2.0.1, < 3.0)
|
||||||
|
jekyll-sitemap (1.4.0)
|
||||||
|
jekyll (>= 3.7, < 5.0)
|
||||||
|
jekyll-watch (2.2.1)
|
||||||
|
listen (~> 3.0)
|
||||||
|
kramdown (2.5.1)
|
||||||
|
rexml (>= 3.3.9)
|
||||||
|
kramdown-parser-gfm (1.1.0)
|
||||||
|
kramdown (~> 2.0)
|
||||||
|
liquid (4.0.4)
|
||||||
|
listen (3.9.0)
|
||||||
|
rb-fsevent (~> 0.10, >= 0.10.3)
|
||||||
|
rb-inotify (~> 0.9, >= 0.9.10)
|
||||||
|
logger (1.6.4)
|
||||||
|
mercenary (0.4.0)
|
||||||
|
pathutil (0.16.2)
|
||||||
|
forwardable-extended (~> 2.6)
|
||||||
|
public_suffix (6.0.1)
|
||||||
|
rb-fsevent (0.11.2)
|
||||||
|
rb-inotify (0.11.1)
|
||||||
|
ffi (~> 1.0)
|
||||||
|
rexml (3.4.0)
|
||||||
|
rouge (3.30.0)
|
||||||
|
safe_yaml (1.0.5)
|
||||||
|
sassc (2.4.0)
|
||||||
|
ffi (~> 1.9)
|
||||||
|
terminal-table (1.8.0)
|
||||||
|
unicode-display_width (~> 1.1, >= 1.1.1)
|
||||||
|
unicode-display_width (1.8.0)
|
||||||
|
webrick (1.9.1)
|
||||||
|
|
||||||
|
PLATFORMS
|
||||||
|
aarch64-linux-gnu
|
||||||
|
aarch64-linux-musl
|
||||||
|
arm-linux-gnu
|
||||||
|
arm-linux-musl
|
||||||
|
arm64-darwin
|
||||||
|
ruby
|
||||||
|
x86-linux-gnu
|
||||||
|
x86-linux-musl
|
||||||
|
x86_64-darwin
|
||||||
|
x86_64-linux-gnu
|
||||||
|
x86_64-linux-musl
|
||||||
|
|
||||||
|
DEPENDENCIES
|
||||||
|
jekyll (~> 4.1.0)
|
||||||
|
jekyll-compose (~> 0.12.0)
|
||||||
|
jekyll-feed (~> 0.13)
|
||||||
|
jekyll-postfiles (~> 3.1)
|
||||||
|
jekyll-sitemap (~> 1.4)
|
||||||
|
logger
|
||||||
|
tzinfo-data
|
||||||
|
webrick (~> 1.7)
|
||||||
|
|
||||||
|
BUNDLED WITH
|
||||||
|
2.6.1
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
# elyday.dev
|
||||||
79
_config.yml
Normal file
79
_config.yml
Normal file
|
|
@ -0,0 +1,79 @@
|
||||||
|
title: elyday.dev
|
||||||
|
description: >-
|
||||||
|
Some dude in the internet.
|
||||||
|
lang: en-US
|
||||||
|
timezone: Europe/Berlin
|
||||||
|
image: assets/img/ogp.png
|
||||||
|
mode: dark # default theme "dark" | "light"
|
||||||
|
|
||||||
|
# Profile settings
|
||||||
|
author:
|
||||||
|
name: elyday
|
||||||
|
bio: >-
|
||||||
|
Some dude in the internet. Interested in gaming and software backend engineering (mainly using php as programming language).
|
||||||
|
username: elyday
|
||||||
|
github: elyday
|
||||||
|
email: contact@elyday.dev
|
||||||
|
avatar: /assets/img/avatar.jpg
|
||||||
|
|
||||||
|
# URL settings
|
||||||
|
url: "https://klise.now.sh" #
|
||||||
|
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:
|
||||||
|
- Gemfile
|
||||||
|
- Gemfile.lock
|
||||||
|
- README.md
|
||||||
|
- node_modules
|
||||||
|
- lighthouse.png
|
||||||
|
|
||||||
|
# Plugins
|
||||||
|
plugins:
|
||||||
|
- jekyll-feed
|
||||||
|
- jekyll-sitemap
|
||||||
|
- jekyll-postfiles
|
||||||
19
_data/menus.yml
Normal file
19
_data/menus.yml
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
- title: home
|
||||||
|
url: /
|
||||||
|
external: false
|
||||||
|
|
||||||
|
- title: archive
|
||||||
|
url: /archive/
|
||||||
|
external: false
|
||||||
|
|
||||||
|
- title: about
|
||||||
|
url: /about/
|
||||||
|
external: false
|
||||||
|
|
||||||
|
- title: github
|
||||||
|
url: https://github.com/elyday
|
||||||
|
external: true
|
||||||
|
|
||||||
|
- title: git
|
||||||
|
url: https://git.techturtle.de/elyday
|
||||||
|
external: true
|
||||||
105
_includes/anchor_headings.html
Normal file
105
_includes/anchor_headings.html
Normal file
|
|
@ -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 }}
|
||||||
9
_includes/author.html
Normal file
9
_includes/author.html
Normal file
|
|
@ -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>
|
||||||
10
_includes/comments.html
Normal file
10
_includes/comments.html
Normal file
|
|
@ -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>
|
||||||
46
_includes/footer.html
Normal file
46
_includes/footer.html
Normal file
|
|
@ -0,0 +1,46 @@
|
||||||
|
<footer class="footer">
|
||||||
|
<a class="footer_item" href="/thanks">ack.</a>
|
||||||
|
<a class="footer_item" href="javascript::void(0)">resume</a>
|
||||||
|
<a class="footer_item" href="/feed.xml">rss</a>
|
||||||
|
<span class="footer_item">© {{ site.time | date: "%Y" }}</span>
|
||||||
|
<small class="footer_copyright">
|
||||||
|
<!-- Klisé Theme: https://github.com/piharpi/jekyll-klise -->
|
||||||
|
<a
|
||||||
|
href="https://github.com/piharpi/jekyll-klise"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
>klisé</a
|
||||||
|
>
|
||||||
|
theme on
|
||||||
|
<a href="https://jekyllrb.com" target="_blank" rel="noreferrer noopener"
|
||||||
|
>jekyll</a
|
||||||
|
>
|
||||||
|
</small>
|
||||||
|
</footer>
|
||||||
|
<script src="/assets/js/main.js" defer="defer"></script>
|
||||||
|
{%- if site.google_analytics -%}
|
||||||
|
<!-- Google tag (gtag.js) -->
|
||||||
|
<script
|
||||||
|
async
|
||||||
|
src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"
|
||||||
|
></script>
|
||||||
|
<script>
|
||||||
|
window.dataLayer = window.dataLayer || [];
|
||||||
|
function gtag() {
|
||||||
|
dataLayer.push(arguments);
|
||||||
|
}
|
||||||
|
gtag("js", new Date());
|
||||||
|
|
||||||
|
gtag("config", "{{ 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 -%}
|
||||||
175
_includes/header.html
Normal file
175
_includes/header.html
Normal file
|
|
@ -0,0 +1,175 @@
|
||||||
|
<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" />
|
||||||
|
|
||||||
|
<!-- for mathjax support -->
|
||||||
|
{% if page.usemathjax %}
|
||||||
|
<script type="text/x-mathjax-config">
|
||||||
|
MathJax.Hub.Config({
|
||||||
|
TeX: { equationNumbers: { autoNumber: "AMS" } }
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script type="text/javascript" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js?config=TeX-AMS-MML_HTMLorMML"></script>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
</head>
|
||||||
211
_includes/navbar.html
Normal file
211
_includes/navbar.html
Normal file
|
|
@ -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>
|
||||||
16
_includes/navigation.html
Normal file
16
_includes/navigation.html
Normal file
|
|
@ -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>
|
||||||
21
_includes/pagination.html
Normal file
21
_includes/pagination.html
Normal file
|
|
@ -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> -->
|
||||||
46
_layouts/404.html
Normal file
46
_layouts/404.html
Normal file
|
|
@ -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... Seems you lost from my journey.</p>
|
||||||
|
<a class="solution" href="{{ site.url }}">back home</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
{% include footer.html %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
4
_layouts/compress.html
Normal file
4
_layouts/compress.html
Normal file
|
|
@ -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 %}
|
||||||
38
_layouts/default.html
Normal file
38
_layouts/default.html
Normal file
|
|
@ -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>
|
||||||
14
_layouts/home.html
Normal file
14
_layouts/home.html
Normal file
|
|
@ -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 -%}
|
||||||
43
_layouts/page.html
Normal file
43
_layouts/page.html
Normal file
|
|
@ -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>
|
||||||
95
_layouts/post.html
Normal file
95
_layouts/post.html
Normal file
|
|
@ -0,0 +1,95 @@
|
||||||
|
---
|
||||||
|
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>
|
||||||
10
_posts/some-new-site/2024-12-22-some-new-site.md
Normal file
10
_posts/some-new-site/2024-12-22-some-new-site.md
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
---
|
||||||
|
layout: post
|
||||||
|
title: "Some new site!"
|
||||||
|
date: 2024-12-22 22:29:20 +0100
|
||||||
|
tags: [ information ]
|
||||||
|
---
|
||||||
|
|
||||||
|
This is my new site which I will use to blog about several dev related topics. I am personally interested in gaming,
|
||||||
|
home networking stuff and software backend engineering (mainly with php as programming language).
|
||||||
|
|
||||||
369
_sass/klise/_base.scss
Normal file
369
_sass/klise/_base.scss
Normal file
|
|
@ -0,0 +1,369 @@
|
||||||
|
// 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;
|
||||||
|
overflow-y: scroll;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
247
_sass/klise/_dark.scss
Normal file
247
_sass/klise/_dark.scss
Normal file
|
|
@ -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 {
|
||||||
|
color: $dark-white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Blockquote
|
||||||
|
blockquote {
|
||||||
|
color: $dark-gray;
|
||||||
|
border-color: $dark-light;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Strong, Bold
|
||||||
|
strong,
|
||||||
|
b {
|
||||||
|
color: $dark-white;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navbar
|
||||||
|
.navbar {
|
||||||
|
border-color: $dark-light;
|
||||||
|
.menu {
|
||||||
|
a#mode {
|
||||||
|
.mode-sunny {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.mode-moon {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-link {
|
||||||
|
color: $dark-white;
|
||||||
|
}
|
||||||
|
@include media-query($on-mobile) {
|
||||||
|
background-color: $dark-black;
|
||||||
|
border-color: $dark-light;
|
||||||
|
|
||||||
|
.menu-icon {
|
||||||
|
> svg {
|
||||||
|
fill: $dark-white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"]:checked ~ .trigger {
|
||||||
|
background: $dark-black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Post Item
|
||||||
|
.post-item {
|
||||||
|
&:not(:first-child) {
|
||||||
|
border-color: $dark-light;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-item-date {
|
||||||
|
color: $dark-white;
|
||||||
|
}
|
||||||
|
.post-item-title {
|
||||||
|
a {
|
||||||
|
color: $dark-text-base-color;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&focus {
|
||||||
|
color: $dark-white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Post Navigation
|
||||||
|
.post-nav {
|
||||||
|
border-color: $dark-light;
|
||||||
|
|
||||||
|
.post-nav-item {
|
||||||
|
font-weight: $bold-weight;
|
||||||
|
|
||||||
|
.post-title {
|
||||||
|
color: $dark-white;
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
.post-title {
|
||||||
|
color: $dark-text-link-blue-active;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-arrow {
|
||||||
|
color: $dark-gray;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include media-query($on-mobile) {
|
||||||
|
.post-nav-item:nth-child(even) {
|
||||||
|
border-color: $dark-light;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Footer
|
||||||
|
.footer {
|
||||||
|
span.footer_item {
|
||||||
|
color: $dark-white;
|
||||||
|
}
|
||||||
|
a.footer_item:not(:last-child) {
|
||||||
|
color: $dark-white;
|
||||||
|
}
|
||||||
|
.footer_copyright {
|
||||||
|
color: $dark-gray;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 404 Page
|
||||||
|
.not-found {
|
||||||
|
.title {
|
||||||
|
color: $dark-white;
|
||||||
|
text-shadow: 1px 0px 0px $dark-text-link-blue;
|
||||||
|
}
|
||||||
|
.phrase {
|
||||||
|
color: $dark-text-base-color;
|
||||||
|
}
|
||||||
|
.solution {
|
||||||
|
color: $dark-text-link-blue;
|
||||||
|
}
|
||||||
|
.solution:hover {
|
||||||
|
color: $dark-text-link-blue-active;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-article {
|
||||||
|
input[type="search"] {
|
||||||
|
color: $dark-text-base-color;
|
||||||
|
&::-webkit-input-placeholder {
|
||||||
|
color: rgba(128,128,128,0.8);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
712
_sass/klise/_fonts.scss
Normal file
712
_sass/klise/_fonts.scss
Normal file
|
|
@ -0,0 +1,712 @@
|
||||||
|
@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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* cyrillic-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/KFOlCnqEu92Fr1MmSU5fCRc4EsA.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-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
src: local("Roboto Light"), local("Roboto-Light"),
|
||||||
|
url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.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-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
src: local("Roboto Light"), local("Roboto-Light"),
|
||||||
|
url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2)
|
||||||
|
format("woff2");
|
||||||
|
unicode-range: U+0370-03FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* vietnamese */
|
||||||
|
@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/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2)
|
||||||
|
format("woff2");
|
||||||
|
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* latin-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/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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* latin */
|
||||||
|
@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/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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* cyrillic-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: "Source Sans Pro";
|
||||||
|
font-style: italic;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* cyrillic */
|
||||||
|
@font-face {
|
||||||
|
font-family: "Source Sans Pro";
|
||||||
|
font-style: italic;
|
||||||
|
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");
|
||||||
|
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-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");
|
||||||
|
unicode-range: U+1F00-1FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* greek */
|
||||||
|
@font-face {
|
||||||
|
font-family: "Source Sans Pro";
|
||||||
|
font-style: italic;
|
||||||
|
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");
|
||||||
|
unicode-range: U+0370-03FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* vietnamese */
|
||||||
|
@font-face {
|
||||||
|
font-family: "Source Sans Pro";
|
||||||
|
font-style: italic;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: "Source Sans Pro";
|
||||||
|
font-style: italic;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: "Source Sans Pro";
|
||||||
|
font-style: italic;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* cyrillic-ext */
|
||||||
|
@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-LCoeQqfX1RYOo3qNa7lqDY.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: 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-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-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-LCoeQqfX1RYOo3qNK7lqDY.woff2)
|
||||||
|
format("woff2");
|
||||||
|
unicode-range: U+1F00-1FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* greek */
|
||||||
|
@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-LCoeQqfX1RYOo3qO67lqDY.woff2)
|
||||||
|
format("woff2");
|
||||||
|
unicode-range: U+0370-03FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* vietnamese */
|
||||||
|
@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-LCoeQqfX1RYOo3qN67lqDY.woff2)
|
||||||
|
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-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-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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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-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;
|
||||||
|
}
|
||||||
380
_sass/klise/_layout.scss
Normal file
380
_sass/klise/_layout.scss
Normal file
|
|
@ -0,0 +1,380 @@
|
||||||
|
// Navbar
|
||||||
|
.navbar {
|
||||||
|
height: auto;
|
||||||
|
max-width: calc(#{$wide-size} - (#{$spacing-full} * 2));
|
||||||
|
max-width: -webkit-calc(#{$wide-size} - (#{$spacing-full} * 2));
|
||||||
|
position: relative;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
border-bottom: 1px solid $light;
|
||||||
|
padding: $spacing-full - 15px $spacing-full;
|
||||||
|
@extend %clearfix;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navigation
|
||||||
|
.menu {
|
||||||
|
user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
|
||||||
|
a#mode {
|
||||||
|
float: left;
|
||||||
|
left: 8px;
|
||||||
|
top: 6px;
|
||||||
|
position: relative;
|
||||||
|
clear: both;
|
||||||
|
-webkit-transform: scale(1, 1);
|
||||||
|
transform: scale(1, 1);
|
||||||
|
opacity: 0.7;
|
||||||
|
z-index: 1;
|
||||||
|
&:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
&:active {
|
||||||
|
-webkit-transform: scale(0.9, 0.9);
|
||||||
|
transform: scale(0.9, 0.9);
|
||||||
|
}
|
||||||
|
.mode-moon {
|
||||||
|
display: block;
|
||||||
|
line {
|
||||||
|
stroke: $black;
|
||||||
|
fill: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
circle {
|
||||||
|
fill: $black;
|
||||||
|
stroke: $black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mode-sunny {
|
||||||
|
display: none;
|
||||||
|
line {
|
||||||
|
stroke: $dark-white;
|
||||||
|
fill: none;
|
||||||
|
}
|
||||||
|
circle {
|
||||||
|
fill: none;
|
||||||
|
stroke: $dark-white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.trigger {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-trigger {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-icon {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-link {
|
||||||
|
color: $black;
|
||||||
|
line-height: $base-line-height + 0.4;
|
||||||
|
text-decoration: none;
|
||||||
|
padding: 5px 8px;
|
||||||
|
opacity: 0.7;
|
||||||
|
letter-spacing: 0.3px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.rss {
|
||||||
|
position: relative;
|
||||||
|
bottom: -3px;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include media-query($on-mobile) {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-link.active {
|
||||||
|
opacity: 1;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include media-query($on-mobile) {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 2;
|
||||||
|
text-align: center;
|
||||||
|
height: 50px;
|
||||||
|
background-color: $white;
|
||||||
|
border-bottom: 1px solid $light;
|
||||||
|
|
||||||
|
a#mode {
|
||||||
|
left: 10px;
|
||||||
|
top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-icon {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
width: 50px;
|
||||||
|
height: 23px;
|
||||||
|
line-height: 0;
|
||||||
|
padding-top: 13px;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
cursor: pointer;
|
||||||
|
text-align: center;
|
||||||
|
z-index: 1;
|
||||||
|
> svg {
|
||||||
|
fill: $black;
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
> svg {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:active {
|
||||||
|
-webkit-transform: scale(0.9, 0.9);
|
||||||
|
transform: scale(0.9, 0.9);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"]:not(:checked) ~ .trigger {
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"]:checked ~ .trigger {
|
||||||
|
position: fixed;
|
||||||
|
animation: 0.2s ease-in forwards fadein;
|
||||||
|
-webkit-animation: 0.2s ease-in forwards fadein;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background-color: $white;
|
||||||
|
height: 100vh;
|
||||||
|
width: 100%;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-link {
|
||||||
|
display: block;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 1.1em;
|
||||||
|
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin: 0;
|
||||||
|
padding: 2px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Author
|
||||||
|
.author {
|
||||||
|
margin-top: 6.3rem;
|
||||||
|
margin-bottom: 7.2rem;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
@include media-query($on-mobile) {
|
||||||
|
margin-bottom: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-avatar {
|
||||||
|
width: 70px;
|
||||||
|
height: 70px;
|
||||||
|
border-radius: 100%;
|
||||||
|
user-select: none;
|
||||||
|
background-color: $black;
|
||||||
|
-ms-user-select: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-webkit-animation: 0.5s ease-in forwards fadein;
|
||||||
|
animation: 0.5s ease-in forwards fadein;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-name {
|
||||||
|
font-size: 1.7em;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-bio {
|
||||||
|
margin: 0 auto;
|
||||||
|
opacity: 0.9;
|
||||||
|
max-width: 393px;
|
||||||
|
line-height: 1.688;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Content
|
||||||
|
.posts-item-note {
|
||||||
|
font-size: $base-font-size;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
color: $black;
|
||||||
|
}
|
||||||
|
|
||||||
|
// List of posts
|
||||||
|
.post-item {
|
||||||
|
display: flex;
|
||||||
|
padding-top: 5px;
|
||||||
|
padding-bottom: 6px;
|
||||||
|
@extend %clearfix;
|
||||||
|
|
||||||
|
&:not(:first-child) {
|
||||||
|
border-top: 1px solid $light;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-item-date {
|
||||||
|
min-width: 96px;
|
||||||
|
color: $black;
|
||||||
|
font-weight: 700;
|
||||||
|
padding-right: 10px;
|
||||||
|
|
||||||
|
@include media-query($on-mobile) {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-item-title {
|
||||||
|
margin: 0;
|
||||||
|
border: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-size: $base-font-size;
|
||||||
|
font-weight: normal;
|
||||||
|
letter-spacing: 0.1px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $text-base-color;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&focus {
|
||||||
|
color: $black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Footer
|
||||||
|
.footer {
|
||||||
|
margin-top: 8em;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
@include media-query($on-mobile) {
|
||||||
|
margin-top: 3em;
|
||||||
|
}
|
||||||
|
span.footer_item {
|
||||||
|
color: $black;
|
||||||
|
opacity: 0.8;
|
||||||
|
font-weight: $bold-weight;
|
||||||
|
font-size: $small-font-size;
|
||||||
|
}
|
||||||
|
a.footer_item {
|
||||||
|
color: $black;
|
||||||
|
opacity: 0.8;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin-right: 10px;
|
||||||
|
&:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer_copyright {
|
||||||
|
font-size: $small-font-size - 1;
|
||||||
|
margin-top: 3px;
|
||||||
|
display: block;
|
||||||
|
color: $gray;
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.not-found {
|
||||||
|
text-align: center;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 75vh;
|
||||||
|
.title {
|
||||||
|
font-size: 5em;
|
||||||
|
font-weight: $bold-weight;
|
||||||
|
line-height: 1.1;
|
||||||
|
color: $black;
|
||||||
|
text-shadow: 1px 0px 0px $text-link-blue;
|
||||||
|
}
|
||||||
|
.phrase {
|
||||||
|
color: $text-base-color;
|
||||||
|
}
|
||||||
|
.solution {
|
||||||
|
color: $text-link-blue;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
}
|
||||||
|
.solution:hover {
|
||||||
|
color: $text-link-blue-active;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.search-article {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
|
||||||
|
label[for="search-input"] {
|
||||||
|
position: relative;
|
||||||
|
top: 10px;
|
||||||
|
left: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="search"] {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
border: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 40px;
|
||||||
|
outline: none;
|
||||||
|
position: absolute;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 10px 10px 10px 35px;
|
||||||
|
color: $text-base-color;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
font-size: $base-font-size;
|
||||||
|
background-color: rgba(128, 128, 128, 0.1);
|
||||||
|
border: 1px solid rgba(128, 128, 128, 0.1);
|
||||||
|
&::-webkit-input-placeholder {
|
||||||
|
color: #808080;
|
||||||
|
}
|
||||||
|
&::-webkit-search-decoration,
|
||||||
|
&::-webkit-search-results-decoration {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#search-results {
|
||||||
|
text-align: center;
|
||||||
|
li {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive-tags {
|
||||||
|
height: auto;
|
||||||
|
.tag-item {
|
||||||
|
padding: 1px 3px;
|
||||||
|
border-radius: 2px;
|
||||||
|
border: 1px solid rgba(128, 128, 128, 0.1);
|
||||||
|
background-color: rgba(128, 128, 128, 0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
41
_sass/klise/_miscellaneous.scss
Normal file
41
_sass/klise/_miscellaneous.scss
Normal file
|
|
@ -0,0 +1,41 @@
|
||||||
|
// Animation fade-in
|
||||||
|
@keyframes fadein {
|
||||||
|
0% {
|
||||||
|
opacity: 0.2;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Animation blur
|
||||||
|
@keyframes blur {
|
||||||
|
0% {
|
||||||
|
filter: blur(0px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
filter: blur(4px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Responsive embed video
|
||||||
|
.embed-responsive {
|
||||||
|
height: 0;
|
||||||
|
max-width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 56.25%;
|
||||||
|
margin-top: 20px;
|
||||||
|
|
||||||
|
iframe,
|
||||||
|
object,
|
||||||
|
embed {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
}
|
||||||
261
_sass/klise/_post.scss
Normal file
261
_sass/klise/_post.scss
Normal file
|
|
@ -0,0 +1,261 @@
|
||||||
|
// Post wrapper
|
||||||
|
.wrapper.post {
|
||||||
|
@include media-query($on-mobile) {
|
||||||
|
padding-left: $spacing-half;
|
||||||
|
padding-right: $spacing-half;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Post title
|
||||||
|
.header {
|
||||||
|
margin-top: 7.8em;
|
||||||
|
margin-bottom: 3em;
|
||||||
|
|
||||||
|
.tags {
|
||||||
|
margin-left: 3px;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
|
||||||
|
.tag {
|
||||||
|
font-weight: $bold-weight;
|
||||||
|
font-size: $small-font-size - 2;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-title {
|
||||||
|
font-size: 2em;
|
||||||
|
line-height: 1.2;
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
|
||||||
|
&.center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include media-query($on-mobile) {
|
||||||
|
font-size: 1.9em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Post meta
|
||||||
|
.post-meta {
|
||||||
|
padding-top: 3px;
|
||||||
|
line-height: 1.3;
|
||||||
|
color: $gray;
|
||||||
|
|
||||||
|
time {
|
||||||
|
position: relative;
|
||||||
|
margin-right: 1.5em;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
background: $light;
|
||||||
|
bottom: 1px;
|
||||||
|
content: " ";
|
||||||
|
height: 2px;
|
||||||
|
position: absolute;
|
||||||
|
right: -20px;
|
||||||
|
width: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
span[itemprop="author"] {
|
||||||
|
border-bottom: 1px dotted $light;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Post content
|
||||||
|
.page-content {
|
||||||
|
padding-top: 8px;
|
||||||
|
|
||||||
|
iframe {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
figure {
|
||||||
|
img {
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
figcaption {
|
||||||
|
margin-top: 5px;
|
||||||
|
font-style: italic;
|
||||||
|
font-size: $small-font-size;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $text-link-blue;
|
||||||
|
text-decoration: none;
|
||||||
|
&[target="_blank"]::after {
|
||||||
|
content: " \2197";
|
||||||
|
font-size: $small-font-size;
|
||||||
|
line-height: 0;
|
||||||
|
position: relative;
|
||||||
|
bottom: 5px;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: $text-link-blue-active;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
color: $text-link-blue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> p {
|
||||||
|
margin: 0;
|
||||||
|
padding-top: $spacing-full - 15;
|
||||||
|
padding-bottom: $spacing-full - 15;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.task-list {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
li::before {
|
||||||
|
content: "";
|
||||||
|
}
|
||||||
|
|
||||||
|
li input[type="checkbox"] {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
dl dt {
|
||||||
|
font-weight: $bold-weight;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
color: $black;
|
||||||
|
font-weight: $bold-weight;
|
||||||
|
margin-top: $spacing-full;
|
||||||
|
margin-bottom: 0;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
.anchor-head {
|
||||||
|
color: $text-link-blue;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.anchor-head {
|
||||||
|
position: relative;
|
||||||
|
opacity: 0;
|
||||||
|
outline: none;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: "#";
|
||||||
|
position: absolute;
|
||||||
|
right: -3px;
|
||||||
|
width: 1em;
|
||||||
|
font-weight: $bold-weight;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
@include relative-font-size(1.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
@include relative-font-size(1.375);
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
@include relative-font-size(1.25);
|
||||||
|
border-bottom: 1px solid $light;
|
||||||
|
padding-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
@include relative-font-size(1.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
@include relative-font-size(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
h6 {
|
||||||
|
@include relative-font-size(0.875);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-nav {
|
||||||
|
display: flex;
|
||||||
|
position: relative;
|
||||||
|
margin-top: 5em;
|
||||||
|
border-top: 1px solid $light;
|
||||||
|
line-height: 1.4;
|
||||||
|
|
||||||
|
.post-nav-item {
|
||||||
|
border-bottom: 0;
|
||||||
|
font-weight: $bold-weight;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
|
||||||
|
.post-title {
|
||||||
|
color: $black;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
.post-title {
|
||||||
|
color: $text-link-blue-active;
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-arrow {
|
||||||
|
font-weight: $normal-weight;
|
||||||
|
font-size: $small-font-size;
|
||||||
|
color: $gray;
|
||||||
|
margin-bottom: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
width: 50%;
|
||||||
|
padding-top: 10px;
|
||||||
|
text-decoration: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
&:nth-child(odd) {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(even) {
|
||||||
|
text-align: right;
|
||||||
|
padding-right: 0;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include media-query($on-mobile) {
|
||||||
|
display: block;
|
||||||
|
font-size: $small-font-size;
|
||||||
|
|
||||||
|
.post-nav-item {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-nav-item:nth-child(even) {
|
||||||
|
border-left: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
border-top: 1px solid $light;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-updated-at {
|
||||||
|
font-family: "Ubuntu mono", "monospace";
|
||||||
|
}
|
||||||
185
_sass/klise/_syntax.scss
Normal file
185
_sass/klise/_syntax.scss
Normal file
|
|
@ -0,0 +1,185 @@
|
||||||
|
// Code
|
||||||
|
code {
|
||||||
|
font-family: $mono-family;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
font-feature-settings: "calt" 1;
|
||||||
|
font-variant-ligatures: normal;
|
||||||
|
white-space: pre;
|
||||||
|
word-spacing: normal;
|
||||||
|
word-break: normal;
|
||||||
|
word-wrap: normal;
|
||||||
|
font-size: inherit;
|
||||||
|
|
||||||
|
&.highlighter-rouge {
|
||||||
|
padding: 1px 3px;
|
||||||
|
position: relative;
|
||||||
|
top: -1px;
|
||||||
|
background-color: #f6f6f6;
|
||||||
|
border-radius: 2px;
|
||||||
|
border: 1px solid rgba(128,128,128,0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Codeblock Theme
|
||||||
|
pre.highlight, pre {
|
||||||
|
margin: 0 -27px;
|
||||||
|
@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;
|
||||||
|
display: block;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight table td {
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight table pre {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight,
|
||||||
|
.highlight .w {
|
||||||
|
color: #fbf1c7;
|
||||||
|
// background-color: #1a1b21;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .err {
|
||||||
|
color: #fb4934;
|
||||||
|
// background-color: #1a1b21;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .c,
|
||||||
|
.highlight .cd,
|
||||||
|
.highlight .cm,
|
||||||
|
.highlight .c1,
|
||||||
|
.highlight .cs {
|
||||||
|
color: #928374;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .cp {
|
||||||
|
color: #8ec07c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .nt {
|
||||||
|
color: #fb4934;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .o,
|
||||||
|
.highlight .ow {
|
||||||
|
color: #fbf1c7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .p,
|
||||||
|
.highlight .pi {
|
||||||
|
color: #fbf1c7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .gi {
|
||||||
|
color: #b8bb26;
|
||||||
|
background-color: #282828;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .gd {
|
||||||
|
color: #fb4934;
|
||||||
|
background-color: #282828;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .gh {
|
||||||
|
color: #b8bb26;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .k,
|
||||||
|
.highlight .kn,
|
||||||
|
.highlight .kp,
|
||||||
|
.highlight .kr,
|
||||||
|
.highlight .kv {
|
||||||
|
color: #fb4934;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .kc {
|
||||||
|
color: #d3869b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .kt {
|
||||||
|
color: #fabd2f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .kd {
|
||||||
|
color: #fe8019;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .s,
|
||||||
|
.highlight .sb,
|
||||||
|
.highlight .sc,
|
||||||
|
.highlight .sd,
|
||||||
|
.highlight .s2,
|
||||||
|
.highlight .sh,
|
||||||
|
.highlight .sx,
|
||||||
|
.highlight .s1 {
|
||||||
|
color: #b8bb26;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .si {
|
||||||
|
color: #b8bb26;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .sr {
|
||||||
|
color: #b8bb26;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .se {
|
||||||
|
color: #fe8019;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .nn {
|
||||||
|
color: #8ec07c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .nc {
|
||||||
|
color: #8ec07c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .no {
|
||||||
|
color: #d3869b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .na {
|
||||||
|
color: #b8bb26;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .m,
|
||||||
|
.highlight .mf,
|
||||||
|
.highlight .mh,
|
||||||
|
.highlight .mi,
|
||||||
|
.highlight .il,
|
||||||
|
.highlight .mo,
|
||||||
|
.highlight .mb,
|
||||||
|
.highlight .mx {
|
||||||
|
color: #d3869b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .ss {
|
||||||
|
color: #83a598;
|
||||||
|
}
|
||||||
63
_sass/main.scss
Normal file
63
_sass/main.scss
Normal file
|
|
@ -0,0 +1,63 @@
|
||||||
|
// Fonts preferences
|
||||||
|
$sans-family: Roboto, sans-serif;
|
||||||
|
$mono-family: Consolas, monospace;
|
||||||
|
$base-font-size: 16px;
|
||||||
|
$medium-font-size: $base-font-size * 0.938;
|
||||||
|
$small-font-size: $base-font-size * 0.875;
|
||||||
|
$base-line-height: 1.85;
|
||||||
|
|
||||||
|
// Font weight
|
||||||
|
// $light-weight: 300; // uncomment if necessary
|
||||||
|
$normal-weight: 400;
|
||||||
|
$bold-weight: 700;
|
||||||
|
// $black-weight: 900; // uncomment if necessary
|
||||||
|
|
||||||
|
//Light Colors
|
||||||
|
$text-base-color: #434648;
|
||||||
|
$text-link-blue: #003fff;
|
||||||
|
$text-link-blue-active: #0036c7;
|
||||||
|
|
||||||
|
$black: #0d122b;
|
||||||
|
$light: #ececec;
|
||||||
|
$smoke: #d2c7c7;
|
||||||
|
$gray: #6b7886;
|
||||||
|
$white: #fff;
|
||||||
|
|
||||||
|
// Dark Colors
|
||||||
|
$dark-text-base-color: #c7bebe;
|
||||||
|
$dark-text-link-blue: #ff5277;
|
||||||
|
$dark-text-link-blue-active: #ff2957;
|
||||||
|
|
||||||
|
$dark-black: #131418;
|
||||||
|
$dark-white: #eaeaea;
|
||||||
|
$dark-light: #1b1d25;
|
||||||
|
$dark-smoke: #4a4d56;
|
||||||
|
$dark-gray: #767f87;
|
||||||
|
|
||||||
|
// Width of the content area
|
||||||
|
$wide-size: 890px;
|
||||||
|
$narrow-size: 720px;
|
||||||
|
|
||||||
|
// Padding unit
|
||||||
|
$spacing-full: 30px;
|
||||||
|
$spacing-half: $spacing-full / 2;
|
||||||
|
|
||||||
|
// State of devices
|
||||||
|
$on-mobile: 768px;
|
||||||
|
$on-tablet: 769px;
|
||||||
|
$on-desktop: 1024px;
|
||||||
|
$on-widescreen: 1152px;
|
||||||
|
|
||||||
|
@mixin media-query($device) {
|
||||||
|
@media screen and (max-width: $device) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin relative-font-size($ratio) {
|
||||||
|
font-size: $base-font-size * $ratio;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Import sass files
|
||||||
|
@import "klise/fonts", "klise/base", "klise/layout", "klise/post",
|
||||||
|
"klise/miscellaneous", "klise/syntax", "klise/dark";
|
||||||
18
about.md
Normal file
18
about.md
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
---
|
||||||
|
title: Colophon
|
||||||
|
permalink: /about/
|
||||||
|
layout: page
|
||||||
|
excerpt: Hello peeps, I'm student of computer science from Banyuwangi, living in Jogjakarta. This blog for documentation about my programming journey, running on jekyll, hosting on netlify and using my own simple theme.
|
||||||
|
comments: false
|
||||||
|
---
|
||||||
|
|
||||||
|
He's a student from Banyuwangi, living in Jogjakarta. the blog for documentation about his programming 🎒 journey, running on jekyll, hosting on [now.sh](http://now.sh) and using his own theme, he name it <a href="https://github.com/piharpi/jekyll-klise" target="_blank" rel="noopener">klisé</a>, he also loves to learning web technology; but he often forgot, that a reason why him doing the writing.
|
||||||
|
|
||||||
|
If you have a question about him or else, just send a letter to him.
|
||||||
|
|
||||||
|
You can [report](http://github.com/piharpi/jekyll-klise/issues/new) if there is an broken link(s) or somethings else.
|
||||||
|
|
||||||
|
**may u needs ✨**
|
||||||
|
|
||||||
|
- {{ site.author.email }}
|
||||||
|
- github.com/{{ site.author.github }}
|
||||||
29
archive.html
Normal file
29
archive.html
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
---
|
||||||
|
title: Archive
|
||||||
|
permalink: /archive/
|
||||||
|
layout: page
|
||||||
|
excerpt: All post.
|
||||||
|
comments: false
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="search-article">
|
||||||
|
<label for="search-input" aria-hidden="true">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="rgba(128,128,128,0.8)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
|
||||||
|
</label>
|
||||||
|
<input type="search" id="search-input" placeholder="Find some articles here" aria-label="Search">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul id="search-results"></ul>
|
||||||
|
|
||||||
|
{%- for post in site.posts -%}
|
||||||
|
{%- capture current_year -%}{{ post.date | date: "%Y" }}{%- endcapture -%}
|
||||||
|
{%- unless current_year == previous_year -%}
|
||||||
|
<h2>{{ current_year }}</h2>
|
||||||
|
{%- assign previous_year = current_year -%}
|
||||||
|
{%- endunless -%}
|
||||||
|
<article class="post-item">
|
||||||
|
<h3 class="post-item-title">
|
||||||
|
<a href="{{ post.url }}">{{ post.title | escape }}</a>
|
||||||
|
</h3>
|
||||||
|
</article>
|
||||||
|
{%- endfor -%}
|
||||||
4
assets/css/style.scss
Normal file
4
assets/css/style.scss
Normal file
|
|
@ -0,0 +1,4 @@
|
||||||
|
---
|
||||||
|
---
|
||||||
|
|
||||||
|
@import "main";
|
||||||
BIN
assets/favicons/android-chrome-192x192.png
Normal file
BIN
assets/favicons/android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
BIN
assets/favicons/android-chrome-384x384.png
Normal file
BIN
assets/favicons/android-chrome-384x384.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 217 KiB |
BIN
assets/favicons/apple-touch-icon.png
Normal file
BIN
assets/favicons/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
9
assets/favicons/browserconfig.xml
Normal file
9
assets/favicons/browserconfig.xml
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<browserconfig>
|
||||||
|
<msapplication>
|
||||||
|
<tile>
|
||||||
|
<square150x150logo src="/mstile-150x150.png"/>
|
||||||
|
<TileColor>#603cba</TileColor>
|
||||||
|
</tile>
|
||||||
|
</msapplication>
|
||||||
|
</browserconfig>
|
||||||
BIN
assets/favicons/favicon-16x16.png
Normal file
BIN
assets/favicons/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
assets/favicons/favicon-32x32.png
Normal file
BIN
assets/favicons/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
assets/favicons/favicon.ico
Normal file
BIN
assets/favicons/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
assets/favicons/mstile-150x150.png
Normal file
BIN
assets/favicons/mstile-150x150.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
25
assets/favicons/safari-pinned-tab.svg
Normal file
25
assets/favicons/safari-pinned-tab.svg
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
<?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>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
19
assets/favicons/site.webmanifest
Normal file
19
assets/favicons/site.webmanifest
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
{
|
||||||
|
"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"
|
||||||
|
}
|
||||||
BIN
assets/img/avatar.jpg
Normal file
BIN
assets/img/avatar.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
assets/img/ogp.png
Normal file
BIN
assets/img/ogp.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
assets/img/saweria-button.png
Normal file
BIN
assets/img/saweria-button.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
1
assets/js/disqus.js
Normal file
1
assets/js/disqus.js
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
!function(t,e,n){"use strict";var o=function(t,e){var n,o;return function(){var i=this,r=arguments,d=+new Date;n&&d<n+t?(clearTimeout(o),o=setTimeout(function(){n=d,e.apply(i,r)},t)):(n=d,e.apply(i,r))}},i=!1,r=!1,d=!1,s=!1,a="unloaded",u=!1,l=function(){if(!u||!e.body.contains(u)||"loaded"==u.disqusLoaderStatus)return!0;var n,o,i=t.pageYOffset,l=(n=u,o=n.getBoundingClientRect(),{top:o.top+e.body.scrollTop,left:o.left+e.body.scrollLeft}).top;if(l-i>t.innerHeight*r||i-l-u.offsetHeight-t.innerHeight*r>0)return!0;var c,f,p,y=e.getElementById("disqus_thread");y&&y.removeAttribute("id"),u.setAttribute("id","disqus_thread"),u.disqusLoaderStatus="loaded","loaded"==a?DISQUS.reset({reload:!0,config:d}):(t.disqus_config=d,"unloaded"==a&&(a="loading",c=s,f=function(){a="loaded"},(p=e.createElement("script")).src=c,p.async=!0,p.setAttribute("data-timestamp",+new Date),p.addEventListener("load",function(){"function"==typeof f&&f()}),(e.head||e.body).appendChild(p)))};t.addEventListener("scroll",o(i,l)),t.addEventListener("resize",o(i,l)),t.disqusLoader=function(t,n){n=function(t,e){var n,o={};for(n in t)Object.prototype.hasOwnProperty.call(t,n)&&(o[n]=t[n]);for(n in e)Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}({laziness:1,throttle:250,scriptUrl:!1,disqusConfig:!1},n),r=n.laziness+1,i=n.throttle,d=n.disqusConfig,s=!1===s?n.scriptUrl:s,(u="string"==typeof t?e.querySelector(t):"number"==typeof t.length?t[0]:t)&&(u.disqusLoaderStatus="unloaded"),l()}}(window,document);
|
||||||
1
assets/js/galite.js
Normal file
1
assets/js/galite.js
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
(function(b,l,e,g,h,f){1!==parseInt(e.msDoNotTrack||b.doNotTrack||e.doNotTrack,10)&&b.addEventListener("load",function(){var r=(new Date).getTime();b.galite=b.galite||{};var m=new XMLHttpRequest,n="https://www.google-analytics.com/collect?cid="+(l.uid=l.uid||Math.random()+"."+Math.random())+"&v=1&tid="+galite.UA+"&dl="+f(h.location.href)+"&ul=en-us&de=UTF-8",a=function(b){var d="",c;for(c in b){if(void 0===b[c])return!1;d+=f(b[c])}return d},p={dt:[h.title],sd:[g.colorDepth,"-bit"],sr:[g.availHeight,"x",g.availWidth],vp:[innerWidth,"x",innerHeight],dr:[h.referrer]},k;for(k in p){var q=k+"="+a(p[k]);q&&(n+="&"+q)}a=function(b,d){var c="",a;for(a in d)c+="&"+a+"="+f(d[a]);return function(){var a=n+c+(galite.anonymizeIp?"&aip=1":"")+"&t="+f(b)+"&z="+(new Date).getTime();if(e.sendBeacon)e.sendBeacon(a);else try{m.open("GET",a,!1),m.send()}catch(t){(new Image).src=a}}};setTimeout(a("pageview",null),100);b.addEventListener("unload",a("timing",{utc:"JS Dependencies",utv:"unload",utt:(new Date).getTime()-r}))})})(window,localStorage,navigator,screen,document,encodeURIComponent)
|
||||||
31
assets/js/main.js
Normal file
31
assets/js/main.js
Normal file
|
|
@ -0,0 +1,31 @@
|
||||||
|
(() => {
|
||||||
|
// Theme switch
|
||||||
|
const body = document.body;
|
||||||
|
const lamp = document.getElementById("mode");
|
||||||
|
|
||||||
|
const toggleTheme = (state) => {
|
||||||
|
if (state === "dark") {
|
||||||
|
localStorage.setItem("theme", "light");
|
||||||
|
body.removeAttribute("data-theme");
|
||||||
|
} else if (state === "light") {
|
||||||
|
localStorage.setItem("theme", "dark");
|
||||||
|
body.setAttribute("data-theme", "dark");
|
||||||
|
} else {
|
||||||
|
initTheme(state);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
lamp.addEventListener("click", () =>
|
||||||
|
toggleTheme(localStorage.getItem("theme"))
|
||||||
|
);
|
||||||
|
|
||||||
|
// Blur the content when the menu is open
|
||||||
|
const cbox = document.getElementById("menu-trigger");
|
||||||
|
|
||||||
|
cbox.addEventListener("change", function () {
|
||||||
|
const area = document.querySelector(".wrapper");
|
||||||
|
this.checked
|
||||||
|
? area.classList.add("blurry")
|
||||||
|
: area.classList.remove("blurry");
|
||||||
|
});
|
||||||
|
})();
|
||||||
6
assets/js/search.min.js
vendored
Normal file
6
assets/js/search.min.js
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
/*!
|
||||||
|
* Simple-Jekyll-Search
|
||||||
|
* Copyright 2015-2020, Christian Fei
|
||||||
|
* Licensed under the MIT License.
|
||||||
|
*/
|
||||||
|
!function(){"use strict";var i={compile:function(r){return o.template.replace(o.pattern,function(t,e){var n=o.middleware(e,r[e],o.template);return void 0!==n?n:r[e]||t})},setOptions:function(t){o.pattern=t.pattern||o.pattern,o.template=t.template||o.template,"function"==typeof t.middleware&&(o.middleware=t.middleware)}},o={};o.pattern=/\{(.*?)\}/g,o.template="",o.middleware=function(){};var n=function(t,e){var n=e.length,r=t.length;if(n<r)return!1;if(r===n)return t===e;t:for(var i=0,o=0;i<r;i++){for(var u=t.charCodeAt(i);o<n;)if(e.charCodeAt(o++)===u)continue t;return!1}return!0},e=new function(){this.matches=function(t,e){return n(e.toLowerCase(),t.toLowerCase())}};var r=new function(){this.matches=function(e,t){return!!e&&(e=e.trim().toLowerCase(),(t=t.trim().toLowerCase()).split(" ").filter(function(t){return 0<=e.indexOf(t)}).length===t.split(" ").length)}};var u={put:function(t){if(f(t))return p(t);if(function(t){return Boolean(t)&&"[object Array]"===Object.prototype.toString.call(t)}(t))return function(t){var e=[];l();for(var n=0,r=t.length;n<r;n++)f(t[n])&&e.push(p(t[n]));return e}(t);return undefined},clear:l,search:function(t){return t?function(t,e,n,r){for(var i=[],o=0;o<t.length&&i.length<r.limit;o++){var u=function(t,e,n,r){for(var i in t)if(!function(t,e){for(var n=!1,r=0,i=(e=e||[]).length;r<i;r++){var o=e[r];!n&&new RegExp(t).test(o)&&(n=!0)}return n}(t[i],r.exclude)&&n.matches(t[i],e))return t}(t[o],e,n,r);u&&i.push(u)}return i}(s,t,c.searchStrategy,c).sort(c.sort):[]},setOptions:function(t){(c=t||{}).fuzzy=t.fuzzy||!1,c.limit=t.limit||10,c.searchStrategy=t.fuzzy?e:r,c.sort=t.sort||a}};function a(){return 0}var s=[],c={};function l(){return s.length=0,s}function f(t){return Boolean(t)&&"[object Object]"===Object.prototype.toString.call(t)}function p(t){return s.push(t),s}c.fuzzy=!1,c.limit=10,c.searchStrategy=c.fuzzy?e:r,c.sort=a;var d={load:function(t,e){var n=window.XMLHttpRequest?new window.XMLHttpRequest:new ActiveXObject("Microsoft.XMLHTTP");n.open("GET",t,!0),n.onreadystatechange=function(e,n){return function(){if(4===e.readyState&&200===e.status)try{n(null,JSON.parse(e.responseText))}catch(t){n(t,null)}}}(n,e),n.send()}};var h={merge:function(t,e){var n={};for(var r in t)n[r]=t[r],"undefined"!=typeof e[r]&&(n[r]=e[r]);return n},isJSON:function(t){try{return t instanceof Object&&JSON.parse(JSON.stringify(t))?!0:!1}catch(e){return!1}}};var t,m,v,w;function y(t){u.put(t),m.searchInput.addEventListener("input",function(t){-1===[13,16,20,37,38,39,40,91].indexOf(t.which)&&(g(),z(t.target.value))})}function g(){m.resultsContainer.innerHTML=""}function O(t){m.resultsContainer.innerHTML+=t}function z(t){var e;(e=t)&&0<e.length&&(g(),function(t,e){var n=t.length;if(0===n)return O(m.noResultsText);for(var r=0;r<n;r++)t[r].query=e,O(i.compile(t[r]))}(u.search(t),t))}function S(t){throw new Error("SimpleJekyllSearch --- "+t)}t=window,m={searchInput:null,resultsContainer:null,json:[],success:Function.prototype,searchResultTemplate:'<li><a href="{url}" title="{description}">{title}</a></li>',templateMiddleware:Function.prototype,sortMiddleware:function(){return 0},noResultsText:"No results found",limit:10,fuzzy:!1,exclude:[]},w=function j(t){if(!((e=t)&&"undefined"!=typeof e.required&&e.required instanceof Array))throw new Error("-- OptionsValidator: required options missing");var e;if(!(this instanceof j))return new j(t);var r=t.required;this.getRequiredOptions=function(){return r},this.validate=function(e){var n=[];return r.forEach(function(t){"undefined"==typeof e[t]&&n.push(t)}),n}}({required:v=["searchInput","resultsContainer","json"]}),t.SimpleJekyllSearch=function(t){var n;0<w.validate(t).length&&S("You must specify the following required options: "+v),m=h.merge(m,t),i.setOptions({template:m.searchResultTemplate,middleware:m.templateMiddleware}),u.setOptions({fuzzy:m.fuzzy,limit:m.limit,sort:m.sortMiddleware}),h.isJSON(m.json)?y(m.json):(n=m.json,d.load(n,function(t,e){t&&S("failed to get JSON ("+n+")"),y(e)}));var e={search:z};return"function"==typeof m.success&&m.success.call(e),e}}();
|
||||||
15
assets/search.json
Normal file
15
assets/search.json
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
---
|
||||||
|
layout: none
|
||||||
|
---
|
||||||
|
|
||||||
|
[
|
||||||
|
{% for post in site.posts %}
|
||||||
|
{
|
||||||
|
"title" : "{{ post.title | escape }}",
|
||||||
|
"description" : "{{ post.description | escape }}",
|
||||||
|
"tags" : "{{ post.tags | join: ', ' }}",
|
||||||
|
"url" : "{{ site.baseurl }}{{ post.url }}",
|
||||||
|
"date" : "{{ post.date }}"
|
||||||
|
} {% unless forloop.last %},{% endunless %}
|
||||||
|
{% endfor %}
|
||||||
|
]
|
||||||
9
browserconfig.xml
Normal file
9
browserconfig.xml
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<browserconfig>
|
||||||
|
<msapplication>
|
||||||
|
<tile>
|
||||||
|
<square150x150logo src="/assets/favicons/mstile-150x150.png"/>
|
||||||
|
<TileColor>#2c2c2c</TileColor>
|
||||||
|
</tile>
|
||||||
|
</msapplication>
|
||||||
|
</browserconfig>
|
||||||
3
index.md
Normal file
3
index.md
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
---
|
||||||
|
layout: home
|
||||||
|
---
|
||||||
BIN
lighthouse.png
Normal file
BIN
lighthouse.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
7
now.json
Normal file
7
now.json
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
{
|
||||||
|
"version": 2,
|
||||||
|
"routes": [
|
||||||
|
{ "handle": "filesystem" },
|
||||||
|
{ "src": "/.*", "status": 404, "dest": "404.html" }
|
||||||
|
]
|
||||||
|
}
|
||||||
27
tags.html
Normal file
27
tags.html
Normal file
|
|
@ -0,0 +1,27 @@
|
||||||
|
---
|
||||||
|
title: Tags
|
||||||
|
permalink: /tags/
|
||||||
|
layout: page
|
||||||
|
excerpt: Sorted article by tags.
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="archive-tags">
|
||||||
|
<a class="tag-item" href="#">all</a>
|
||||||
|
{%- for tag in site.tags -%}
|
||||||
|
{% capture name %}{{ tag | first }}{% endcapture %}
|
||||||
|
<a class="tag-item" href="#{{name}}">{{ name }}</a>
|
||||||
|
{%- endfor -%}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{%- for tag in site.tags -%}
|
||||||
|
{%- capture name -%}{{ tag | first }}{%- endcapture -%}
|
||||||
|
<h2 id="{{ name }}">{{ name | upcase }}</h2>
|
||||||
|
{%- for post in site.tags[name] -%}
|
||||||
|
<article class="post-item" id="results-container">
|
||||||
|
<span class="post-item-date">{{ post.date | date: "%b %d, %Y" }}</span>
|
||||||
|
<h3 class="post-item-title">
|
||||||
|
<a href="{{ post.url }}">{{ post.title | escape }}</a>
|
||||||
|
</h3>
|
||||||
|
</article>
|
||||||
|
{%- endfor -%}
|
||||||
|
{%- endfor -%}
|
||||||
13
thanks.md
Normal file
13
thanks.md
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
---
|
||||||
|
title: Acknowledgment
|
||||||
|
permalink: /thanks/
|
||||||
|
layout: page
|
||||||
|
excerpt: Thanks to amazing people that i met, who help me out from follishness, connecting me with another good person, giving some advice when i'm at a bad things, pulling me from ordinary to be great.
|
||||||
|
comments: false
|
||||||
|
---
|
||||||
|
|
||||||
|
Thanks to amazing people that i met, who help me out from follishness, connecting me with another good person, giving some advice when i'm at a bad things, pulling me from ordinary to be great.
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
Hopefully the knowledge that I got from them can be useful, and become a charity for them, Aamiin.
|
||||||
Loading…
Add table
Reference in a new issue