asandikci.com/www
1
1
Fork 0
Code Issues 15 Pull requests Projects 6 Releases Packages Wiki Activity Actions
www/bagis/index.php

216 lines
9.8 KiB
PHP
Raw Normal View History

WIP: donations page
2023-11-22 19:03:21 +03:00
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<?php
### ERROR HANDLING ###
function warnError($errno, $errstr, $errfile, $errline)
{
echo "<br><p style='padding:0px;margin:0px;background-color:white;color:black;'><b style='color:red;'>Error:</b> [$errno] $errstr <br> in file <b style='color:blue'>$errfile</b> line <b style='color:red'>$errline</b></p>";
}
set_error_handler("warnError");
if (!$_SERVER['DOCUMENT_ROOT']) {
$_SERVER['DOCUMENT_ROOT'] = '/weblink';
}
# TODO separate file
?>
<head>
<!-- Meta Content -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bana bir kahve ısmarla, Aliberk Sandıkçı Bağış sayfası">
<meta name="keywords" content="bagis,dontaion,coffee,kahve">
<meta name="author" content="Aliberk Sandıkçı">
<!-- CSS Files -->
tmp test for CORS
2023-11-22 19:36:18 +03:00
<link rel="stylesheet" type="text/css" href="/iflpanel/ssavpn/assets/css/main.css"> <!-- INNER CSS !!! -->
WIP: donations page
2023-11-22 19:03:21 +03:00
<link rel="stylesheet" type="text/css" href="/assets/css/extra_without_scss.css">
add privacy-friendly stat tool Matomo to pages
2023-11-23 22:18:53 +03:00
<!-- Matomo -->
update
2023-11-24 17:05:33 +03:00
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = "//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '3']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.async = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
add privacy-friendly stat tool Matomo to pages
2023-11-23 22:18:53 +03:00
update
2023-11-24 17:05:33 +03:00
<title>
WIP: donations page
2023-11-22 19:03:21 +03:00
Bi' Kahve Ismarla | Aliberk Sandıkçı
</title>
<link rel="shortcut icon" href="/assets/images/icons/favicon.ico" type="image/x-icon">
</head>
<body>
<header>
<a href="/" id="hlogo" style="margin:auto;"><img src="/assets/images/icons/favicon.png"></a>
</header>
<div class="main-scrollable">
<article class="plain" style="text-align:center;align-items:center;">
tmp test for CORS
2023-11-22 19:36:18 +03:00
<h1 style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: 800;">Bana Bi' Kahve Ismarla ☕</h1>
donation page improvements
2023-11-24 23:47:05 +03:00
<div><span>IBAN: </span><span style="margin-top: 0px;text-decoration:none;"> <b class="copy_element" id="IBAN" onclick="copy2Clipboard('IBAN')">TR63 0082 9000 0949 1444 3182 51</b><span id="IBAN-tip"></span></span></div>
<div><span>Papara Numarası: </span><span style="margin-top: 0px;text-decoration:none;"> <b class="copy_element" id="Papara" onclick="copy2Clipboard('Papara')">14444318251</b><span id="Papara-tip"></span></span></div>
todo notes
2023-11-25 01:39:22 +03:00
<div><sup>Açıklama Kısmını <span style="font-weight:800;">Gözükmesini İstediğiniz İsim - Bağış</span> şeklinde doldurunuz. Anonim Kalmak için <span style="font-weight:800;">Anonim - Bağış</span> Yazabilirsiniz</sup></div>
WIP: donations page
2023-11-22 19:03:21 +03:00
<p></p>
<hr style="width: 100%;"><br>
donation page improvements
2023-11-24 23:47:05 +03:00
<h1 style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: 800; ">Bağışçılar</h1>
<div id="current-goal"><label id="label1" for="pprogress">Sıradaki Hedef: </label><progress id="pprogress"><span></span></progress> <label id="label2" for="pprogress">x/y</label><br>
todo notes
2023-11-25 01:39:22 +03:00
<p id="next-todo" style="margin-top:0px;font-size:15px;">Sırada Yapılacaklar: Ders Programı Görüntüleme</p>
donation page improvements
2023-11-24 23:47:05 +03:00
</div>
<div id="bagiscilar" style="text-align: left;"></div>
<br>
<hr style="width: 100%;"><br><br>
<h1 style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: 800; margin-bottom: 0px;">Sponsorlar</h1>
<div id="sponsorlar">
<p>Henüz sponsorumuz bulunmamakta, sponsor olmak için <a href="mailto:contact@aliberksandikci.com.tr">mail</a> adresim üzerinden bana ulaşabilirsiniz.<br>
todo notes
2023-11-25 01:39:22 +03:00
Kişisel sunucu masraflarını karşılamaktan yanı sıra, buradaki projelere de sponsor olabilirsiniz:
<ul style="text-align:left;">
<li>SSA VPN</li>
<li>Tahta Arkaplanı</li>
<li><del>İFL Kütüphane</del</li>
<li><del>İFL Galeri</del></li>
</ul>
Sponsor olabileceğiniz diğer projelerime <a href="https://github.com/asandikci">GitHub</a> veya <a href="https://git.aliberksandikci.com.tr">Forgejo</a> adresi üzerinden ulaşabilirsiniz.</p>
donation page improvements
2023-11-24 23:47:05 +03:00
</div>
<br>
<hr style="width: 100%;"><br><br>
<h1 style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: 800; margin-bottom: 0px;">Teşekkürler</h1>
<div id="tesekkurler">
<p style="text-align:left;">
<ul style="text-align:left;">
<li>Sitede ve projelerde kullanılan açık kaynak kodlu uygulamaların geliştiricilerine,</li>
<ul>
<li>YunoHost Geliştirici Topluluğuna,</li>
<li>Forgejo/Gitea Geliştirici Topluluğuna,</li>
</ul>
<li>Sunucularımızın ayakta kalmasına maddi/manevi destek olan tüm destekçilerimize,</li>
</ul>
<span style="font-weight:800;">Teşekür Ederiz</span>
</p>
</div>
WIP: donations page
2023-11-22 19:03:21 +03:00
</article>
<footer>
<div class="tmpinfo">2023 &#x1f12f; Aliberk Sandıkçı</div>
</footer>
</div>
<?php
$dir = new DirectoryIterator($_SERVER['DOCUMENT_ROOT'] . "/assets/js");
foreach ($dir as $file) {
if ((!$file->isDot()) && str_ends_with($file, ".js") && $file != "jquery.js") {
echo '<script src="/assets/js/' . $file . '"></script>' . PHP_EOL . ' ';
}
} ?>
tmp test for CORS
2023-11-22 19:36:18 +03:00
<script>
donation page improvements
2023-11-24 23:47:05 +03:00
let localtest = 0;
update
2023-11-24 17:05:33 +03:00
let url = 'https://git.aliberksandikci.com.tr/api/v1/repos/asandikci.com/www/contents/donations.json';
donation page improvements
2023-11-24 23:47:05 +03:00
// let url = "http://127.0.0.1:PORT/donations.json";
// localtest = 1;
tmp test for CORS
2023-11-22 19:36:18 +03:00
fetch(url)
.then(res => res.json())
update
2023-11-24 17:05:33 +03:00
.then(out => {
donation page improvements
2023-11-24 23:47:05 +03:00
var lastjson;
console.log(out);
if (localtest) {
lastjson = out;
} else {
var cnt = out.content;
console.log("base64: " + cnt);
lastjson = JSON.parse(atob(cnt));
console.log(lastjson);
}
lastjson.sort(function(a, b) {
return a.amount < b.amount;
});
var curAmount = 0;
for (let i = 0; i < lastjson.length; i++) {
const s = lastjson[i];
const curId = s.place + s.name;
document.getElementById("bagiscilar").innerHTML += "<p><span id='" + curId + "'>" + s.name + "</span> - <span id='" + curId + "amount'> " + s.amount + "₺<span></p>";
curAmount += s.amount;
document.getElementById(curId).style.fontWeight = "500";
if (s.amount <= 10) {
document.getElementById(curId).style.color = "grey";
document.getElementById(curId).style.fontSize = "10px";
} else if (s.amount <= 20) {
document.getElementById(curId).style.color = "white";
document.getElementById(curId).style.fontSize = "12px";
} else if (s.amount <= 30) {
document.getElementById(curId).style.color = "orange";
document.getElementById(curId).style.fontSize = "14px";
} else if (s.amount <= 40) {
document.getElementById(curId).style.color = "yellow";
document.getElementById(curId).style.fontSize = "16px";
} else if (s.amount <= 50) {
document.getElementById(curId).style.color = "purple";
document.getElementById(curId).style.fontSize = "18px";
} else if (s.amount <= 60) {
document.getElementById(curId).style.color = "red";
document.getElementById(curId).style.fontSize = "20px";
} else if (s.amount <= 70) {
document.getElementById(curId).style.color = "black";
document.getElementById(curId).style.fontSize = "22px";
} else if (s.amount <= 80) {
document.getElementById(curId).style.color = "#cc00ff";
document.getElementById(curId).style.fontSize = "24px";
} else if (s.amount <= 90) {
document.getElementById(curId).style.color = "#ff6e95";
document.getElementById(curId).style.fontSize = "26px";
} else if (s.amount <= 100) {
document.getElementById(curId).style.color = "#cc3300";
document.getElementById(curId).style.fontSize = "28px";
document.getElementById(curId).style.fontWeight = "500";
} else if (s.amount <= 150) {
document.getElementById(curId).style.color = "#00cc00";
document.getElementById(curId).style.fontSize = "30px";
document.getElementById(curId).style.fontWeight = "600";
} else if (s.amount <= 200) {
document.getElementById(curId).style.color = "#0066ff";
document.getElementById(curId).style.fontSize = "32px";
document.getElementById(curId).style.fontWeight = "700";
} else if (s.amount <= 300) {
document.getElementById(curId).style.color = "#ffff00";
document.getElementById(curId).style.fontSize = "34px";
document.getElementById(curId).style.fontWeight = "800";
} else if (s.amount <= 500) {
document.getElementById(curId).style.color = "#ffff00";
document.getElementById(curId).style.fontSize = "36px";
document.getElementById(curId).style.fontWeight = "900";
document.getElementById(curId).style.textDecoration = "underline";
}
}
let goalAmount = 100;
let progbar = document.getElementById("pprogress");
progbar.max = goalAmount;
progbar.value = curAmount;
progbar.labels[1].innerHTML = curAmount + "/" + goalAmount + "₺";
update
2023-11-24 17:05:33 +03:00
})
temporary tests
2023-11-22 20:07:15 +03:00
.catch(err => {
throw err
});
tmp test for CORS
2023-11-22 19:36:18 +03:00
</script>
WIP: donations page
2023-11-22 19:03:21 +03:00
</body>
</html>
Reference in a new issue Copy permalink