added more apps

assets/css/style.css

@@ -165,7 +165,7 @@ header {
 }
 
 .main-apps > #heading {
-    margin: 2rem 0 1rem 0;
+    margin: 2rem 0 2rem 0;
 }
 
 .app-grid {
@@ -202,6 +202,13 @@ header {
     text-decoration: none;
 
     border-radius: 1rem;
+
+    transition: transform 0.4s;
+    -webkit-transition: transform 0.4s;
+}
+
+.app-grid__item:hover {
+    transform: scale(1.03);
 }
 
 .app-grid__item > .details {
@@ -213,6 +220,7 @@ header {
 .app-grid__item > img {
     max-width: 100%;
     height: 96px;
+    border-radius: 0.75rem;
 }
 
 /* Screens smaller than 480 pixels */

index.html

@@ -52,7 +52,7 @@
                 </div>
                 
                 <div class="app-grid">
-                    <a class="app-grid__item" href="https://datecalculator.winscloud.net">  
+                    <a class="app-grid__item" href="https://apps.winscloud.net/date-calculator">  
                         <img src="assets/images/icons/apps/dateapp.png" alt="Date Calculator">
                                 
                         <div class="details">
@@ -64,7 +64,7 @@
                     </a>
 
                     <a class="app-grid__item" href="https://apps.winscloud.net/Runoff">
-                        <img src="https://git.winscloud.net/repo-avatars/828b37c6b4e0493035c0b9d3e263dc855e88ddd5340afcd14f027c55c0726ddc" alt="Runoff"> 
+                        <img src="assets/images/icons/apps/libadwaita.jpg" alt="Runoff"> 
                         
                         <div class="details">
                             <span class="text-bold">Runoff</span>
@@ -75,7 +75,7 @@
                     </a>
 
                     <a class="app-grid__item" href="https://apps.winscloud.net/Aekasarn">
-                        <img src="https://git.winscloud.net/repo-avatars/1afe8fbd0d0acb779caa1779e16ed0533404d24598e207d82d02b141adde09ba" alt="Aekasarn">
+                        <img src="assets/images/icons/apps/aekasarn.png" alt="Aekasarn">
                         
                         <div class="details">
                             <span class="text-bold">Aekasarn</span>
@@ -85,13 +85,35 @@
                         </div>
                     </a>
 
-                    <a class="app-grid__item" href="https://apps.winscloud.net/">
+                    <a class="app-grid__item" href="https://apps.winscloud.net/PhotoSphereStudio">
                         <img src="assets/images/icons/apps/photospherestudio.png" alt="PhotoSphereStudio">
                         
                         <div class="details">
                             <span class="text-bold">PhotoSphereStudio</span>
                             <p>
-                                Upload 360
+                                Upload 360° photos to Google Maps without using Google's app 
+                            </p>
+                        </div>
+                    </a>
+
+                    <a class="app-grid__item" href="https://apps.winscloud.net/sanskrit-tts">
+                        <img src="assets/images/icons/apps/sanskrit-tts.png" alt="Sanskrit TTS">
+                        
+                        <div class="details">
+                            <span class="text-bold">Sanskrit Text-To-Speech</span>
+                            <p>
+                                Convert written Sanskrit to speech!
+                            </p>
+                        </div>
+                    </a>
+
+                    <a class="app-grid__item" href="https://apps.winscloud.net/country-dictionary">
+                        <img src="assets/images/icons/apps/country-dictionary.png" alt="Sanskrit TTS">
+                        
+                        <div class="details">
+                            <span class="text-bold">Country Dictionary</span>
+                            <p>
+                                A privacy-respecting Urban Dictionary client in Flask.
                             </p>
                         </div>
                     </a>