changes to different things #11

michivonah · Jan 28, 2023 · 7bf4994 · 7bf4994
1 parent 0ac7ee6
commit 7bf4994
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 4 deletions.
diff --git a/game.js b/game.js
@@ -595,11 +595,15 @@ function countPoints(){
         var higher = false;
         if(trump == playedCard.dataset.color){
             var pointsForWinner = parseInt(playedCard.dataset.pointsTrump);
-            if(parseInt(playedCard.dataset.type) == 9){
-                var cardPoints = 10;
+            var cardPoints = 20;
+            if(parseInt(playedCard.dataset.type) == 9 || playedCard.dataset.type == "9"){
+                cardPoints += 10;
+            }
+            else if(playedCard.dataset.type == "U"){
+                cardPoints += 11;
             }
             else{
-                var cardPoints = parseInt(playedCard.dataset.sortingNr);
+                cardPoints += parseInt(playedCard.dataset.sortingNr);
             }
         }
         else{

diff --git a/index.html b/index.html
@@ -106,6 +106,12 @@ <h2>Einstellungen</h2>
                 </div>
                 <div id="changelog" class="hiddenSection">
                   <h2>Changelog</h2>
+                  <p>28. Januar 2023</p>
+                  <ul>
+                    <li>Anpassungen an der Wertung der Karten</li>
+                    <li>Position des Banner beim Ende einer Runde angepasst</li>
+                    <li>Animation zum Smiley beim Banner hinzugefügt</li>
+                  </ul>
                   <p>25. Januar 2023</p>
                   <ul>
                     <li>Die Punkte aus der letzten Runde werden nun separat zu den Punkten der aktuellen Runde angezeigt.</li>

diff --git a/style.css b/style.css
@@ -486,7 +486,7 @@ body{
     background: var(--accent);
     color: var(--white);
     position: absolute;
-    top: 50%;
+    top: 70%;
     transform: translateY(-50%);
     padding: 10px;
     font-size: 1.2rem;
@@ -500,6 +500,46 @@ body{
 
 #gameSummary i{
     font-size: 4rem;
+    --webkit-animation: wiggleIcon 1s infinite;
+    animation: wiggleIcon 1s infinite;
+    transform: rotate(30deg);
+    transition: var(--transition);
+}
+
+@keyframes wiggleIcon{
+    0%{
+        transform: rotate(30deg);
+    }
+    25%{
+        transform: rotate(0deg);
+    }
+    50%{
+        transform: rotate(-30deg);
+    }
+    75%{
+        transform: rotate(0deg);
+    }
+    100%{
+        transform: rotate(30deg);
+    }
+}
+
+@-webkit-keyframes wiggleIcon{
+    0%{
+        transform: rotate(30deg);
+    }
+    25%{
+        transform: rotate(0deg);
+    }
+    50%{
+        transform: rotate(-30deg);
+    }
+    75%{
+        transform: rotate(0deg);
+    }
+    100%{
+        transform: rotate(30deg);
+    }
 }
 
 /* CONTROL BUTTONS */