2023-11-22 17:10:45 +03:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="tr">
|
|
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<!--!Copyright © 2023 Aliberk Sandıkçı -->
|
|
|
|
|
|
<!--!Copyright © 2023 iflpanel Developers -->
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Meta Content -->
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
|
<meta name="description" content="iflpanel Akıllı Tahta Arkaplan Sayfası">
|
|
|
|
|
|
<meta name="keywords" content="iflpanel,akıllı tahta,arkaplan,tahta,board">
|
|
|
|
|
|
<meta name="author" content="Aliberk Sandıkçı">
|
|
|
|
|
|
|
|
|
|
|
|
<!-- CSS Files -->
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="./assets/css/main.css">
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="./assets/css/dev.css">
|
|
|
|
|
|
|
2023-11-23 22:18:53 +03:00
|
|
|
|
<!-- Matomo -->
|
2023-11-28 16:06: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 -->
|
2023-11-23 22:18:53 +03:00
|
|
|
|
|
2023-11-28 16:06:33 +03:00
|
|
|
|
<title>DEV VERSION | iflpanel Tahta</title>
|
2023-11-22 17:10:45 +03:00
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<!-- MAIN AREA -->
|
|
|
|
|
|
<section id="top">
|
|
|
|
|
|
<div class="class">
|
|
|
|
|
|
<span id="grade">Sınıf</span>
|
|
|
|
|
|
<span id="class">Şube</span>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- DEV -->
|
|
|
|
|
|
<!-- DEV --> <span style="font-size: xx-small; line-height: 1px; color:red">(DEV VERSION)</span>
|
|
|
|
|
|
<!-- DEV -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="clock">
|
|
|
|
|
|
<h1 id="time">12.00</h1>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="settings-box">
|
|
|
|
|
|
<form>
|
|
|
|
|
|
<button id="timers-button" type="button" onmouseover="toggleItemDisplay('id', 'timers')"
|
|
|
|
|
|
onclick="toggleItemDisplay('id', 'timers')">⏱</button>
|
|
|
|
|
|
|
|
|
|
|
|
<button id="yemekhane-button" type="button" onmouseover="toggleItemDisplay('id', 'yemek-listesi')"
|
|
|
|
|
|
onclick="toggleItemDisplay('id', 'yemek-listesi')">🍔</button>
|
|
|
|
|
|
|
|
|
|
|
|
<button id="ders-programi-buton" type="button" onmouseover="toggleItemDisplay('id', 'ders-programi')"
|
|
|
|
|
|
onclick="toggleItemDisplay('id', 'ders-programi')">📑</button>
|
|
|
|
|
|
|
|
|
|
|
|
<button id="animation-button" type="button" onmouseover="toggleItemDisplay('id', 'animations')"
|
|
|
|
|
|
onclick="toggleItemDisplay('id', 'animations')">🕹️</button>
|
|
|
|
|
|
|
|
|
|
|
|
<button id="settings-button" type="button" onmouseover="toggleItemDisplay('id', 'settings')"
|
|
|
|
|
|
onclick="toggleItemDisplay('id', 'settings')">⚙</button>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
<div id="settings">
|
|
|
|
|
|
<form>
|
|
|
|
|
|
<div class="cell">
|
|
|
|
|
|
<input type="checkbox" id="chx-clockSecond" onchange="toggleConf('id-chx','clockSecond')" checked>
|
|
|
|
|
|
<label for="chx-clockSecond">Saniye</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="cell">
|
|
|
|
|
|
<input type="checkbox" id="chx-timerMsec" onchange="toggleConf('id-chx','timerMsec')" checked>
|
|
|
|
|
|
<label for="chx-timerMsec">Sayaçlarda Milisaniye</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="cell">
|
|
|
|
|
|
<!-- onchange="toggleOther('devVersion')" -->
|
|
|
|
|
|
<input type="checkbox" id="chx-devVersion" onchange="toggleDevVersion()" checked>
|
|
|
|
|
|
<label for="chx-devVersion" style="font-size: x-small;">Geliştirici Sürümü, <br>local-settings move!</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="cell">
|
|
|
|
|
|
<input type="checkbox" id="chx-yksTimer" onchange="toggleConf('id-chx','yksTimer')">
|
|
|
|
|
|
<label for="chx-yksTimer">YKS Sayacı</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="cell">
|
|
|
|
|
|
<input type="checkbox" id="chx-fullscreenClock" onchange="toggleConf('id-chx','fullscreenClock')">
|
|
|
|
|
|
<label for="chx-fullscreenClock">Tam Ekran Saat</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="cell">
|
|
|
|
|
|
<input type="checkbox" id="chx-hideHeader" onchange="toggleConf('id-chx','hideHeader')">
|
|
|
|
|
|
<label for="chx-hideHeader">Üst Barı Gizle</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="cell">
|
|
|
|
|
|
<input type="checkbox" id="chx-oneventSecond" onchange="toggleConf('id-chx','oneventSecond')">
|
|
|
|
|
|
<label for="chx-oneventSecond" style="font-size: x-small;">Ders Sonu/Başı Saniye Göster, <br>saniye
|
|
|
|
|
|
checkboxını otomatik update et!</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="cell">
|
|
|
|
|
|
<input type="checkbox" id="chx-settingsMaker" onchange="toggleItemDisplay('id-chx','settingsMaker')">
|
|
|
|
|
|
<label for="chx-settingsMaker">Ayar Oluşturucuyu Göster</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="cell">
|
|
|
|
|
|
<input type="checkbox" id="chx-mouse" onchange="toggleConf('id-chx','mouse')">
|
|
|
|
|
|
<label for="chx-mouse">Mouse Integrasyonu</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<hr style="width: 30%; box-sizing: border-box;">
|
|
|
|
|
|
|
|
|
|
|
|
<!-- INTERACTIVE / FUNCTIONAL AREA -->
|
|
|
|
|
|
<section id="mid">
|
|
|
|
|
|
<div id="timers">
|
|
|
|
|
|
<div id="timers-menu">
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li onmouseover="toggleItemDisplay('id', 'stopwatch')" onclick="toggleItemDisplay('id', 'stopwatch')">
|
|
|
|
|
|
<button id="stopwatch-button" class="pushable pushable-f">
|
|
|
|
|
|
<span class="shadow"></span>
|
|
|
|
|
|
<span class="edge"></span>
|
|
|
|
|
|
<span class="front">
|
|
|
|
|
|
Kronometre
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li id="timer-button" onmouseover="toggleItemDisplay('id', 'timer')"
|
|
|
|
|
|
onclick="toggleItemDisplay('id', 'timer')">
|
|
|
|
|
|
<button class="pushable pushable-l">
|
|
|
|
|
|
<span class="shadow"></span>
|
|
|
|
|
|
<span class="edge"></span>
|
|
|
|
|
|
<span class="front">
|
|
|
|
|
|
Zamanlayıcı
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="stopwatch">
|
|
|
|
|
|
<div class="timer">
|
|
|
|
|
|
<div class="min">
|
|
|
|
|
|
00
|
|
|
|
|
|
</div>
|
|
|
|
|
|
.
|
|
|
|
|
|
<div class="sec">
|
|
|
|
|
|
00
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span id="stopwatch-msec-dot">.</span>
|
|
|
|
|
|
<div class="msec">
|
|
|
|
|
|
00
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<form>
|
|
|
|
|
|
<input type="button" id="start-cro" name="start-cro" value="Başlat" onmouseover="Stopwatch('start')"
|
|
|
|
|
|
onclick="Stopwatch('start')" checked>
|
|
|
|
|
|
<input type="button" id="stop-cro" name="stop-cro" value="Durdur ve Sıfırla" onmouseover="Stopwatch('stop')"
|
|
|
|
|
|
onclick="Stopwatch('stop')" checked>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="timer">
|
|
|
|
|
|
<div class="timer">
|
|
|
|
|
|
00.00.00
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p>yapım aşamasında: geriye doğru sayma özelliği</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="yemek-listesi">
|
|
|
|
|
|
<iframe src="https://ifl.meb.k12.tr/meb_iys_dosyalar/35/06/164785/dosyalar/2023_09/26212122_EKIM_YemekListesi.pdf"
|
|
|
|
|
|
width="90%" height="800px" style="align-self:center;"></iframe>
|
|
|
|
|
|
yapım aşamasında: yemekhane listesi eklenecek
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="ders-programi">
|
|
|
|
|
|
<img src="image.png">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="animations">
|
|
|
|
|
|
yapım aşamasında: animasyonlar / oyunlar eklenecek
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- NON-INTERACTIVE DECORATION AREA -->
|
|
|
|
|
|
<section id="bottom">
|
|
|
|
|
|
<hr>
|
2023-11-28 16:16:23 +03:00
|
|
|
|
<p id="debug-area"></p>
|
|
|
|
|
|
<form>
|
|
|
|
|
|
<button id="localtest" type="button" onmouseover="Localtest(0)" onclick="Localtest(0)">TEST</button>
|
|
|
|
|
|
<button id="yazdir" type="button" onmouseover="Localtest(1)" onclick="Localtest(1)">Yazdır</button>
|
2023-11-29 16:16:06 +03:00
|
|
|
|
<button id="popsound" type="button" onmouseover="Popsound()" onclick="Popsound()">POP SOUND</button>
|
2023-11-28 16:16:23 +03:00
|
|
|
|
</form>
|
2023-11-22 17:10:45 +03:00
|
|
|
|
<div id="DEV" style="font-size: x-small;"></div>
|
|
|
|
|
|
<div id="rainbow"></div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
2023-11-28 16:16:23 +03:00
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
function Localtest(a) {
|
|
|
|
|
|
if (a == 0) {
|
|
|
|
|
|
var nowdate = new Date;
|
|
|
|
|
|
localStorage.setItem("localtest", nowdate);
|
|
|
|
|
|
}
|
|
|
|
|
|
if (a == 1) {
|
|
|
|
|
|
if (localStorage.getItem("localtest") == null) {
|
|
|
|
|
|
document.getElementById("debug-area").innerHTML = "ÇALIŞMIYOR :(";
|
|
|
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
|
|
|
document.getElementById("debug-area").innerHTML = localStorage.getItem("localtest");
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2023-11-29 16:16:06 +03:00
|
|
|
|
|
|
|
|
|
|
function Popsound() {
|
|
|
|
|
|
var audio = new Audio('./assets/pop.mp3');
|
|
|
|
|
|
audio.play();
|
|
|
|
|
|
}
|
2023-11-28 16:16:23 +03:00
|
|
|
|
</script>
|
|
|
|
|
|
|
2023-11-22 17:10:45 +03:00
|
|
|
|
<script src="./assets/js/utils.js"></script>
|
|
|
|
|
|
<script src="./assets/js/updates.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="./assets/js/mid.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="./assets/js/initialize.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="./assets/js/timers.js"></script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
