Updated 2 files and added 3 files (automated)

5 files changed, 67 insertions, 11 deletions

diff --git a/.idea/deployment.xml b/.idea/deployment.xml
index 87325ed..c808c80 100644
--- a/.idea/deployment.xml
+++ b/.idea/deployment.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="PublishConfigData" serverName="zephyrheights" remoteFilesAllowedToDisappearOnAutoupload="false">
+  <component name="PublishConfigData" autoUpload="Always" serverName="zephyrheights" remoteFilesAllowedToDisappearOnAutoupload="false">
     <serverData>
       <paths name="zephyrheights">
         <serverdata>
@@ -10,5 +10,6 @@
         </serverdata>
       </paths>
     </serverData>
+    <option name="myAutoUpload" value="ALWAYS" />
   </component>
 </project>
\ No newline at end of file
diff --git a/assets/icons/amazon.svg b/assets/icons/amazon.svg
new file mode 100644
index 0000000..6a4f90c
--- /dev/null
+++ b/assets/icons/amazon.svg
@@ -0,0 +1 @@
+<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24" width="24px" height="24px">    <path d="M12.14,2C9.513,2,6.595,2.983,5.981,6.196C5.915,6.538,6.154,6.714,6.38,6.764l2.668,0.272 c0.251-0.013,0.451-0.247,0.499-0.494c0.23-1.107,1.167-1.654,2.219-1.654c0.568,0,1.21,0.213,1.546,0.716 c0.388,0.562,0.324,1.324,0.324,1.975v0.37C12.035,8.127,9.947,8.236,8.45,8.887c-1.73,0.74-2.942,2.249-2.942,4.468 c0,2.839,1.815,4.27,4.139,4.27c1.963,0,3.023-0.471,4.538-1.999c0.501,0.718,0.679,1.072,1.596,1.827 c0.206,0.109,0.466,0.088,0.648-0.074v0.025c0.551-0.486,1.556-1.358,2.119-1.827c0.224-0.182,0.176-0.467,0-0.716 c-0.505-0.69-1.022-1.262-1.022-2.543V8.072c0-1.804,0.121-3.473-1.222-4.715C15.244,2.351,13.482,2,12.14,2z M12.888,10.146 c0.249-0.016,0.498,0,0.748,0v0.592c0,1.065,0.043,1.941-0.499,2.888c-0.439,0.769-1.145,1.234-1.92,1.234 c-1.059,0-1.671-0.792-1.671-1.975C9.546,10.85,11.146,10.259,12.888,10.146z M20.517,16.515c-0.699,0.01-1.518,0.157-2.144,0.592 c-0.192,0.134-0.164,0.321,0.05,0.296c0.705-0.084,2.263-0.281,2.543,0.074c0.28,0.355-0.31,1.815-0.573,2.468 c-0.08,0.197,0.094,0.273,0.274,0.123c1.173-0.972,1.487-2.988,1.247-3.283C21.795,16.641,21.217,16.505,20.517,16.515z M2.141,16.885c-0.146,0.019-0.204,0.208-0.05,0.346c2.608,2.331,6.047,3.727,9.874,3.727c2.73,0,5.917-0.846,8.104-2.444 c0.361-0.265,0.046-0.674-0.324-0.518c-2.452,1.03-5.131,1.53-7.555,1.53c-3.594,0-7.061-0.971-9.874-2.592 C2.254,16.899,2.189,16.879,2.141,16.885z"/></svg>
\ No newline at end of file
diff --git a/assets/icons/gift.svg b/assets/icons/gift.svg
new file mode 100644
index 0000000..d5ecc7a
--- /dev/null
+++ b/assets/icons/gift.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z"/></svg>
\ No newline at end of file
diff --git a/assets/icons/steam.svg b/assets/icons/steam.svg
new file mode 100644
index 0000000..3c60621
--- /dev/null
+++ b/assets/icons/steam.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24" width="24px" height="24px"><path d="M 12 2 C 6.82 2 2.5507812 5.95 2.0507812 11 L 7.0195312 13.759766 C 7.5495313 13.289766 8.24 13 9 13 C 9.03 13 9.0500781 13.009766 9.0800781 13.009766 C 9.6800781 12.089766 10.449766 10.919609 11.009766 10.099609 C 11.009766 10.059609 11 10.03 11 10 C 11 8.93 11.419922 7.9299219 12.169922 7.1699219 C 13.679922 5.6599219 16.320078 5.6599219 17.830078 7.1699219 C 18.580078 7.9299219 19 8.93 19 10 C 19 11.07 18.580078 12.070078 17.830078 12.830078 C 17.070078 13.580078 16.07 14 15 14 C 14.97 14 14.930391 13.990234 14.900391 13.990234 C 14.080391 14.550234 12.910234 15.319922 11.990234 15.919922 C 11.990234 15.949922 12 15.97 12 16 C 12 17.66 10.66 19 9 19 C 7.34 19 6 17.66 6 16 C 6 15.83 6.0107812 15.66 6.0507812 15.5 L 2.0898438 13.300781 C 2.7198438 18.210781 6.92 22 12 22 C 17.52 22 22 17.52 22 12 C 22 6.48 17.52 2 12 2 z M 6.0507812 15.5 L 8.5097656 16.869141 C 8.6697656 16.959141 8.83 17 9 17 C 9.35 17 9.6891406 16.810234 9.8691406 16.490234 C 10.139141 16.000234 9.9702344 15.390859 9.4902344 15.130859 L 7.0195312 13.759766 C 6.5095312 14.189766 6.1607813 14.81 6.0507812 15.5 z M 15 8 A 2 2 0 0 0 15 12 A 2 2 0 0 0 15 8 z"/></svg>
\ No newline at end of file
diff --git a/index.php b/index.php
index 3d91075..ca45e08 100644
--- a/index.php
+++ b/index.php
@@ -45,6 +45,28 @@ $coldhaze["ponies"] = array_filter($coldhaze["ponies"], function ($i) {
             }
         }
 
