Add public DB

deadlock-api · Oct 28, 2024 · 007758a · 007758a
1 parent 9835669
commit 007758a
Show file tree

Hide file tree

Showing 4 changed files with 51 additions and 7 deletions.
diff --git a/public/assets/playlist_add.svg b/public/assets/playlist_add.svg
diff --git a/public/assets/table.svg b/public/assets/table.svg
diff --git a/public/index.html b/public/index.html
@@ -13,9 +13,9 @@
     <meta name="Cache-Control" content="public, max-age=86400">
     <meta name="robots" content="index, follow">
     <meta name="theme-color" content="#fa4454">
-    <link rel="icon" type="image/ico" href="favicon.ico" />
-    <link rel="icon" type="image/webp" href="favicon.webp" />
-    <link rel="icon" type="image/png" href="favicon.png" />
+    <link rel="icon" type="image/ico" href="favicon.ico"/>
+    <link rel="icon" type="image/webp" href="favicon.webp"/>
+    <link rel="icon" type="image/png" href="favicon.png"/>
 </head>
 <body>
 <header><h1>Deadlock API</h1></header>
@@ -68,7 +68,7 @@ <h2>Deadlock Data API</h2>
             </a>
             <p class="note">
                 <span class="highlight">Not required</span>, but may change<br>
-                For future-proofing, you can request an API-Key.
+                For future-proofing, you can request an API-Key
             </p>
         </div>
     </div>
@@ -96,7 +96,7 @@ <h2>Deadlock Analytics API</h2>
             </a>
             <p class="note">
                 <span class="highlight">Not required</span>, but may change<br>
-                For future-proofing, you can request an API-Key.
+                For future-proofing, you can request an API-Key
             </p>
         </div>
     </div>
@@ -126,6 +126,38 @@ <h2>Deadlock Data Science API</h2>
             </a>
         </div>
     </div>
+    <div>
+        <a href="https://public-db-ui.deadlock-api.com/" title="Deadlock Playground Database" class="feature">
+            <div>
+                <img src="assets/table.svg" alt="Data Science Icon" width="80" height="80">
+                <h2>Deadlock Playground Database</h2>
+                <p>Playground Database for exploring the data.</p>
+            </div>
+        </a>
+        <br>
+        <div>
+            <a href="https://public-db-ui.deadlock-api.com/"
+               title="Deadlock Data Science API" target="_blank">
+                <button>
+                    <img src="assets/database.svg" alt="Key Icon" width="25" height="25">
+                    Database Playground
+                </button>
+            </a>
+            <a href="https://discord.gg/XMF9Xrgfqu" title="Request Data API-Key" target="_blank">
+                <button>
+                    <img src="assets/playlist_add.svg" alt="Key Icon" width="25" height="25">
+                    Feature Requests
+                </button>
+            </a>
+            <p class="note">
+                If you come across data that you would like to see added to any of the APIs,
+                please create a feature request via
+                <a href="https://discord.gg/XMF9Xrgfqu" title="Join Discord Server" target="_blank">
+                    <span class="highlight">Discord</span>
+                </a>
+            </p>
+        </div>
+    </div>
 </main>
 <footer>
     <p id="policy">

diff --git a/public/style.css b/public/style.css
@@ -21,7 +21,7 @@ header {
 
 main {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));
     justify-content: center;
     gap: 60px;
     width: 90%;
@@ -93,6 +93,7 @@ footer {
 
     p#policy {
         max-width: 800px;
+        margin-left: 10px;
     }
 
     div#footer-links {
@@ -152,7 +153,12 @@ a.disabled-link {
 }
 
 .note {
-    text-wrap: wrap;
+    text-wrap: balance;
     text-align: center;
     text-overflow: ellipsis;
+    max-width: 450px;
+
+    a{
+        text-decoration: none;
+    }
 }