diff --git a/bagis/index.php b/bagis/index.php
index c12deb4..968f9ad 100644
--- a/bagis/index.php
+++ b/bagis/index.php
@@ -66,12 +66,12 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
       <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>
       <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>
+      <p id="next-todo" style="margin-top:0px; margin-bottom:0px;font-size:15px;">Sırada Yapılacaklar: <b><span id="sirada-yapilacaklar"></span></b><br></p>
+      <p><a href="../iflpanel/path.php" style="border:solid 1px orange; border-radius:10px; padding: 10px; background-color:royalblue; font-weight:800; color:orange">&#x1F449; Yol Haritası &#x1F448;</a></p>
       <hr style="width: 100%;"><br>
       <h1 style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: 800; margin-top:1px; margin-bottom:1px;">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>
-        <p id="next-todo" style="margin-top:0px; margin-bottom:0px;font-size:15px;">Sırada Yapılacaklar: <b><span id="sirada-yapilacaklar"></span></b><br>
-          <sup>daha fazlası için <a href="../iflpanel/path.php">yol haritasına</a> bakabilirsiniz</sup>
-        </p>
+        
       </div>
       <div id="bagiscilar" style="text-align: left;"></div>
 
diff --git a/iflpanel/tahta/assets/css/main.css b/iflpanel/tahta/assets/css/main.css
index a634f8c..3041724 100644
--- a/iflpanel/tahta/assets/css/main.css
+++ b/iflpanel/tahta/assets/css/main.css
@@ -45,6 +45,9 @@ section#top {
   height: 100px;
 }
 section#top .class {
+  display: flex;
+  flex-direction: column;
+  column-gap: 10px;
   margin: 5px;
   min-width: 20vw;
   margin-right: auto;