+        @media (max-width: 1200px) {
+            .contacts-icon {
+                display: block !important;
+                margin-left: auto;
+                margin-right: auto;
+            }
+        }
+
+        @media (max-width: 991px) {
+            #contacts {
+                grid-template-columns: repeat(3, 1fr) !important;
+                grid-row-gap: 20px;
+            }
+        }
+
+        @media (max-width: 767px) {
+            #contacts {
+                grid-template-columns: repeat(2, 1fr) !important;
+                grid-row-gap: 20px;
+            }
+        }
+
         .modal {
             backdrop-filter: blur(20px);
         }
@@ -166,22 +188,26 @@ $coldhaze["ponies"] = array_filter($coldhaze["ponies"], function ($i) {
             <hr>
 
             <h2 class="h3">Check out more</h2>
-            <div id="contacts" style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; margin-top: 20px;">
+            <div id="contacts" style="display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 20px; margin-top: 20px;">
                 <a tabindex="0" data-bs-toggle="modal" data-bs-target="#modal-contact" href="#modal-contact" class="action-link" style="cursor: pointer; background-color: rgba(0, 0, 0, .1); padding: 20px; border-radius: 10px;">
-                    <img src="/assets/icons/contact.svg" alt="Contact icon" aria-label="Contact icon" style="height: 32px;">
-                    <span style="vertical-align: middle;">Get in touch with us</span>
+                    <img class="contacts-icon" src="/assets/icons/contact.svg" alt="Contact icon" aria-label="Contact icon" style="height: 32px;">
+                    <span style="vertical-align: middle;">Get in touch</span>
                 </a>
                 <a tabindex="0" href="https://raindrops-blog.equestria.horse" target="_blank" class="action-link" style="cursor: pointer; background-color: rgba(0, 0, 0, .1); padding: 20px; border-radius: 10px;">
-                    <img src="/assets/icons/blog.svg" alt="Blog icon" aria-label="Blog icon" style="height: 32px;">
-                    <span style="vertical-align: middle;">Visit our blog</span>
+                    <img class="contacts-icon" src="/assets/icons/blog.svg" alt="Blog icon" aria-label="Blog icon" style="height: 32px;">
+                    <span style="vertical-align: middle;">Blog</span>
                 </a>
                 <a tabindex="0" href="https://equestria.dev" target="_blank" class="action-link" style="cursor: pointer; background-color: rgba(0, 0, 0, .1); padding: 20px; border-radius: 10px;">
-                    <img src="https://equestria.dev/assets/favicon2.svg" alt="Equestria.dev logo" aria-label="Equestria.dev logo" style="height: 32px;">
-                    <span style="vertical-align: middle;">Equestria.dev and our projects</span>
+                    <img class="contacts-icon" src="https://equestria.dev/assets/favicon2.svg" alt="Equestria.dev logo" aria-label="Equestria.dev logo" style="height: 32px;">
+                    <span style="vertical-align: middle;">Equestria.dev</span>
                 </a>
                 <a tabindex="0" href="https://ponies.equestria.horse/raindrops" target="_blank" class="action-link" style="cursor: pointer; background-color: rgba(0, 0, 0, .1); padding: 20px; border-radius: 10px;">
-                    <img src="/assets/icons/plural.svg" alt="Plural icon" aria-label="Plural icon" style="height: 32px;">
-                    <span style="vertical-align: middle;">More about our plural system</span>
+                    <img class="contacts-icon" src="/assets/icons/plural.svg" alt="Plural icon" aria-label="Plural icon" style="height: 32px;">
+                    <span style="vertical-align: middle;">Plural system</span>
+                </a>
+                <a tabindex="0"  data-bs-toggle="modal" data-bs-target="#modal-gift" href="#modal-gift" class="action-link" style="cursor: pointer; background-color: rgba(0, 0, 0, .1); padding: 20px; border-radius: 10px;">
+                    <img class="contacts-icon" src="/assets/icons/gift.svg" alt="Gift icon" aria-label="Gift icon" style="height: 32px;">
+                    <span style="vertical-align: middle;">Make a gift</span>
                 </a>
             </div>
         </main>
@@ -237,6 +263,32 @@ $coldhaze["ponies"] = array_filter($coldhaze["ponies"], function ($i) {
         </div>
     </div>
 
+    <div class="modal fade" id="modal-gift">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h4 class="modal-title">Make us a gift</h4>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+                </div>
+
+                <div class="modal-body">
+                    <p>Thank you for wanting to give us something! If you don't know what to give, here are links to our various wishlists:</p>
+
+                    <div class="list-group">
+                        <a class="list-group-item list-group-item-action" href="https://store.steampowered.com/wishlist/id/RaindropsSys/#sort=order" target="_blank">
+                            <img src="/assets/icons/steam.svg" style="width: 24px; height: 24px;"><span style="vertical-align: middle; margin-left: 5px;"><b>Steam</b> (most wanted to least wanted)</span>
+                        </a>
+                        <a class="list-group-item list-group-item-action" href="https://www.amazon.com/hz/wishlist/ls/KJZJ3MY57E4J" target="_blank">
+                            <img src="/assets/icons/amazon.svg" style="width: 24px; height: 24px;"><span style="vertical-align: middle; margin-left: 5px;"><b>Amazon</b> (unordered)</span>
+                        </a>
+                    </div>
+
+                    <div class="alert alert-secondary" style="margin-bottom: 0;margin-top: 1rem;">While we try to give back, we are not always able to. Please do not expect anything back from your gifts and only gift if you are financially able to. It's the thought that matters.</div>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <div class="modal fade" id="modal-credits">
         <div class="modal-dialog">
             <div class="modal-content">
@@ -246,7 +298,7 @@ $coldhaze["ponies"] = array_filter($coldhaze["ponies"], function ($i) {
                 </div>
 
                 <div class="modal-body">
-                    <p>This website is open-source software. The source code used for running it is available on Equestria.dev's Git hosting platform: <a href="https://git.equestria.dev/equestria.dev/violette" target="_blank">https://git.equestria.dev/equestria.dev/violette</a>.</p>
+                    <p>This website is open-source software. The source code used for running it is available on Equestria.dev's GitLab instance: <a href="https://source.equestria.dev/equestria.dev/violette" target="_blank">https://source.equestria.dev/equestria.dev/violette</a>.</p>
 
                     <h4>Trademarks</h4>
                     <p>MY LITTLE PONY, the MY LITTLE PONY logo and the "MY LITTLE PONY" name are registered trademarks of Hasbro in the United States and other countries. Equestria.dev is a trademark of Equestria.dev.</p>