index.html

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Miyket Pomodoro</title>
<link rel="icon" href="https://pomodoro.turkanihub.xyz/images/miyketkafavoid.png">


<link rel="stylesheet" href="css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<script src="javascript/pomodoro.js" type="text/javascript"></script>
<div id="adblock-warning" style="display: none;">
  <p>Lütfen Adblocker'ınızı kapatın ve sayfayı yenileyin. İçeriklerimizi görüntülemek için reklam engelleyiciyi devre dışı bırakmanız gerekebilir.</p>
</div>


<div id="pomodoro">
  <div id="clock">
    <div id="timer">
      <div id="title">Başlayalım mı?</div>
      <div id="countdown">
        <span id="minutes">25</span>
        <span id="seconds">00</span>
      </div>
      <div id="controls" class="reset">
        <div id="start"><i class="fas fa-play"></i> Başlat</div>
        <div id="pause"><i class="fas fa-pause"></i> Duraklat</div>
        <div id="reset"><i class="fas fa-sync-alt"></i> Sıfırla</div>
      </div>
    </div>
  </div>
  <div id="options">
    <div id="session">
      <i id="incrSession" class="fas fa-angle-double-up"></i>
      <span class="option-title">Süre</span>
      <input id="sessionInput" type="number" value="25" max="60" min="5">
      <i id="decrSession" class="fas fa-angle-double-down"></i>
    </div>
    <div id="break">
      <i id="incrBreak" class="fas fa-angle-double-up"></i>
      <span class="option-title">Mola</span>
      <input id="breakInput" type="number" value="5" max="10" min="1">
      <i id="decrBreak" class="fas fa-angle-double-down"></i>
    </div>
  </div>
</div>
<div id="audio-selector">
  <div id="forest" class="theme"><!--🌲 -->Forest</div>
  <div id="ocean" class="theme"><!--🌊 -->Ocean</div>
  <div id="rainy" class="selected theme"><!--🌧 -->Rainy</div>
  <div id="peace" class="theme"><!--🧘 -->Peace</div>
  <div id="cafe" class="theme"><!--☕ -->Caf&eacute;</div>
</div>
<audio loop autoplay="false" src="https://joeweaver.me/codepenassets/freecodecamp/challenges/build-a-pomodoro-clock/rain.mp3">