diff --git a/iflpanel/tahta/assets/css/main.css.map b/iflpanel/tahta/assets/css/main.css.map
index dff5235..b8aac72 100644
--- a/iflpanel/tahta/assets/css/main.css.map
+++ b/iflpanel/tahta/assets/css/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/_animation.scss","../scss/_button.scss"],"names":[],"mappings":";AAAA;ACAA;AAEA;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;ADZJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAMA;EACE;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAWZ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGE;EACE;EACA;EACA;;AAEA;EAEE;EACA;;AEnKV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA,YACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EAEA;;AAOF;EACE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA,YACE;;AAGJ;EACE;;AAGF;EACE;EACA,YACE;;AAGJ;EACE;EACA;;AAGF;EACE;EACA,YACE;;AAGJ;EACE;EACA;;AAGF;EACE;;AAKA;AAAA;AAAA;EAGE;EACA;;AAGF;EACE;;AAUF;AAAA;AAAA;EAIE;EACA;;AAGF;EACE;;AFwDM;EACE;EACA;;AAOR;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;AAKN;EACE;EACA;;AAEA;EACE;;AAMN;EACE;EACA;;AAGF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;;AAKN;EACE;EACA;EACA","file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/_animation.scss","../scss/_button.scss"],"names":[],"mappings":";AAAA;ACAA;AAEA;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;ADZJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAMA;EACE;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAWZ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGE;EACE;EACA;EACA;;AAEA;EAEE;EACA;;AEtKV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA,YACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EAEA;;AAOF;EACE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA,YACE;;AAGJ;EACE;;AAGF;EACE;EACA,YACE;;AAGJ;EACE;EACA;;AAGF;EACE;EACA,YACE;;AAGJ;EACE;EACA;;AAGF;EACE;;AAKA;AAAA;AAAA;EAGE;EACA;;AAGF;EACE;;AAUF;AAAA;AAAA;EAIE;EACA;;AAGF;EACE;;AF2DM;EACE;EACA;;AAOR;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;AAKN;EACE;EACA;;AAEA;EACE;;AAMN;EACE;EACA;;AAGF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;;AAKN;EACE;EACA;EACA","file":"main.css"}
\ No newline at end of file
diff --git a/iflpanel/tahta/assets/scss/main.scss b/iflpanel/tahta/assets/scss/main.scss
index c7ad435..87c4cb8 100644
--- a/iflpanel/tahta/assets/scss/main.scss
+++ b/iflpanel/tahta/assets/scss/main.scss
@@ -38,6 +38,9 @@ section {
     height: 100px;
 
     .class {
+      display: flex;
+      flex-direction: column;
+      column-gap: 10px;
       margin: 5px;
       min-width: 20vw;
       margin-right: auto;
diff --git a/iflpanel/tahta/index.html b/iflpanel/tahta/index.html
index 0b6d66a..aaf61a9 100644
--- a/iflpanel/tahta/index.html
+++ b/iflpanel/tahta/index.html
@@ -39,13 +39,16 @@
   <!-- MAIN AREA -->
   <section id="top">
     <div class="class">
-      <span class="grade">12</span>
-      <span class="branch">C</span>
-      <br>
-      <a href="https://asandikci.com/bagis/" target="_blank"><img src="assets/images/bagis-qr.png" width="50"
-          style="margin-top: 20px;"></a>
+      <div>
+        <span class="grade">12</span> /
+        <span class="branch">C</span>
+      </div>
+      <div style="display:flex; align-content: center; align-items: center; margin-top: 10px;">
+        <a href="https://asandikci.com/bagis/" target="_blank"><img src="assets/images/bagis-qr.png" width="50"></a>
+        <p style="align-self: center; font-style: normal; text-align: center; font-size: small;"> &nbsp; &#x1F448;
+          Geliştirme sürecine destek verin<br>&nbsp; &nbsp; &nbsp; (Sıradaki: <span style="width: min-content; font-size: x-small;"id="sirada-yapilacaklar"></span>) </p>
+      </div>
     </div>
-
     <div class="clock">
       <h1 id="time">12.00</h1>
     </div>
@@ -85,7 +88,7 @@
       <div id="timers-menu">
         <ul>
           <li onmouseover="toggleTimers('stopwatch')" onclick="toggleTimers('stopwatch')">
-            <button class="pushable pushable-f ">
+            <button class="pushable pushable-f pushable-l">
               <span class="shadow"></span>
               <span class="edge"></span>
               <span class="front">
@@ -93,15 +96,15 @@
               </span>
             </button>
           </li>
-          <li onmouseover="toggleTimers('timer')" onclick="toggleTimers('timer')">
+          <!-- <li onmouseover="toggleTimers('timer')" onclick="toggleTimers('timer')">
             <button class="pushable pushable-l">
               <span class="shadow"></span>
               <span class="edge"></span>
-              <span class="front" style="padding: 1px 10px; background-color: darkgreen;">
+              <span class="front" style="padding: 1px 10px; background-color: red;">
                 Güvenli<br>Kronometre
               </span>
             </button>
-          </li>
+          </li> -->
         </ul>
       </div>
       <div id="stopwatch">
@@ -148,6 +151,62 @@
   <section id="bottom">
     <div id="rainbow"></div>
   </section>
+
+  <script>
+
+    function b64DecodeUnicode(str) {
+      // Going backwards: from bytestream, to percent-encoding, to original string.
+      return decodeURIComponent(atob(str).split('').map(function (c) {
+        return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
+      }).join(''));
+    }
+
+    var curAmount = 0
+    var goalAmount = 0;
+    let localtest = 0;
+
+    //
+    // PUBLIC DATA
+    //
+
+    let url2 = 'https://git.aliberksandikci.com.tr/api/v1/repos/asandikci.com/www/contents/public-data.json';
+    // let url2 = "http://127.0.0.1:PORT/public-data.json";
+    // localtest = 1;
+    fetch(url2)
+      .then(res => res.json())
+      .then(out => {
+        var publicjson;
+        if (localtest) {
+          publicjson = out[0]["public-todo"];
+        } else {
+          var cnt = out.content;
+          console.log("base64: " + cnt);
+          publicjson = JSON.parse(b64DecodeUnicode(cnt))[0]["public-todo"];
+        }
+
+        publicjson.sort(function (a, b) {
+          return Number(Object.keys(a)) > Number(Object.keys(b));
+        });
+        console.log(publicjson);
+
+        var curi = 0;
+        let i = 0;
+        for (i = 0; i < publicjson.length; i++) {
+          const element = Number(Object.keys(publicjson[i]));
+          if (curAmount < element) {
+            goalAmount = element;
+            curi = i;
+            break;
+          }
+        }
+        let aka = publicjson[i][goalAmount][0];
+        document.getElementById("sirada-yapilacaklar").innerHTML =  aka.split("- ")[1];
+        
+      })
+      .catch(err => {
+        throw err
+      });
+  </script>
   <script src="./assets/js/old_main.js"></script>
   <script src="./assets/js/old_stopwatch.js"></script>
 </body>