initial commit

This commit is contained in:
Sam Hadow 2024-02-26 13:16:37 +01:00
commit cd37997635
16 changed files with 944 additions and 0 deletions

5
.gitignore vendored Normal file
View File

@ -0,0 +1,5 @@
.jekyll-cache/
_site/
assets/
Gemfile.lock
*.backup

37
Gemfile Normal file
View 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
View 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
View File

@ -0,0 +1 @@
<p><small>Powered by <a href="https://jekyllrb.com/">Jekyll</a> &mdash; 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>

View File

@ -0,0 +1 @@

View 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 }}&nbsp;{{ platform.name }}</a>
{%- unless forloop.last %}<span style="margin-left: 6px;"></span>{% endunless %}</nobr>
{%- endfor %}
</div>

19
_includes/sidebar.html Normal file
View 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 }}&nbsp;{{ platform.name }}</a></li>
<p>{{ platform.description | default: null }}</p>
{%- endfor %}
</ul>
</div>

65
_layouts/default.html Normal file
View 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"/>&nbsp;{{ 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
View 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
View 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
View 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');
}

View 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
View 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
View 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
View 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
View 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.