initial commit
This commit is contained in:
commit
cd37997635
5
.gitignore
vendored
Normal file
5
.gitignore
vendored
Normal file
@ -0,0 +1,5 @@
|
||||
.jekyll-cache/
|
||||
_site/
|
||||
assets/
|
||||
Gemfile.lock
|
||||
*.backup
|
37
Gemfile
Normal file
37
Gemfile
Normal file
@ -0,0 +1,37 @@
|
||||
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.3.2"
|
||||
# This is the default theme for new Jekyll sites. You may change this to anything you like.
|
||||
gem "minima", "~> 2.5"
|
||||
# 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.12"
|
||||
end
|
||||
|
||||
# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
|
||||
# and associated library.
|
||||
platforms :mingw, :x64_mingw, :mswin, :jruby do
|
||||
gem "tzinfo", ">= 1", "< 3"
|
||||
gem "tzinfo-data"
|
||||
end
|
||||
|
||||
# Performance-booster for watching directories on Windows
|
||||
gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin]
|
||||
|
||||
# Lock `http_parser.rb` gem to `v0.6.x` on JRuby builds since newer versions of the gem
|
||||
# do not have a Java counterpart.
|
||||
gem "http_parser.rb", "~> 0.6.0", :platforms => [:jruby]
|
||||
|
||||
#sitemap + icons
|
||||
gem "jekyll-sitemap"
|
||||
gem "jemoji"
|
30
_config.yml
Normal file
30
_config.yml
Normal file
@ -0,0 +1,30 @@
|
||||
title: <p id="title"></p>
|
||||
<script>
|
||||
let currenturl = (window.location.hostname);
|
||||
currenturl = currenturl.substring(0,currenturl.lastIndexOf('.'));
|
||||
if (currenturl.lastIndexOf('.') !== -1 ) {
|
||||
currenturl = currenturl.substring(currenturl.lastIndexOf('.')+1);
|
||||
}
|
||||
document.getElementById("title").innerHTML = currenturl;
|
||||
</script>
|
||||
logo: /assets/img/logo.jpg
|
||||
email: sam.hadow@inbox.lv
|
||||
description: Please try contacting me through Matrix if you want to use end-to-end encryption
|
||||
show_downloads: false
|
||||
color-scheme: dark
|
||||
plugins:
|
||||
- jekyll-sitemap
|
||||
- jemoji
|
||||
|
||||
sidebar:
|
||||
- name: Matrix.org
|
||||
icon: <img src = "./assets/icons/svg/matrix-org.svg" width="18" height="18" viewBox="0 0 1000 1000" preserveAspectRatio="xMidYMid meet" alt="Matrix logo"/>
|
||||
link: https://matrix.org/
|
||||
description: "@fire:hadow.fr"
|
||||
- name: Gitea
|
||||
icon: <img src = "./assets/icons/svg/github.svg" width="18" height="18" viewBox="0 0 1000 1000" preserveAspectRatio="xMidYMid meet" alt="Github logo"/>
|
||||
link: https://git.hadow.fr/sam.hadow
|
||||
description: git principal
|
||||
- name: GitHub
|
||||
icon: <img src = "./assets/icons/svg/github.svg" width="18" height="18" viewBox="0 0 1000 1000" preserveAspectRatio="xMidYMid meet" alt="Github logo"/>
|
||||
link: https://github.com/fireleviathan
|
1
_includes/footer.html
Normal file
1
_includes/footer.html
Normal file
@ -0,0 +1 @@
|
||||
<p><small>Powered by <a href="https://jekyllrb.com/">Jekyll</a> — Based on a theme from <a href="https://www.bodunhu.com/">BDHU</a>, <a href="https://pixabay.com/photos/gentoo-penguin-penguin-calgary-zoo-1502922/">logo credits</a></small></p>
|
1
_includes/head-custom.html
Normal file
1
_includes/head-custom.html
Normal file
@ -0,0 +1 @@
|
||||
|
16
_includes/links-mobile.html
Normal file
16
_includes/links-mobile.html
Normal file
@ -0,0 +1,16 @@
|
||||
<div class="link-wrapper-mobile" id="link-wrapper-mobile">
|
||||
<style scoped>
|
||||
#link-wrapper-mobile a {
|
||||
color:var(--clr-h1-and-bold);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#link-wrapper-mobile a:hover, a:focus {
|
||||
color: var(--clr-a-text-hvr);
|
||||
}
|
||||
</style>
|
||||
{%- for platform in site.sidebar %}
|
||||
<nobr><a href="{{ platform.link }}" rel="me">{{ platform.icon }} {{ platform.name }}</a>
|
||||
{%- unless forloop.last %}<span style="margin-left: 6px;"></span>{% endunless %}</nobr>
|
||||
{%- endfor %}
|
||||
</div>
|
19
_includes/sidebar.html
Normal file
19
_includes/sidebar.html
Normal file
@ -0,0 +1,19 @@
|
||||
<div class="link-wrapper">
|
||||
<style scoped>
|
||||
ul.link a {
|
||||
color:var(--clr-h1-and-bold);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
ul.link a:hover, a:focus {
|
||||
color: var(--clr-a-text-hvr);
|
||||
}
|
||||
</style>
|
||||
<ul class="link">
|
||||
{%- for platform in site.sidebar %}
|
||||
<!-- <li><a href="{{ platform.link }}"><i class="{{ platform.icon }}"></i> {{ platform.name }}</a></li> -->
|
||||
<li><a href="{{ platform.link }}">{{ platform.icon }} {{ platform.name }}</a></li>
|
||||
<p>{{ platform.description | default: null }}</p>
|
||||
{%- endfor %}
|
||||
</ul>
|
||||
</div>
|
65
_layouts/default.html
Normal file
65
_layouts/default.html
Normal file
@ -0,0 +1,65 @@
|
||||
{% case site.color-scheme %}
|
||||
{% when "", nil, false, 0, empty %}
|
||||
{% assign ColorScheme = "auto" %}
|
||||
{% else %}
|
||||
{% assign ColorScheme = site.color-scheme %}
|
||||
{% endcase %}
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ site.lang | default: "en-US" }}">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="{{ "/assets/css/colors-ColorScheme.css?v=" | replace: "ColorScheme", ColorScheme | append: site.build_revision | relative_url }}">
|
||||
<link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.build_revision | relative_url }}">
|
||||
|
||||
<link rel="preload" href="{{site.logo | relative_url}}" as="image">
|
||||
{% include head-custom.html %}
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<div class="sidebar">
|
||||
<header>
|
||||
{% if site.logo %}
|
||||
<img class="img-circle" src="{{site.logo | relative_url}}" alt="Logo">
|
||||
{% endif %}
|
||||
|
||||
{% if site.blank_title %}
|
||||
<h1>{{ site.title | default: null }}</h1>
|
||||
{% else %}
|
||||
<h1><a href="{{ "/" | absolute_url }}">{{ site.title | default: null }}</a></h1>
|
||||
{% endif %}
|
||||
|
||||
{% if site.email %}
|
||||
<p class="addr"><img src = "../assets/icons/svg/envelope-square.svg" width="25" height="25" viewBox="0 -5 1000 1000" preserveAspectRatio="xMidYMid meet" alt="mail"/> {{ site.email }}</p>
|
||||
{% endif %}
|
||||
|
||||
<p>{{ site.description | default: null }}</p>
|
||||
|
||||
|
||||
{% include sidebar.html %}
|
||||
|
||||
</header>
|
||||
|
||||
{% include links-mobile.html %}
|
||||
|
||||
<div class="sidebar-footer">
|
||||
{%- include footer.html -%}
|
||||
</div>
|
||||
</div>
|
||||
<section>
|
||||
|
||||
{{ content }}
|
||||
|
||||
</section>
|
||||
<footer>
|
||||
{%- include footer.html -%}
|
||||
</footer>
|
||||
</div>
|
||||
<script src="{{ "/assets/js/scale.fix.js" | relative_url }}"></script>
|
||||
</body>
|
||||
</html>
|
14
_layouts/post.html
Normal file
14
_layouts/post.html
Normal file
@ -0,0 +1,14 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<small>{{ page.date | date: "%-d %B %Y" }}</small>
|
||||
<h1>{{ page.title }}</h1>
|
||||
|
||||
<p class="view">by {{ page.author | default: site.author }}</p>
|
||||
|
||||
{{content}}
|
||||
|
||||
{% if page.tags %}
|
||||
<small>tags: <em>{{ page.tags | join: "</em> - <em>" }}</em></small>
|
||||
{% endif %}
|
124
_sass/colors.scss
Normal file
124
_sass/colors.scss
Normal file
@ -0,0 +1,124 @@
|
||||
/*
|
||||
H -> hue
|
||||
L -> luminosity
|
||||
S -> saturation
|
||||
clr -> color
|
||||
bg -> background
|
||||
hvr -> hover
|
||||
*/
|
||||
|
||||
//colors
|
||||
:root {
|
||||
//red
|
||||
--code-d14: #d14;
|
||||
--code-aa0000: #aa0000;
|
||||
--code-990000: #990000;
|
||||
//cyan
|
||||
--code-009999: #009999;
|
||||
--code-008080: #008080;
|
||||
--code-3c5d5d: #3c5d5d;
|
||||
//green
|
||||
--code-009926: #009926;
|
||||
//pink
|
||||
--code-990073: #990073;
|
||||
--code-800080: #800080;
|
||||
//purple
|
||||
--code-445588: #445588;
|
||||
//blue
|
||||
--code-000080: #000080;
|
||||
//grey
|
||||
--code-aaaaaa: #aaaaaa;
|
||||
--code-999999: #999999;
|
||||
--code-888888: #888888;
|
||||
--code-555555: #555555;
|
||||
}
|
||||
|
||||
@mixin colors {
|
||||
// buttons
|
||||
--L-a-text-hover-change: 0.8;//the number that --L-a-text gets changed by when it is hovered eg a button has 30% luminosity when left it luminosity is then timesed by 0.8 when the button is hovered
|
||||
--clr-a-text: hsl(200, 100%, var(--L-a-text));
|
||||
--clr-a-text-hvr: hsl(200, 100%, calc(var(--L-a-text) * var(--L-a-text-hover-change)));
|
||||
--clr-buttons-main-bg: hsl(0, 0%, var(--L-buttons-main-bg));//the buttons in the main section at the top titled "download zip" "download tarbell" "veiw on github"
|
||||
--clr-buttons-main-border: hsl(0, 0%, var(--L-buttons-main-border));
|
||||
--clr-buttons-main-text: hsl(0, 0%, var(--L-buttons-main-text));
|
||||
--clr-buttons-main-text-hover: hsl(0, 6%, var(--L-buttons-main-text-hover));
|
||||
// headers + text
|
||||
--clr-h1-and-bold: hsl(0, 0%, var(--L-h1-and-bold));
|
||||
--clr-h2: hsl(0, 0%, var(--L-h2));
|
||||
--clr-h-3-6: hsl(0, 0%, var(--L-h-3-6));
|
||||
--clr-text: hsl(0, 0%, var(--L-text));
|
||||
// code blocks
|
||||
--clr-code-text: hsl(0, 0%, var(--L-code-text));
|
||||
--clr-code-bg: hsl(0, 0%, var(--L-code-bg));
|
||||
--clr-code-border: hsl(0, 0%, var(--L-code-border));
|
||||
--clr-code-bold-text: hsl(0, 0%, var(--L-code-bold-text));
|
||||
//kbd these are keyboard shortcuts eg <kbd>CMD+R</kbd>
|
||||
--clr-kbd-bg: hsl(210, 25%, var(--L-kbd-bg));
|
||||
--clr-kbd-border: hsl(212.7, 10.7%, var(--L-kbd-border));
|
||||
--clr-kbd-border-bottom-and-shadow: hsl(210, 8.2%, var(--L-kbd-border-bottom-and-shadow));// akbd elemnts border bottom and its shadow color
|
||||
--clr-kbd-text: hsl(210, 11.7%, var(--L-kbd-text));
|
||||
// miselainies
|
||||
--clr-bg: hsl(0, 0%, var(--L-bg));//the bg of the page
|
||||
--clr-splitter-blockquote-and-section: hsl(0, 0%, var(--L-splitter-blockquote-and-section));//a color for the lines that split tables, appear on the left pf blockquotes and mark new sections
|
||||
--clr-small-in-a: hsl(0, 0%, var(--L-small-in-a));//the color for small elements in a's this color is used on the veiw on github button above the download buttons
|
||||
--clr-table-header-and-dt: hsl(0, 0%, var(--L-table-header-and-dt)); //more info on dt's https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_dd_test
|
||||
}
|
||||
|
||||
@mixin light-colors {
|
||||
// buttons
|
||||
--L-a-text: 35%;
|
||||
--L-buttons-main-bg: 96%;
|
||||
--L-buttons-main-border: 88%;
|
||||
--L-buttons-main-text: 40%;
|
||||
--L-buttons-main-text-hover: 38%;
|
||||
// headers + text
|
||||
--L-h1-and-bold: 13%;
|
||||
--L-h2: 22%;
|
||||
--L-h-3-6: 29%;
|
||||
--L-text-bold: 36%;
|
||||
--L-text: 45%;
|
||||
// code blocks
|
||||
--L-code-text: 20%;
|
||||
--L-code-bg: 97%;
|
||||
--L-code-border: 90%;
|
||||
--L-code-bold-text: 0%;
|
||||
//kbd these are keyboard shortcuts eg <kbd>CMD+R</kbd>
|
||||
--L-kbd-bg: 98%;
|
||||
--L-kbd-border: 80%;
|
||||
--L-kbd-border-bottom-and-shadow: 62%;
|
||||
--L-kbd-text: 30%;
|
||||
// misilainius
|
||||
--L-bg: 100%;
|
||||
--L-splitter-blockquote-and-section: 90%;//for elements like hr + blockquote
|
||||
--L-small-in-a: 47%;
|
||||
--L-table-header-and-dt: 27%; //more on dt's https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_dd_test
|
||||
}
|
||||
|
||||
@mixin dark-colors {
|
||||
// buttons
|
||||
--L-a-text: 60%;
|
||||
--L-buttons-main-bg: 17%;
|
||||
--L-buttons-main-border: 26%;
|
||||
--L-buttons-main-text: 76%;
|
||||
--L-buttons-main-text-hover: 80%;
|
||||
// headers + text
|
||||
--L-h1-and-bold: 90%;
|
||||
--L-h2: 83%;
|
||||
--L-h-3-6: 76%;
|
||||
--L-text: 70%;
|
||||
// code blocks
|
||||
--L-code-text: 80%;
|
||||
--L-code-bg: 3%;
|
||||
--L-code-border: 5%;
|
||||
--L-code-bold-text: 100%;
|
||||
//kbd these are keyboard shortcuts eg <kbd>CMD+R</kbd>
|
||||
--L-kbd-bg: 30%;
|
||||
--L-kbd-border: 45%;
|
||||
--L-kbd-border-bottom-and-shadow: 55%;
|
||||
--L-kbd-text: 100%;
|
||||
// misilainius
|
||||
--L-splitter-blockquote-and-section: 15%;// for elements like hr and blockquote
|
||||
--L-bg: 10%;
|
||||
--L-small-in-a: 60%;
|
||||
--L-table-header-and-dt: 90%; //more on dt's https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_dd_test
|
||||
}
|
55
_sass/fonts.scss
Normal file
55
_sass/fonts.scss
Normal file
@ -0,0 +1,55 @@
|
||||
@font-face {
|
||||
font-family: 'Noto Sans';
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
src: url('../fonts/Noto-Sans-regular/Noto-Sans-regular.eot');
|
||||
src: url('../fonts/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix') format('embedded-opentype'),
|
||||
local('Noto Sans'),
|
||||
local('Noto-Sans-regular'),
|
||||
url('../fonts/Noto-Sans-regular/Noto-Sans-regular.woff2') format('woff2'),
|
||||
url('../fonts/Noto-Sans-regular/Noto-Sans-regular.woff') format('woff'),
|
||||
url('../fonts/Noto-Sans-regular/Noto-Sans-regular.ttf') format('truetype'),
|
||||
url('../fonts/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans') format('svg');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Noto Sans';
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
src: url('../fonts/Noto-Sans-700/Noto-Sans-700.eot');
|
||||
src: url('../fonts/Noto-Sans-700/Noto-Sans-700.eot?#iefix') format('embedded-opentype'),
|
||||
local('Noto Sans Bold'),
|
||||
local('Noto-Sans-700'),
|
||||
url('../fonts/Noto-Sans-700/Noto-Sans-700.woff2') format('woff2'),
|
||||
url('../fonts/Noto-Sans-700/Noto-Sans-700.woff') format('woff'),
|
||||
url('../fonts/Noto-Sans-700/Noto-Sans-700.ttf') format('truetype'),
|
||||
url('../fonts/Noto-Sans-700/Noto-Sans-700.svg#NotoSans') format('svg');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Noto Sans';
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
src: url('../fonts/Noto-Sans-italic/Noto-Sans-italic.eot');
|
||||
src: url('../fonts/Noto-Sans-italic/Noto-Sans-italic.eot?#iefix') format('embedded-opentype'),
|
||||
local('Noto Sans Italic'),
|
||||
local('Noto-Sans-italic'),
|
||||
url('../fonts/Noto-Sans-italic/Noto-Sans-italic.woff2') format('woff2'),
|
||||
url('../fonts/Noto-Sans-italic/Noto-Sans-italic.woff') format('woff'),
|
||||
url('../fonts/Noto-Sans-italic/Noto-Sans-italic.ttf') format('truetype'),
|
||||
url('../fonts/Noto-Sans-italic/Noto-Sans-italic.svg#NotoSans') format('svg');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Noto Sans';
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
src: url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot');
|
||||
src: url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot?#iefix') format('embedded-opentype'),
|
||||
local('Noto Sans Bold Italic'),
|
||||
local('Noto-Sans-700italic'),
|
||||
url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2') format('woff2'),
|
||||
url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff') format('woff'),
|
||||
url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf') format('truetype'),
|
||||
url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg#NotoSans') format('svg');
|
||||
}
|
316
_sass/jekyll-theme-minimalist.scss
Normal file
316
_sass/jekyll-theme-minimalist.scss
Normal file
@ -0,0 +1,316 @@
|
||||
@import "fonts";
|
||||
@import "rouge-github";
|
||||
@import "colors";
|
||||
|
||||
body {
|
||||
background-color: var(--clr-bg);
|
||||
padding:50px;
|
||||
font: 15px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
color: var(--clr-text);
|
||||
font-weight:400;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: var(--clr-h1-and-bold);
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
p, ul, ol, table, pre, dl {
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
line-height:1.1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:32px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: var(--clr-h2);
|
||||
}
|
||||
|
||||
h3, h4, h5, h6 {
|
||||
color: var(--clr-h-3-6);
|
||||
}
|
||||
|
||||
a {
|
||||
color:var(--clr-a-text);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a:hover, a:focus {
|
||||
color: var(--clr-a-text-hvr);
|
||||
}
|
||||
|
||||
a small {
|
||||
font-size:11px;
|
||||
color:var(--clr-small-in-a);
|
||||
margin-top:-0.3em;
|
||||
display:block;
|
||||
}
|
||||
|
||||
a:hover small {
|
||||
color:var(--clr-small-in-a);
|
||||
}
|
||||
|
||||
// added
|
||||
p.link {
|
||||
margin:0 0 4px;
|
||||
}
|
||||
|
||||
// added
|
||||
ul.link {
|
||||
list-style-type: none; /* Remove bullets */
|
||||
margin: 0; /* To remove default bottom margin */
|
||||
padding: 0.4px; /* To remove default left padding */
|
||||
}
|
||||
|
||||
ul.link li + li {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
ul.link:last-child {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width:950px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left:1px solid var(--clr-splitter-blockquote-and-section);
|
||||
margin:0;
|
||||
padding:0 0 0 20px;
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
code, pre {
|
||||
font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
|
||||
color: var(--clr-code-text);
|
||||
}
|
||||
|
||||
pre {
|
||||
padding:8px 15px;
|
||||
background: var(--clr-code-bg);
|
||||
border-radius:5px;
|
||||
border:1px solid var(--clr-code-border);
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
table {
|
||||
width:100%;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
th, td {
|
||||
text-align:left;
|
||||
padding:5px 10px;
|
||||
border-bottom:1px solid var(--clr-splitter-blockquote-and-section);
|
||||
}
|
||||
|
||||
dt {
|
||||
color:var(--clr-table-header-and-dt);
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
th {
|
||||
color:var(--clr-table-header-and-dt);
|
||||
}
|
||||
|
||||
img {
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
kbd {
|
||||
background-color: var(--clr-kbd-bg) ;
|
||||
border: 1px solid var(--clr-kbd-border);
|
||||
border-bottom-color: var(--clr-kbd-border-bottom-and-shadow);
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 -1px 0 var(--clr-kbd-border-bottom-and-shadow);
|
||||
color: var(--clr-kbd-text);
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
line-height: 10px;
|
||||
padding: 3px 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
width:250px;
|
||||
float:left;
|
||||
position:fixed;
|
||||
-webkit-font-smoothing:subpixel-antialiased;
|
||||
top: 0;
|
||||
padding: 58px 0 50px 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(100vh - 108px);
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
-ms-overflow-style: -ms-autohiding-scrollbar; // IE10+
|
||||
}
|
||||
|
||||
// Disables the scrollbar in Firefox
|
||||
// HTML-Proofer fails without "@-moz-document url-prefix()"
|
||||
// because scrollbar-width is still experimental in Firefox.
|
||||
@-moz-document url-prefix() {
|
||||
.sidebar {
|
||||
scrollbar-width: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar::-webkit-scrollbar {
|
||||
/* Chrome, Safari, Edge */
|
||||
display: none;
|
||||
}
|
||||
|
||||
strong {
|
||||
color:var(--clr-h1-and-bold);
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
section {
|
||||
width: 610px;
|
||||
float:right;
|
||||
padding-bottom:30px;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border:0;
|
||||
background:var(--clr-splitter-blockquote-and-section);
|
||||
height:1px;
|
||||
width:30%;
|
||||
margin:10px auto 30px;
|
||||
}
|
||||
|
||||
footer, .sidebar-footer {
|
||||
width:185px;
|
||||
float:left;
|
||||
bottom:30px;
|
||||
-webkit-font-smoothing:subpixel-antialiased;
|
||||
}
|
||||
|
||||
footer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sidebar-footer {
|
||||
flex-basis: content;
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 960px) {
|
||||
|
||||
.sidebar {
|
||||
padding: initial;
|
||||
display: initial;
|
||||
height: initial;
|
||||
overflow: initial;
|
||||
}
|
||||
|
||||
footer {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sidebar-footer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.wrapper {
|
||||
width:auto;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.sidebar, section, footer {
|
||||
float:none;
|
||||
position:static;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
header {
|
||||
padding-right:320px;
|
||||
}
|
||||
|
||||
section {
|
||||
border:1px solid var(--clr-splitter-blockquote-and-section);
|
||||
border-width:1px 0;
|
||||
padding:20px 0;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
header a small {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
header ul {
|
||||
position:absolute;
|
||||
right:50px;
|
||||
top:52px;
|
||||
}
|
||||
|
||||
.link-wrapper {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.img-circle {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 720px) {
|
||||
body {
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
header {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
header ul, header p.view {
|
||||
position:static;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
word-wrap:normal;
|
||||
}
|
||||
}
|
||||
|
||||
.link-wrapper-mobile {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
@media print, screen and (min-width: 961px) {
|
||||
.link-wrapper-mobile {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 480px) {
|
||||
body {
|
||||
padding:15px;
|
||||
}
|
||||
|
||||
// header ul {
|
||||
// width:99%;
|
||||
// }
|
||||
|
||||
// header li, header ul li + li + li {
|
||||
// width:33%;
|
||||
// }
|
||||
}
|
||||
|
||||
@media print {
|
||||
body {
|
||||
padding:0.4in;
|
||||
font-size:12pt;
|
||||
color:#444;
|
||||
}
|
||||
}
|
||||
|
4
_sass/minimalist.scss
Normal file
4
_sass/minimalist.scss
Normal file
@ -0,0 +1,4 @@
|
||||
// Placeholder file. If your site uses
|
||||
// @import "{{ site.theme }}";
|
||||
// Then using this theme with jekyll-remote-theme will work fine.
|
||||
@import "jekyll-theme-minimalist";
|
219
_sass/rouge-github.scss
Normal file
219
_sass/rouge-github.scss
Normal file
@ -0,0 +1,219 @@
|
||||
.highlight table td { padding: 5px; }
|
||||
.highlight table pre { margin: 0; }
|
||||
.highlight .cm {
|
||||
color: #999988;
|
||||
font-style: italic;
|
||||
}
|
||||
.highlight .cp {
|
||||
color: #999999;
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .c1 {
|
||||
color: #999988;
|
||||
font-style: italic;
|
||||
}
|
||||
.highlight .cs {
|
||||
color: #999999;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
.highlight .c, .highlight .cd {
|
||||
color: #999988;
|
||||
font-style: italic;
|
||||
}
|
||||
.highlight .err {
|
||||
color: #a61717;
|
||||
background-color: #e3d2d2;
|
||||
}
|
||||
.highlight .gd {
|
||||
// color: #000000;
|
||||
color: var(--clr-code-bold-text);
|
||||
background-color: #ffdddd;
|
||||
}
|
||||
.highlight .ge {
|
||||
// color: #000000;
|
||||
color: var(--clr-code-bold-text);
|
||||
font-style: italic;
|
||||
}
|
||||
.highlight .gr {
|
||||
color: #aa0000;
|
||||
}
|
||||
.highlight .gh {
|
||||
color: #999999;
|
||||
}
|
||||
.highlight .gi {
|
||||
// color: #000000;
|
||||
color: var(--clr-code-bold-text);
|
||||
background-color: #ddffdd;
|
||||
}
|
||||
.highlight .go {
|
||||
color: #888888;
|
||||
}
|
||||
.highlight .gp {
|
||||
color: #555555;
|
||||
}
|
||||
.highlight .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .gu {
|
||||
color: #aaaaaa;
|
||||
}
|
||||
.highlight .gt {
|
||||
color: #aa0000;
|
||||
}
|
||||
.highlight .kc {
|
||||
// color: #000000;
|
||||
color: var(--clr-code-bold-text);
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .kd {
|
||||
// color: #000000;
|
||||
color: var(--clr-code-bold-text);
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .kn {
|
||||
// color: #000000;
|
||||
color: var(--clr-code-bold-text);
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .kp {
|
||||
// color: #000000;
|
||||
color: var(--clr-code-bold-text);
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .kr {
|
||||
// color: #000000;
|
||||
color: var(--clr-code-bold-text);
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .kt {
|
||||
color: #445588;
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .k, .highlight .kv {
|
||||
// color: #000000;
|
||||
color: var(--clr-code-bold-text);
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .mf {
|
||||
color: #009999;
|
||||
}
|
||||
.highlight .mh {
|
||||
color: #009999;
|
||||
}
|
||||
.highlight .il {
|
||||
color: #009999;
|
||||
}
|
||||
.highlight .mi {
|
||||
color: #009999;
|
||||
}
|
||||
.highlight .mo {
|
||||
color: #009999;
|
||||
}
|
||||
.highlight .m, .highlight .mb, .highlight .mx {
|
||||
color: #009999;
|
||||
}
|
||||
.highlight .sb {
|
||||
color: #d14;
|
||||
}
|
||||
.highlight .sc {
|
||||
color: #d14;
|
||||
}
|
||||
.highlight .sd {
|
||||
color: #d14;
|
||||
}
|
||||
.highlight .s2 {
|
||||
color: #d14;
|
||||
}
|
||||
.highlight .se {
|
||||
color: #d14;
|
||||
}
|
||||
.highlight .sh {
|
||||
color: #d14;
|
||||
}
|
||||
.highlight .si {
|
||||
color: #d14;
|
||||
}
|
||||
.highlight .sx {
|
||||
color: #d14;
|
||||
}
|
||||
.highlight .sr {
|
||||
color: #009926;
|
||||
}
|
||||
.highlight .s1 {
|
||||
color: #d14;
|
||||
}
|
||||
.highlight .ss {
|
||||
color: #990073;
|
||||
}
|
||||
.highlight .s {
|
||||
color: #d14;
|
||||
}
|
||||
.highlight .na {
|
||||
color: #008080;
|
||||
}
|
||||
.highlight .bp {
|
||||
color: #999999;
|
||||
}
|
||||
.highlight .nb {
|
||||
color: #0086B3;
|
||||
}
|
||||
.highlight .nc {
|
||||
color: #445588;
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .no {
|
||||
color: #008080;
|
||||
}
|
||||
.highlight .nd {
|
||||
color: #3c5d5d;
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .ni {
|
||||
color: #800080;
|
||||
}
|
||||
.highlight .ne {
|
||||
color: #990000;
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .nf {
|
||||
color: #990000;
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .nl {
|
||||
color: #990000;
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .nn {
|
||||
color: #555555;
|
||||
}
|
||||
.highlight .nt {
|
||||
color: #000080;
|
||||
}
|
||||
.highlight .vc {
|
||||
color: #008080;
|
||||
}
|
||||
.highlight .vg {
|
||||
color: #008080;
|
||||
}
|
||||
.highlight .vi {
|
||||
color: #008080;
|
||||
}
|
||||
.highlight .nv {
|
||||
color: #008080;
|
||||
}
|
||||
.highlight .ow {
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .o {
|
||||
// color: #000000;
|
||||
color: var(--clr-code-bold-text);
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .w {
|
||||
color: #bbbbbb;
|
||||
}
|
||||
// .highlight {
|
||||
// background-color: #f8f8f8;
|
||||
// }
|
18
faq.md
Normal file
18
faq.md
Normal file
@ -0,0 +1,18 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
# FAQ<br/>
|
||||
|
||||
## Why this nickname?
|
||||
Concise writing of Sam Hadow is shadow (S.Hadow).<br/> I thought it would be a nice, yet not overly present, reference to Aaron Swartz. When he downloaded most of JSTOR articles from the MIT network he used the Identity "Gary Host" (G.Host). May he rest in peace, academic work and information should be freely available, not unfairly restricted.
|
||||
|
||||
## Why is this website in English?
|
||||
Most people understand English even if it's not their native language. English is convenient to share knowledge or opinions, hence my choice.<br/> I believe all knowledge above high school level should be shared in English, apart from literature or specific local history. It would not only help us understand better people from all around the globe but it would also be easier for technical or specific vocabulary. It's always a hassle having to learn how to call something in your own language and then in another language because you need to share your knowledge with someone else.<br/>For example I like Indian food, therefore I picked up spices name through cooking books. But these books were in English, and then I had to learn how we call these spices in my own language. And even now I sometimes have difficulties translating an Indian recipe written in English into French, even if I understand it.<br/><br/> If your English level is awfully bad don't worry, the goal isn't to have a perfect C2 English, it's to make yourself understood. And if you want to improve, I recommend reading or watching content in English as much as possible, the internet is a wonderful place for that. A common mistake is to center your learning on "learning grammar and doing a lot of grammar exercises". While grammar shouldn't be neglected too much, it's tedious and sometimes even demotivating. Furthermore you don't *need* to know every grammar rule to speak somewhat fluently or understand others. For example the average American citizen has a somewhat poor grammar, but it doesn't prevent him from expressing himself.<br/><br/>
|
||||
Here are some useful resources:
|
||||
+ [British Council](https://learnenglish.britishcouncil.org/) if you want an English teacher, or even online classes.
|
||||
+ various websites with news, articles and resources divided in different levels<br/> [1](https://www.newsinlevels.com/) [2](https://learningenglish.voanews.com/) [3](https://newsela.com/)
|
||||
+ [Cambridge dictionary](https://dictionary.cambridge.org/) (Please try to use an English dictionary rather than translations)<br/><br/>
|
||||
|
||||
|
||||
<br/><br/>Copyright (c) 2023 Sam Hadow Verbatim copying and redistribution of this entire page are permitted provided this notice is preserved.
|
20
index.md
Normal file
20
index.md
Normal file
@ -0,0 +1,20 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
|
||||
|
||||
Hello there!<br />
|
||||
I'm Sam Hadow, a free software advocate *(with free as in freedom, libre in Spanish or French)*.
|
||||
<br /><br />
|
||||
website under construction
|
||||
<br /><br />
|
||||
## Available services <br />
|
||||
[nitter](https://nitter.hadow.fr)<br />
|
||||
[gitea](https://git.hadow.fr)
|
||||
<br /><br />
|
||||
[FAQ](./faq.html)
|
||||
<br /><br />
|
||||
![no-facebook](./assets/icons/svg/no-facebook.svg)
|
||||
<br /><br />
|
||||
Copyright (c) 2023 Sam Hadow Verbatim copying and redistribution of this entire page are permitted provided this notice is preserved.
|
Loading…
x
Reference in New Issue
Block a user