asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions
web/_site/about/index.html

1880 lines
28 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<!-- `site.alt_lang` can specify a language different from the UI -->
<html lang="en" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta
name="viewport"
content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
><!-- Setup Open Graph image -->
<!-- Begin Jekyll SEO tag v2.8.0 -->
<meta name="generator" content="Jekyll v4.3.3" />
<meta property="og:title" content="About Me" />
<meta property="og:locale" content="en" />
<meta name="description" content="Software Enthusiast FOSS Advocate High School Student Linux User 🐧" />
<meta property="og:description" content="Software Enthusiast FOSS Advocate High School Student Linux User 🐧" />
<link rel="canonical" href="http://0.0.0.0:4000/about/" />
<meta property="og:url" content="http://0.0.0.0:4000/about/" />
<meta property="og:site_name" content="Aliberk Sandıkçı" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2024-08-23T00:33:08+03:00" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="About Me" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebSite","dateModified":"2024-08-23T00:33:08+03:00","datePublished":"2024-08-23T00:33:08+03:00","description":"Software Enthusiast FOSS Advocate High School Student Linux User 🐧","headline":"About Me","name":"Aliberk Sandıkçı","sameAs":["https://git.aliberksandikci.com.tr/asandikci","https://mastodon.social/@asandikci","https://www.linkedin.com/in/asandikci"],"url":"http://0.0.0.0:4000/about/"}</script>
<!-- End Jekyll SEO tag -->
<title>About Me | Aliberk Sandıkçı
</title>
<!--
The Favicons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps
Generated by: https://realfavicongenerator.net/
-->
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicons/favicon-16x16.png">
<link rel="manifest" href="/assets/img/favicons/site.webmanifest">
<link rel="shortcut icon" href="/assets/img/favicons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="Aliberk Sandıkçı">
<meta name="application-name" content="Aliberk Sandıkçı">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link rel="preconnect" href="https://fonts.googleapis.com" >
<link rel="dns-prefetch" href="https://fonts.googleapis.com" >
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="dns-prefetch" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com" >
<link rel="dns-prefetch" href="https://fonts.googleapis.com" >
<link rel="preconnect" href="https://cdn.jsdelivr.net" >
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net" >
<link rel="preconnect" href="https://cdnjs.cloudflare.com" >
<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com" >
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato&family=Source+Sans+Pro:wght@400;600;700;900&display=swap">
<!-- GA -->
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<!-- Font Logos -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-logos@1/assets/font-logos.css" >
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css">
<!-- Fork Awesome -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
<!-- Balloon CSS -->
<link rel="stylesheet" href="https://unpkg.com/balloon-css/balloon.min.css">
<link rel="stylesheet" href="/assets/css/jekyll-theme-chirpy.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.min.css">
<!-- Manific Popup -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/magnific-popup.min.css">
<!-- JavaScript -->
<!-- Switch the mode between dark and light. -->
<script type="text/javascript">
class ModeToggle {
static get MODE_KEY() {
return 'mode';
}
static get MODE_ATTR() {
return 'data-mode';
}
static get DARK_MODE() {
return 'dark';
}
static get LIGHT_MODE() {
return 'light';
}
static get ID() {
return 'mode-toggle';
}
constructor() {
if (this.hasMode) {
if (this.isDarkMode) {
if (!this.isSysDarkPrefer) {
this.setDark();
}
} else {
if (this.isSysDarkPrefer) {
this.setLight();
}
}
}
let self = this;
/* always follow the system prefers */
this.sysDarkPrefers.addEventListener('change', () => {
if (self.hasMode) {
if (self.isDarkMode) {
if (!self.isSysDarkPrefer) {
self.setDark();
}
} else {
if (self.isSysDarkPrefer) {
self.setLight();
}
}
self.clearMode();
}
self.notify();
});
} /* constructor() */
get sysDarkPrefers() {
return window.matchMedia('(prefers-color-scheme: dark)');
}
get isSysDarkPrefer() {
return this.sysDarkPrefers.matches;
}
get isDarkMode() {
return this.mode === ModeToggle.DARK_MODE;
}
get isLightMode() {
return this.mode === ModeToggle.LIGHT_MODE;
}
get hasMode() {
return this.mode != null;
}
get mode() {
return sessionStorage.getItem(ModeToggle.MODE_KEY);
}
/* get the current mode on screen */
get modeStatus() {
if (this.isDarkMode || (!this.hasMode && this.isSysDarkPrefer)) {
return ModeToggle.DARK_MODE;
} else {
return ModeToggle.LIGHT_MODE;
}
}
setDark() {
document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.DARK_MODE);
sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.DARK_MODE);
}
setLight() {
document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.LIGHT_MODE);
sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.LIGHT_MODE);
}
clearMode() {
document.documentElement.removeAttribute(ModeToggle.MODE_ATTR);
sessionStorage.removeItem(ModeToggle.MODE_KEY);
}
/* Notify another plugins that the theme mode has changed */
notify() {
window.postMessage(
{
direction: ModeToggle.ID,
message: this.modeStatus
},
'*'
);
}
flipMode() {
if (this.hasMode) {
if (this.isSysDarkPrefer) {
if (this.isLightMode) {
this.clearMode();
} else {
this.setLight();
}
} else {
if (this.isDarkMode) {
this.clearMode();
} else {
this.setDark();
}
}
} else {
if (this.isSysDarkPrefer) {
this.setLight();
} else {
this.setDark();
}
}
this.notify();
} /* flipMode() */
} /* ModeToggle */
const modeToggle = new ModeToggle();
</script>
<!-- A placeholder to allow defining custom metadata -->
</head>
<body>
<!-- The Side Bar -->
<aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
<header class="profile-wrapper">
<a href="/" id="avatar" class="rounded-circle"><img src="https://asandikci.com/assets/img/pp.png" width="112" height="112" alt="avatar" onerror="this.style.display='none'"></a>
<h1 class="site-title">
<a href="/">Aliberk Sandıkçı</a>
</h1>
<p class="site-subtitle fst-italic mb-0">Personal Website & Blog</p>
</header>
<!-- .profile-wrapper -->
<nav class="flex-column flex-grow-1 w-100 ps-0">
<ul class="nav">
<!-- home -->
<!--<li class="nav-item">
<a href="/" class="nav-link">
<i class="fa-fw fas fa-home"></i>
<span>HOME</span>
</a>
</li>-->
<!-- the real tabs -->
<li class="nav-item active">
<a href="/about/" class="nav-link">
<i class="fa-fw fas fa-info-circle"></i>
<span>ABOUT</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/now/" class="nav-link">
<i class="fa-fw fa-solid fa-clock"></i>
<span>NOW</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/categories/" class="nav-link">
<i class="fa-fw fas fa-stream"></i>
<span>CATEGORIES</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/tags/" class="nav-link">
<i class="fa-fw fas fa-tags"></i>
<span>TAGS</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/archives/" class="nav-link">
<i class="fa-fw fas fa-archive"></i>
<span>ARCHIVES</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/donate/" class="nav-link">
<i class="fa-fw fa-solid fa-mug-hot"></i>
<span>DONATE</span>
</a>
</li>
<!-- .nav-item -->
</ul>
</nav>
<div class="sidebar-bottom d-flex flex-wrap align-items-center w-100">
<button type="button" class="mode-toggle btn" aria-label="Switch Mode">
<i class="fas fa-adjust"></i>
</button>
<span class="icon-border"></span>
<a
href="https://git.aliberksandikci.com.tr/asandikci"
aria-label="forgejo"
target="_blank"
rel="noopener noreferrer"
>
<i class="fa-solid fa-code-branch"></i>
</a>
<a
href="xmpp:asandikci@aliberksandikci.com.tr"
aria-label="xmpp"
target="_blank"
rel="noopener noreferrer"
>
<i class="fa fa-xmpp"></i>
</a>
<a
href="javascript:location.href = 'mailto:' + ['contact','aliberksandikci.com.tr'].join('@')"
aria-label="email"
target="_blank"
rel="noopener noreferrer"
>
<i class="fas fa-envelope"></i>
</a>
<a
href="https://mastodon.social/@asandikci/"
aria-label="mastodon"
target="_blank"
rel="noopener noreferrer me"
>
<i class="fa fa-mastodon"></i>
</a>
<a
href="https://linkedin.com/in/asandikci"
aria-label="linkedin"
target="_blank"
rel="noopener noreferrer"
>
<i class="fab fa-linkedin"></i>
</a>
<a
href="https://discord.com/users/987999573479944222"
aria-label="discord"
target="_blank"
rel="noopener noreferrer"
>
<i class="fa fa-discord"></i>
</a>
<a
href="https://instagram.com/aliberksandikci"
aria-label="instagram"
target="_blank"
rel="noopener noreferrer"
>
<i class="fa fa-instagram"></i>
</a>
<a
href="https://codeberg.org/asandikci"
aria-label="codeberg"
target="_blank"
rel="noopener noreferrer"
>
<i class="fl-codeberg"></i>
</a>
<a
href="/feed.xml"
aria-label="rss"
>
<i class="fas fa-rss"></i>
</a>
</div>
<!-- .sidebar-bottom -->
</aside>
<!-- #sidebar -->
<div id="main-wrapper" class="d-flex justify-content-center">
<div class="container d-flex flex-column px-xxl-5">
<!-- The Top Bar -->
<header id="topbar-wrapper" aria-label="Top Bar">
<div
id="topbar"
class="d-flex align-items-center justify-content-between px-lg-3 h-100"
>
<nav id="breadcrumb" aria-label="Breadcrumb">
<span>
<a href="/">Home</a>
</span>
<span>About</span>
</nav>
<!-- endof #breadcrumb -->
<button type="button" id="sidebar-trigger" class="btn btn-link">
<i class="fas fa-bars fa-fw"></i>
</button>
<div id="topbar-title">
About
</div>
<button type="button" id="search-trigger" class="btn btn-link">
<i class="fas fa-search fa-fw"></i>
</button>
<search class="align-items-center ms-3 ms-lg-0">
<i class="fas fa-search fa-fw"></i>
<input
class="form-control"
id="search-input"
type="search"
aria-label="search"
autocomplete="off"
placeholder="Search..."
>
</search>
<button type="button" class="btn btn-link text-decoration-none" id="search-cancel">Cancel</button>
</div>
</header>
<div class="row flex-grow-1">
<main aria-label="Main Content" class="col-12 col-lg-11 col-xl-9 px-md-4">
<!-- Refactor the HTML structure -->
<!--
In order to allow a wide table to scroll horizontally,
we suround the markdown table with `<div class="table-wrapper">` and `</div>`
-->
<!--
Fixed kramdown code highlight rendering:
https://github.com/penibelst/jekyll-compress-html/issues/101
https://github.com/penibelst/jekyll-compress-html/issues/71#issuecomment-188144901
-->
<!-- Change the icon of checkbox -->
<!-- Handle images -->
<!-- Add header for code snippets -->
<!-- Create heading anchors -->
<!-- return -->
<article class="px-1">
<h1 class="dynamic-title">
About Me
</h1>
<div class="content">
<div style="text-align:center;"><b>
Software Enthusiast<br />
FOSS Advocate<br />
High School Student<br />
Linux User 🐧<br />
</b></div>
<p>I love programming, learning new things (about everything but especially about new technologies), open source methodology, reading science-fiction and biking.</p>
<p>I speak Turkish native and English as intermediate. Also I know basic words in German and Russian.</p>
<p>I am interested in network technologies, operating systems, artificial intelligence, algorithms, and back-end development</p>
<p>I also spend my spare time with cybersecurity, web development and playing drum/piano</p>
<p>Trying to use my own network services as alternative to services of big companies. I don’t use any Google, Microsoft, Amazon, Apple services actively. Instead of them, i use my own cloud service (Nextcloud), social media service (Firefish - Fediverse), git service (Forgejo), news service (FreshRSS) … Tries to be a conscious user in technology world!</p>
<p>I am Pardus and TEMA Volunteer.</p>
<p>I have also made internship in TÜBİTAK with Pardus &amp; Liderahenk Team for 2 month, see project</p>
<p>Using Arch based GNU/Linux distribution CachyOs (with KDE desktop environment and Xorg display server) in daily usage. Still trying random operating systems, GNU/Linux distributions in virtual machine</p>
</div>
</article>
</main>
<!-- panel -->
<aside aria-label="Panel" id="panel-wrapper" class="col-xl-3 ps-2 mb-5 text-muted">
<div class="access">
<!-- Get 5 last posted/updated posts -->
<section id="access-lastmod">
<h2 class="panel-heading">Recently Updated</h2>
<ul class="content list-unstyled ps-0 pb-1 ms-1 mt-2">
<li class="text-truncate lh-lg">
<a href="/posts/tusas-gezisi/">TUSAŞ Gezisi</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/pardus-ve-windows/">Pardus/Linux Yanına Windows Kurulumu</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/android-foss-apps/">Android Cihazlar için Açık Kaynak / Özgür Yazılım Uygulama Alternatifleri</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/linux-epson-yazici/">Linux / Pardus / Debian üzerinde Epson Yazıcı Kullanma</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/teknofest-deneyimlerim/">Teknofest Pardus 21 Hata Yakalama ve Öneri Yarışması Deneyimlerim</a>
</li>
</ul>
</section>
<!-- #access-lastmod -->
<!-- The trending tags list -->
<section>
<h2 class="panel-heading">Trending Tags</h2>
<div class="d-flex flex-wrap mt-3 mb-1 me-3">
<a class="post-tag btn btn-outline-primary" href="/tags/duzenlenecek/">duzenlenecek</a>
<a class="post-tag btn btn-outline-primary" href="/tags/pardus/">pardus</a>
<a class="post-tag btn btn-outline-primary" href="/tags/linux/">linux</a>
<a class="post-tag btn btn-outline-primary" href="/tags/tubitak/">tubitak</a>
<a class="post-tag btn btn-outline-primary" href="/tags/app-recommendations/">app-recommendations</a>
<a class="post-tag btn btn-outline-primary" href="/tags/arch/">arch</a>
<a class="post-tag btn btn-outline-primary" href="/tags/debian/">debian</a>
<a class="post-tag btn btn-outline-primary" href="/tags/epson/">epson</a>
<a class="post-tag btn btn-outline-primary" href="/tags/foss/">foss</a>
<a class="post-tag btn btn-outline-primary" href="/tags/liderahenk/">liderahenk</a>
</div>
</section>
</div>
</aside>
</div>
<div class="row">
<!-- tail -->
<div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 px-md-4">
<!-- The Footer -->
<footer
aria-label="Site Info"
class="
d-flex flex-column justify-content-center text-muted
flex-lg-row justify-content-lg-between align-items-lg-center pb-lg-3
"
>
<p>©
<time>2024</time>
<a href="https://git.aliberksandikci.com.tr/asandikci">Aliberk Sandıkçı</a>.
<span
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Except where otherwise noted, the blog posts on this site are licensed under the Creative Commons Attribution 4.0 International (CC BY 4.0) License by the author."
>Some rights reserved.</span>
</p>
<p>Using the <a href="https://github.com/cotes2020/jekyll-theme-chirpy" target="_blank" rel="noopener">Chirpy</a> theme for <a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a>.
</p>
</footer>
</div>
</div>
<!-- The Search results -->
<div id="search-result-wrapper" class="d-flex justify-content-center unloaded">
<div class="col-11 content">
<div id="search-hints">
<!-- The trending tags list -->
<section>
<h2 class="panel-heading">Trending Tags</h2>
<div class="d-flex flex-wrap mt-3 mb-1 me-3">
<a class="post-tag btn btn-outline-primary" href="/tags/duzenlenecek/">duzenlenecek</a>
<a class="post-tag btn btn-outline-primary" href="/tags/pardus/">pardus</a>
<a class="post-tag btn btn-outline-primary" href="/tags/linux/">linux</a>
<a class="post-tag btn btn-outline-primary" href="/tags/tubitak/">tubitak</a>
<a class="post-tag btn btn-outline-primary" href="/tags/app-recommendations/">app-recommendations</a>
<a class="post-tag btn btn-outline-primary" href="/tags/arch/">arch</a>
<a class="post-tag btn btn-outline-primary" href="/tags/debian/">debian</a>
<a class="post-tag btn btn-outline-primary" href="/tags/epson/">epson</a>
<a class="post-tag btn btn-outline-primary" href="/tags/foss/">foss</a>
<a class="post-tag btn btn-outline-primary" href="/tags/liderahenk/">liderahenk</a>
</div>
</section>
</div>
<div id="search-results" class="d-flex flex-wrap justify-content-center text-muted mt-3"></div>
</div>
</div>
</div>
<aside aria-label="Scroll to Top">
<button id="back-to-top" type="button" class="btn btn-lg btn-box-shadow">
<i class="fas fa-angle-up"></i>
</button>
</aside>
</div>
<div id="mask"></div>
<aside
id="notification"
class="toast"
role="alert"
aria-live="assertive"
aria-atomic="true"
data-bs-animation="true"
data-bs-autohide="false"
>
<div class="toast-header">
<button
type="button"
class="btn-close ms-auto"
data-bs-dismiss="toast"
aria-label="Close"
></button>
</div>
<div class="toast-body text-center pt-0">
<p class="px-2 mb-3">A new version of content is available.</p>
<button type="button" class="btn btn-primary" aria-label="Update">
Update
</button>
</div>
</aside>
<!-- JavaScripts -->
<!-- JS selector for site. -->
<!-- commons -->
<script src="/assets/js/user/copy.js"></script>
<!-- layout specified -->
<!-- image lazy-loading & popup & clipboard -->
<script src="https://cdn.jsdelivr.net/combine/npm/jquery@3.7.1/dist/jquery.min.js,npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js,npm/simple-jekyll-search@1.10.0/dest/simple-jekyll-search.min.js,npm/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.umd.min.js,npm/magnific-popup@1.1.0/dist/jquery.magnific-popup.min.js,npm/clipboard@2.0.11/dist/clipboard.min.js"></script>
<script defer src="/assets/js/dist/page.min.js"></script>
<!--
Jekyll Simple Search loader
See: <https://github.com/christian-fei/Simple-Jekyll-Search>
-->
<script>
/* Note: dependent library will be loaded in `js-selector.html` */
SimpleJekyllSearch({
searchInput: document.getElementById('search-input'),
resultsContainer: document.getElementById('search-results'),
json: '/assets/js/data/search.json',
searchResultTemplate: ' <article class="px-1 px-sm-2 px-lg-4 px-xl-0"> <header> <h2><a href="{url}">{title}</a></h2> <div class="post-meta d-flex flex-column flex-sm-row text-muted mt-1 mb-1"> {categories} {tags} </div> </header> <p>{snippet}</p> </article>',
noResultsText: '<p class="mt-5"></p>',
templateMiddleware: function(prop, value, template) {
if (prop === 'categories') {
if (value === '') {
return `${value}`;
} else {
return `<div class="me-sm-4"><i class="far fa-folder fa-fw"></i>${value}</div>`;
}
}
if (prop === 'tags') {
if (value === '') {
return `${value}`;
} else {
return `<div><i class="fa fa-tag fa-fw"></i>${value}</div>`;
}
}
}
});
</script>
</body>
</html>
Reference in a new issue View git blame Copy permalink