score.html 3.09 KB
Newer Older
Abdülkerim AKSAK's avatar
Abdülkerim AKSAK committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    @font-face {
      font-family: "Itim";
      src: url('../assets/fonts/Itim-Regular.ttf') format("truetype");
    }

    body {
      display: flex;
      align-items: center;
      justify-content: center;
      background-image: linear-gradient(to bottom, #416e75, #529290, #6db7a6, #94dbb5, #c6ffc1);
      font-family: "Itim";
      color: #334443
    }


    div.back::-webkit-scrollbar {
      display: none;
    }

    div.front::-webkit-scrollbar {
      display: none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    div.back {
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */
    }

    div.front {
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */
    }

    div.back {
      height: 525px;
      width: 600px;
      overflow: auto;
      border-radius: 10%;
      position: absolute;
      background: linear-gradient(180deg, #FFDA89, #FF8B36);
      box-shadow: inset -2px 0px 4px rgba(255, 255, 255, 0.3), inset 0 0 56px rgb(225, 133, 70, 0.3);
      filter: drop-shadow(0px 52px 94px rgba(253, 115, 51, 0.349));
    }

    div.front {
      height: 525px;
      width: 600px;
      overflow: auto;
      border-radius: 10%;
      background: linear-gradient(180deg, rgb(255, 230, 186, 0.3), rgba(255, 237, 222, 0.6));
      position: relative;
      backdrop-filter: blur(16px);
      box-shadow: inset -1px 1px 1px rgba(255, 255, 255, 0.4), inset 0px 0px 35px rgba(0, 0, 0, 0.08);

    }

    p {
      font-size: 19px;
      padding-bottom: 20px;
      padding-left: 20px;
      padding-right: 20px;
    }

    h2 {
      padding-left: 20px;
      padding-right: 20px;
    }

    h1 {
      text-align: center;
    }

    .geributon {
      margin-left: 15px;
      margin-top: 10px;
    }

    .titleGeri {
      margin-left: 20%;

      text-align: center;
    }

    hr.style-five {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}
hr.style-five:after {  /* Not really supposed to work, but does */
    content: "\00a0";  /* Prevent margin collapse */
}
  </style>
</head>

<body>
  <div class="back"></div>
  <div class="front">
    
    <div class="geributon" style="float:left;"><a href="../main.html"><img width="60" height="60"
          src="../assets/image/geri.png" alt="geri"></a></div>
    <div class="titleGeri" style="float:left;">
      <h1>Oyun Skorları</h1>
    </div>
    <div style="clear:both;"></div>
Tuğba Fıçıcı's avatar
Tuğba Fıçıcı committed
117
    <div id="skorList"></div>
Abdülkerim AKSAK's avatar
Abdülkerim AKSAK committed
118 119 120 121
    
  </div>
  <script src="./settings.js"></script>
  <script>
Tuğba Fıçıcı's avatar
Tuğba Fıçıcı committed
122 123 124 125 126 127
      
      
      let score=getScoreList();
      ul = document.createElement('ul');
      document.getElementById('skorList').appendChild(ul);

Tuğba Fıçıcı's avatar
Tuğba Fıçıcı committed
128 129
      score.forEach(function (item) {
          let string="Skor : "+item.score+"--> Rakip : "+item.rakip;
Tuğba Fıçıcı's avatar
Tuğba Fıçıcı committed
130 131 132 133 134
          let li = document.createElement('li');
          ul.appendChild(li);

          li.innerHTML += string;
      });
Abdülkerim AKSAK's avatar
Abdülkerim AKSAK committed
135 136 137 138 139 140
  </script>
</body>

</html>

</html>