web/_site/donate/index.html
2024-04-13 12:47:49 +03:00

1890 lines
29 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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="Buy me a Coffee ☕" />
<meta property="og:locale" content="en" />
<meta name="description" content="I work on free/libre and open source software and offer free services. General hosting and stuff costs around 890₺ (~$30), so feel free to donate in order to help me keep everything up and running!" />
<meta property="og:description" content="I work on free/libre and open source software and offer free services. General hosting and stuff costs around 890₺ (~$30), so feel free to donate in order to help me keep everything up and running!" />
<link rel="canonical" href="http://localhost:4000/donate/" />
<meta property="og:url" content="http://localhost:4000/donate/" />
<meta property="og:site_name" content="Aliberk Sandıı" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2024-04-13T12:31:35+03:00" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Buy me a Coffee ☕" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2024-04-13T12:31:35+03:00","datePublished":"2024-04-13T12:31:35+03:00","description":"I work on free/libre and open source software and offer free services. General hosting and stuff costs around 890₺ (~$30), so feel free to donate in order to help me keep everything up and running!","headline":"Buy me a Coffee ☕","mainEntityOfPage":{"@type":"WebPage","@id":"http://localhost:4000/donate/"},"url":"http://localhost:4000/donate/"}</script>
<!-- End Jekyll SEO tag -->
<title>Buy me a Coffee ☕ | Aliberk Sandıı
</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ıı">
<meta name="application-name" content="Aliberk Sandıı">
<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="/assets/img/pp.png" width="112" height="112" alt="avatar" onerror="this.style.display='none'"></a>
<h1 class="site-title">
<a href="/">Aliberk Sandıı</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">
<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 active">
<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>Buy me a Coffee ☕</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">
Buy me a Coffee ☕
</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">
Buy me a Coffee ☕
</h1>
<div class="content">
<h4 id="i-work-on-freelibre-and-open-source-software-and-offer-free-services-general-hosting-and-stuff-costs-around-890-30-so-feel-free-to-donate-in-order-to-help-me-keep-everything-up-and-running"><span class="me-2">I work on free/libre and open source software and offer free services. General hosting and stuff costs around 890₺ (~$30), so feel free to donate in order to help me keep everything up and running!</span><a href="#i-work-on-freelibre-and-open-source-software-and-offer-free-services-general-hosting-and-stuff-costs-around-890-30-so-feel-free-to-donate-in-order-to-help-me-keep-everything-up-and-running" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h4>
<div class="table-wrapper"><table>
<thead>
<tr>
<th>Platform</th>
<th> </th>
<th>ID/Address</th>
</tr>
</thead>
<tbody>
<tr>
<td>IBAN (Papara)</td>
<td><button style="border-radius:10px;" onclick="addToClipboard('iban')" id="iban-button"><span class="fa-regular fa-copy"></span></button></td>
<td><span id="iban">TR63 0082 9000 0949 1444 3182 51</span></td>
</tr>
<tr>
<td>Papara</td>
<td><button style="border-radius:10px;" onclick="addToClipboard('papara')" id="papara-button"><span class="fa-regular fa-copy"></span></button></td>
<td><span id="papara">1444318251</span></td>
</tr>
<tr>
<td>Monero (XMR)</td>
<td><button style="border-radius:10px;" onclick="addToClipboard('xmr')" id="xmr-button"><span class="fa-regular fa-copy"></span></button></td>
<td><span id="xmr">44UfcxzafmYBvuBieuZ5kv46AatiPn3XtMMpso9gAAJaGGyo86nfmq8XjtWGcoqWJ3aKHUNNBYHkCCDGS9v9uPvfNBjjhdH</span></td>
</tr>
</tbody>
</table></div>
</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/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>
<li class="text-truncate lh-lg">
<a href="/posts/pardus-roportaj/">Pardus Ekibinden Ali Rıza ile Röportaj</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ıı</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>