804 lines
16 KiB
HTML
804 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="google-translate-customization" content="108d9124921d80c3-80e20d618ff053c8-g4f02ec6f3dba68b7-c">
|
|
<!-- Begin Jekyll SEO tag v2.8.0 -->
|
|
<title>About | Matyáš Caras</title>
|
|
<meta name="generator" content="Jekyll v4.3.1">
|
|
<meta property="og:title" content="About">
|
|
<meta name="author" content="hernikplays">
|
|
<meta property="og:locale" content="en_US">
|
|
<meta name="description" content="Welcome to my website/blog, full of weird stuff written by yours truly.">
|
|
<meta property="og:description" content="Welcome to my website/blog, full of weird stuff written by yours truly.">
|
|
<link rel="canonical" href="https://caras.cafe/about.html">
|
|
<meta property="og:url" content="https://caras.cafe/about.html">
|
|
<meta property="og:site_name" content="Matyáš Caras">
|
|
<meta property="og:type" content="website">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta property="twitter:title" content="About">
|
|
<script type="application/ld+json">
|
|
{"@context":"https://schema.org","@type":"WebPage","author":{"@type":"Person","name":"hernikplays"},"description":"Welcome to my website/blog, full of weird stuff written by yours truly.","headline":"About","url":"https://caras.cafe/about.html"}</script>
|
|
<!-- End Jekyll SEO tag -->
|
|
<link rel="shortcut icon" href="">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/typeface-noto-sans@0.0.72/index.min.css">
|
|
<link rel="stylesheet" href="/assets/css/main.css">
|
|
<script src="/assets/js/main.js"></script><link type="application/atom+xml" rel="alternate" href="https://caras.cafe/feed.xml" title="Matyáš Caras">
|
|
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/styles/default.min.css">
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/highlight.min.js"></script>
|
|
<!-- and it's easy to individually load additional languages -->
|
|
<script charset="UTF-8" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/languages/go.min.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
// Init highlight js
|
|
document.addEventListener('DOMContentLoaded', function(event) {
|
|
var els = document.querySelectorAll('pre code')
|
|
|
|
function addLangData(block) {
|
|
var outer = block.parentElement.parentElement.parentElement;
|
|
var lang = block.getAttribute('data-lang');
|
|
for (var i = 0; i < outer.classList.length; i++) {
|
|
var cls = outer.classList[i];
|
|
if (cls.startsWith('language-')) {
|
|
lang = cls;
|
|
break;
|
|
}
|
|
}
|
|
if (!lang) {
|
|
cls = block.getAttribute('class');
|
|
lang = cls ? cls.replace('hljs ', '') : '';
|
|
}
|
|
if (lang.startsWith('language-')) {
|
|
lang = lang.substr(9);
|
|
}
|
|
block.setAttribute('class', 'hljs ' + lang);
|
|
block.parentNode.setAttribute('data-lang', lang);
|
|
}
|
|
|
|
function addBadge(block) {
|
|
var enabled = ('true' || 'true').toLowerCase();
|
|
if (enabled == 'true') {
|
|
var pre = block.parentElement;
|
|
pre.classList.add('badge');
|
|
}
|
|
}
|
|
|
|
function handle(block) {
|
|
addLangData(block);
|
|
addBadge(block)
|
|
hljs.highlightBlock(block);
|
|
}
|
|
|
|
for (var i = 0; i < els.length; i++) {
|
|
var el = els[i];
|
|
handle(el);
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<style>
|
|
/* code language badge */
|
|
pre.badge::before {
|
|
content: attr(data-lang);
|
|
color: #fff;
|
|
background-color: #ff4e00;
|
|
padding: 0 .5em;
|
|
border-radius: 0 2px;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
min-width: 32px;
|
|
display: inline-block;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
|
|
/* fix wrong badge display for firefox browser */
|
|
code > table pre::before {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<header class="site-header " role="banner">
|
|
|
|
<div class="wrapper">
|
|
<div class="site-header-inner">
|
|
<span class="site-brand"><a class="site-brand-inner" rel="author" href="/">
|
|
<img class="site-favicon" title="Matyáš Caras" src="" onerror="this.style.display='none'">
|
|
Matyáš Caras
|
|
</a>
|
|
</span><nav class="site-nav">
|
|
<input type="checkbox" id="nav-trigger" class="nav-trigger">
|
|
<label for="nav-trigger">
|
|
<span class="menu-icon">
|
|
<svg viewbox="0 0 18 15" width="18px" height="15px">
|
|
<path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"></path>
|
|
</svg>
|
|
</span>
|
|
</label>
|
|
|
|
<div class="trigger">
|
|
<a class="page-link" href="/about.html">ABOUT</a><a class="page-link" href="/archives.html">ARCHIVES</a><a class="page-link" href="/categories.html">CATEGORIES</a><a class="page-link" href="/">HOME</a><a class="page-link" href="/tags.html">TAGS</a>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<script>
|
|
function initHeader() {
|
|
var lastScrollY = getScrollPos().y;
|
|
var documentElement = document.documentElement;
|
|
|
|
function storeScrollData() {
|
|
var y = getScrollPos().y;var scrollStatus = "";
|
|
|
|
if (y <= 0) {
|
|
scrollStatus = "top";
|
|
} else if ((window.innerHeight + y) >= document.body.offsetHeight) {
|
|
scrollStatus = "bottom";
|
|
} else {
|
|
var isScrollDown = (y - lastScrollY > 0) ? true : false;
|
|
scrollStatus = isScrollDown ? "down" : "up";
|
|
}
|
|
|
|
lastScrollY = y;
|
|
documentElement.setAttribute("data-scroll-status", scrollStatus);
|
|
}
|
|
|
|
window.addEventListener('scroll', function(e) {
|
|
storeScrollData();
|
|
});
|
|
|
|
storeScrollData();
|
|
}
|
|
document.addEventListener('DOMContentLoaded', initHeader);
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
function hashLocate(hashValue) {
|
|
hashValue = hashValue.replace(/^.*#h-/, '');
|
|
hashValue = decodeURIComponent(hashValue);
|
|
var element = document.getElementById(hashValue);
|
|
|
|
if (!element) {
|
|
return;
|
|
}
|
|
|
|
var header = document.querySelector('header.site-header');
|
|
var headerRect = header.getBoundingClientRect();
|
|
var headerTop = Math.floor(headerRect.top);
|
|
var headerHeight = Math.floor(headerRect.height);
|
|
var scrollPos = getScrollPos();
|
|
var offsetY = element.offsetTop - (headerTop + headerHeight + 20);
|
|
|
|
if (offsetY == scrollPos.y) {
|
|
return;
|
|
}
|
|
|
|
if (headerTop == 0 && offsetY > scrollPos.y) {
|
|
offsetY += headerHeight + 2;
|
|
} else if (headerTop < 0 && offsetY < scrollPos.y) {
|
|
offsetY -= headerHeight - 2;
|
|
}
|
|
|
|
smoothScrollTo(offsetY);
|
|
}
|
|
|
|
// The first event occurred
|
|
window.addEventListener('load', function(event) {
|
|
if (window.location.hash) {
|
|
hashLocate(window.location.hash);
|
|
}
|
|
});
|
|
|
|
// The first event occurred
|
|
window.addEventListener('click', function(event) {
|
|
if (event.target.tagName.toLowerCase() == 'a') {
|
|
hashLocate(event.target.getAttribute('href'));
|
|
}
|
|
});
|
|
</script>
|
|
<div class="theme-toggle">
|
|
<input type="checkbox" id="theme-switch">
|
|
<label for="theme-switch">
|
|
<div class="toggle"></div>
|
|
<div class="names">
|
|
<p class="light">Light</p>
|
|
<p class="dark">Dark</p>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
(function() {
|
|
var sw = document.getElementById('theme-switch');
|
|
var html = document.getElementsByTagName('html')[0];
|
|
var nightModeOption = ('auto' || 'auto').toLowerCase();
|
|
var storage = nightModeOption === 'manual'
|
|
? localStorage
|
|
: sessionStorage;
|
|
var themeData = loadThemeData();
|
|
|
|
function saveThemeData(data) {
|
|
storage.setItem('theme', JSON.stringify(data));
|
|
}
|
|
|
|
function loadThemeData() {
|
|
var data = storage.getItem('theme');
|
|
try {
|
|
data = JSON.parse(data ? data : '');
|
|
} catch(e) {
|
|
data = { nightShift: undefined, autoToggleAt: 0 };
|
|
saveThemeData(data);
|
|
}
|
|
return data;
|
|
}
|
|
|
|
function handleThemeToggle(nightShift) {
|
|
themeData.nightShift = nightShift;
|
|
saveThemeData(themeData);
|
|
html.dataset.theme = nightShift ? 'dark' : 'light';
|
|
setTimeout(function() {
|
|
sw.checked = nightShift ? true : false;
|
|
}, 50);
|
|
}
|
|
|
|
function autoThemeToggle() {
|
|
// Next time point of theme toggle
|
|
var now = new Date();
|
|
var toggleAt = new Date();
|
|
var hours = now.getHours();
|
|
var nightShift = hours >= 19 || hours <=7;
|
|
|
|
if (nightShift) {
|
|
if (hours > 7) {
|
|
toggleAt.setDate(toggleAt.getDate() + 1);
|
|
}
|
|
toggleAt.setHours(7);
|
|
} else {
|
|
toggleAt.setHours(19);
|
|
}
|
|
|
|
toggleAt.setMinutes(0);
|
|
toggleAt.setSeconds(0);
|
|
toggleAt.setMilliseconds(0)
|
|
|
|
var delay = toggleAt.getTime() - now.getTime();
|
|
|
|
// auto toggle theme mode
|
|
setTimeout(function() {
|
|
handleThemeToggle(!nightShift);
|
|
}, delay);
|
|
|
|
return {
|
|
nightShift: nightShift,
|
|
toggleAt: toggleAt.getTime()
|
|
};
|
|
}
|
|
|
|
// Listen the theme toggle event
|
|
sw.addEventListener('change', function(event) {
|
|
handleThemeToggle(event.target.checked);
|
|
});
|
|
|
|
if (nightModeOption == 'auto') {
|
|
var data = autoThemeToggle();
|
|
|
|
// Toggle theme by local setting
|
|
if (data.toggleAt > themeData.autoToggleAt) {
|
|
themeData.autoToggleAt = data.toggleAt;
|
|
handleThemeToggle(data.nightShift);
|
|
} else {
|
|
handleThemeToggle(themeData.nightShift);
|
|
}
|
|
} else if (nightModeOption == 'manual') {
|
|
handleThemeToggle(themeData.nightShift);
|
|
} else {
|
|
var nightShift = themeData.nightShift;
|
|
if (nightShift === undefined) {
|
|
nightShift = nightModeOption === 'on';
|
|
}
|
|
handleThemeToggle(nightShift);
|
|
}
|
|
})();
|
|
</script>
|
|
<div id="click-to-top" class="click-to-top">
|
|
<i class="fa fa-arrow-up"></i>
|
|
</div>
|
|
<script>
|
|
(function () {
|
|
const clickToTop = document.getElementById('click-to-top');
|
|
window.addEventListener('scroll', () => {
|
|
if (window.scrollY > 100) {
|
|
clickToTop.classList.add('show')
|
|
}else {
|
|
clickToTop.classList.remove('show')
|
|
}
|
|
});
|
|
clickToTop.addEventListener('click', () => {
|
|
window.smoothScrollTo(0);
|
|
});
|
|
})();
|
|
</script>
|
|
<main class="page-content" aria-label="Content">
|
|
<div class="wrapper">
|
|
<div class="framework">
|
|
<section class="main">
|
|
|
|
<div class="post">
|
|
<section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
|
|
|
|
<div class="post-content e-content" itemprop="articleBody">
|
|
|
|
<h2>About</h2>
|
|
|
|
<p>
|
|
I'm Matyáš Caras, I study IT in the Czech Republic and create software projects.
|
|
</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</article>
|
|
<div class="post-comments"> <div id="gitment_thread" class="giscus"></div>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/theme-next/theme-next-gitment@1/default.css">
|
|
<script src="https://cdn.jsdelivr.net/gh/theme-next/theme-next-gitment@1/gitment.browser.js"></script>
|
|
<script src="https://giscus.app/client.js" data-repo="hernikplays/blog" data-repo-id="R_kgDOHr2B6w" data-category="General" data-category-id="DIC_kwDOHr2B684CSIhA" data-mapping="pathname" data-strict="0" data-reactions-enabled="1" data-emit-metadata="0" data-input-position="top" data-theme="transparent_dark" data-lang="en" data-loading="lazy" crossorigin="anonymous" async>
|
|
</script>
|
|
</div></section>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
<section class="sidebar" style="margin-left: 15px;">
|
|
<!-- Get sidebar items --><style type="text/css" media="screen">
|
|
.post-menu ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
</style>
|
|
|
|
<div class="post-menu">
|
|
<div class="post-menu-title">TOC</div>
|
|
<div class="post-menu-content"></div>
|
|
</div>
|
|
|
|
<script>
|
|
function generateContent() {
|
|
var menu = document.querySelector(".post-menu");
|
|
var menuContent = menu.querySelector(".post-menu-content");
|
|
var headings = document.querySelector(".post-content").querySelectorAll("h2, h3, h4, h5, h6");
|
|
|
|
// Hide menu when no headings
|
|
if (headings.length === 0) {
|
|
return menu.style.display = "none";
|
|
}
|
|
|
|
// Generate post menu
|
|
var menuHTML = '';
|
|
for (var i = 0; i < headings.length; i++) {
|
|
var h = headings[i];
|
|
menuHTML += (
|
|
'<li class="h-' + h.tagName.toLowerCase() + '">'
|
|
+ '<a href="#h-' + h.getAttribute('id') + '">' + h.textContent + '</a></li>');
|
|
}
|
|
|
|
menuContent.innerHTML = '<ul>' + menuHTML + '</ul>';
|
|
|
|
// The header element
|
|
var header = document.querySelector('header.site-header');
|
|
|
|
function doMenuCollapse(index, over_items) {
|
|
var items = menuContent.firstChild.children;
|
|
|
|
if (over_items == undefined) {
|
|
over_items = 20;
|
|
}
|
|
|
|
if (items.length < over_items) {
|
|
return;
|
|
}
|
|
|
|
var activeItem = items[index];
|
|
var beginItem = activeItem
|
|
var endItem = activeItem
|
|
var beginIndex = index;
|
|
var endIndex = index + 1;
|
|
while (beginIndex >= 0
|
|
&& !items[beginIndex].classList.contains('h-h2')) {
|
|
beginIndex -= 1;
|
|
}
|
|
while (endIndex < items.length
|
|
&& !items[endIndex].classList.contains('h-h2')) {
|
|
endIndex += 1;
|
|
}
|
|
for (var i = 0; i < beginIndex; i++) {
|
|
item = items[i]
|
|
if (!item.classList.contains('h-h2')) {
|
|
item.style.display = 'none';
|
|
}
|
|
}
|
|
for (var i = beginIndex + 1; i < endIndex; i++) {
|
|
item = items[i]
|
|
// if (!item.classList.contains('h-h2')) {
|
|
item.style.display = '';
|
|
// }
|
|
}
|
|
for (var i = endIndex; i < items.length; i++) {
|
|
item = items[i]
|
|
if (!item.classList.contains('h-h2')) {
|
|
item.style.display = 'none';
|
|
}
|
|
}
|
|
}
|
|
|
|
// Init menu collapsed
|
|
doMenuCollapse(-1);
|
|
|
|
// Active the menu item
|
|
window.addEventListener('scroll', function (event) {
|
|
var lastActive = menuContent.querySelector('.active');
|
|
var changed = true;
|
|
var activeIndex = -1;
|
|
for (var i = headings.length - 1; i >= 0; i--) {
|
|
var h = headings[i];
|
|
var headingRect = h.getBoundingClientRect();
|
|
var headerRect = header.getBoundingClientRect();
|
|
var headerTop = Math.floor(headerRect.top);
|
|
var headerHeight = Math.floor(headerRect.height);
|
|
var headerHeight = headerTop + headerHeight + 20;
|
|
if (headingRect.top <= headerHeight) {
|
|
var id = 'h-' + h.getAttribute('id');
|
|
var a = menuContent.querySelector('a[href="#' + id + '"]');
|
|
var curActive = a.parentNode;
|
|
if (curActive) {
|
|
curActive.classList.add('active');
|
|
activeIndex = i;
|
|
}
|
|
if (lastActive == curActive) {
|
|
changed = false;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
if (changed) {
|
|
if (lastActive) {
|
|
lastActive.classList.remove('active');
|
|
}
|
|
doMenuCollapse(activeIndex);
|
|
}
|
|
event.preventDefault();
|
|
});
|
|
}
|
|
generateContent();
|
|
</script>
|
|
</section>
|
|
</div>
|
|
|
|
</div>
|
|
</main><footer class="site-footer h-card">
|
|
<data class="u-url" href="/"></data>
|
|
|
|
<div class="wrapper">
|
|
<div class="site-footer-inner">
|
|
<div>Copyright © 2021-2022 hernikplays</div>
|
|
<div>Powered by <a title="Jekyll is a simple, blog-aware, static site
|
|
generator." href="https://jekyllrb.com/">Jekyll</a> & <a title="Yat, yet
|
|
another theme." href="https://github.com/jeffreytse/jekyll-theme-yat">Yat Theme</a>.</div>
|
|
<div><a rel="me" href="https://social.linux.pizza/@hernik">Mastodon</a></div>
|
|
<div class="footer-col rss-subscribe">Subscribe <a href="/feed.xml">via RSS</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|