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

1891 lines
29 KiB
HTML
Raw Normal View History

add website root directory
2024-04-13 12:47:49 +03:00
<!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ıkçı" />
<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ı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="/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">
<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ı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 Copy permalink