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" />
|
2023-11-23 22:18:53 +03:00
|
|
|
|
<link rel="stylesheet" type="text/css" href="./assets/css/not_scss.css" />
|
2023-11-22 17:10:45 +03:00
|
|
|
|
|
2023-11-23 22:18:53 +03:00
|
|
|
|
<!-- Matomo -->
|
|
|
|
|
|
<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 -->
|
|
|
|
|
|
|
|
|
|
|
|
<title>iflpanel Tahta</title>
|
2023-11-22 17:10:45 +03:00
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<!-- MAIN AREA -->
|
|
|
|
|
|
<section id="top">
|
|
|
|
|
|
<div class="class">
|
|
|
|
|
|
<span class="grade">12</span>
|
|
|
|
|
|
<span class="branch">C</span>
|
2023-11-23 22:18:53 +03:00
|
|
|
|
<br>
|
|
|
|
|
|
<img src="assets/images/bagis-qr.png" width="50" style="margin-top: 20px;">
|
2023-11-22 17:10:45 +03:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="clock">
|
|
|
|
|
|
<h1 id="time">12.00</h1>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="settings-box">
|
|
|
|
|
|
<form>
|
|
|
|
|
|
<button id="timers-button" type="button" onmouseover="toggleTimers()" onclick="toggleTimers()">⏱</button>
|
|
|
|
|
|
<button id="settings-button" type="button" onmouseover="toggleSettings()" onclick="toggleSettings()">⚙</button>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
<div id="settings">
|
|
|
|
|
|
<form>
|
|
|
|
|
|
<div class="cell">
|
|
|
|
|
|
<input type="checkbox" id="chx-clockSecond" onchange="toggleClockSeconds()" />
|
|
|
|
|
|
<label for="chx-clockSecond">Saniye</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="cell">
|
|
|
|
|
|
<input type="checkbox" id="chx-timerMsec" onchange="toggleTimerMsec()" checked />
|
|
|
|
|
|
<label for="chx-timerMsec">Sayaçlarda Milisaniye</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="cell">
|
|
|
|
|
|
<input type="checkbox" id="chx-devVersion" onchange="toggleDevVersion()">
|
|
|
|
|
|
<label for="chx-devVersion">Geliştirici Sürümü</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<hr style="width: 100%; box-sizing: border-box;">
|
|
|
|
|
|
|
|
|
|
|
|
<!-- INTERACTIVE / FUNCTIONAL AREA -->
|
|
|
|
|
|
<section id="mid">
|
|
|
|
|
|
<div id="timers">
|
|
|
|
|
|
<div id="timers-menu">
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li onmouseover="toggleTimers('stopwatch')" onclick="toggleTimers('stopwatch')">
|
|
|
|
|
|
<button class="pushable pushable-f pushable-l">
|
|
|
|
|
|
<span class="shadow"></span>
|
|
|
|
|
|
<span class="edge"></span>
|
|
|
|
|
|
<span class="front">
|
|
|
|
|
|
Kronometre
|
|
|
|
|
|
</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>
|
2023-11-23 22:18:53 +03:00
|
|
|
|
<input class="timer-action-button" type="button" id="start-cro" name="start-cro" value="▶️ Başlat" onmouseover="Stopwatch('start')"
|
2023-11-22 17:10:45 +03:00
|
|
|
|
onclick="Stopwatch('start')" checked>
|
2023-11-23 22:18:53 +03:00
|
|
|
|
<input class="timer-action-button" type="button" id="stop-cro" name="stop-cro" value="⏸️ Durdur ve Sıfırla" onmouseover="Stopwatch('stop')"
|
2023-11-22 17:10:45 +03:00
|
|
|
|
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">
|
|
|
|
|
|
yapım aşamasında: yemekhane listesi eklenecek
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="animations">
|
|
|
|
|
|
yapım aşamasında: animasyonlar / oyunlar eklenecek
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- NON-INTERACTIVE DECORATION AREA -->
|
|
|
|
|
|
<section id="bottom">
|
|
|
|
|
|
<div id="rainbow"></div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
<script src="./assets/js/old_main.js"></script>
|
|
|
|
|
|
<script src="./assets/js/old_stopwatch.js"></script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
