From 0084272b55cf7b2bbbd883c1a2e1249185abcce1 Mon Sep 17 00:00:00 2001 From: Manuel Raimann Date: Tue, 15 Oct 2024 02:48:56 +0200 Subject: [PATCH] Add Link to API Key Request --- public/assets/github.svg | 5 ++ public/assets/key.svg | 3 + public/assets/patreon.svg | 11 +--- public/assets/swagger.svg | 5 ++ public/index.html | 133 ++++++++++++++++++++++++++++---------- public/style.css | 85 ++++++++++++++++++------ 6 files changed, 182 insertions(+), 60 deletions(-) create mode 100644 public/assets/github.svg create mode 100644 public/assets/key.svg create mode 100644 public/assets/swagger.svg diff --git a/public/assets/github.svg b/public/assets/github.svg new file mode 100644 index 0000000..21a4d56 --- /dev/null +++ b/public/assets/github.svg @@ -0,0 +1,5 @@ + + + diff --git a/public/assets/key.svg b/public/assets/key.svg new file mode 100644 index 0000000..bf71534 --- /dev/null +++ b/public/assets/key.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/public/assets/patreon.svg b/public/assets/patreon.svg index dae33c7..e8c2d58 100644 --- a/public/assets/patreon.svg +++ b/public/assets/patreon.svg @@ -1,12 +1,7 @@ - - - - + diff --git a/public/assets/swagger.svg b/public/assets/swagger.svg new file mode 100644 index 0000000..032feba --- /dev/null +++ b/public/assets/swagger.svg @@ -0,0 +1,5 @@ + + + Swagger icon + + \ No newline at end of file diff --git a/public/index.html b/public/index.html index 612dc17..4f99532 100644 --- a/public/index.html +++ b/public/index.html @@ -17,27 +17,86 @@

Deadlock API

- +
+ +
+ Gallery Icon +

Deadlock Assets API

+

Images & Stats of heroes, items, weapons, abilities, and much more.

+
+ +
- Gallery Icon -

Deadlock Assets API

-

Images & Stats of heroes, items, weapons, abilities, and much more.

+ + + + + +
- - +
+
+ +
+ Database Icon +

Deadlock Data API

+

Game data like active matches and builds

+
+ +
- Database Icon -

Deadlock Data API

-

Game data like active matches and builds

+ + + + + + +

+ Not required, but may change
+ For future-proofing, you can request an API-Key. +

- - +
+
+ +
+ Analytics Icon +

Deadlock Analytics API

+

Analytics & Statistics, including match, player, hero and item statistics.

+
+ +
- Analytics Icon -

Deadlock Analytics API

-

Analytics & Statistics, including match, player, hero and item statistics.

+ + + + + + +

+ Not required, but may change
+ For future-proofing, you can request an API-Key. +

- +
diff --git a/public/style.css b/public/style.css index 665cf4d..7f6c1f8 100644 --- a/public/style.css +++ b/public/style.css @@ -15,10 +15,24 @@ main { display: flex; flex-wrap: wrap; justify-content: center; - align-items: center; gap: 40px; width: 100%; + > div { + text-align: center; + + > div { + display: flex; + gap: 0.8rem; + justify-content: space-around; + flex-direction: column; + width: 100%; + p{ + margin: 0 auto; + } + } + } + a.feature { color: white; text-decoration: none; @@ -38,6 +52,7 @@ main { text-wrap: balance; height: min(25vh, 250px); width: min(70vw, 350px); + margin: 0 auto; &:hover { transform: scale(1.05); @@ -70,27 +85,48 @@ footer { max-width: 800px; } - a button { - background: #fa4454; - border: 0.2rem solid #fa4454; - padding: 0.5rem; - border-radius: 1rem; - color: white; - font-size: 15px; - line-height: 25px; - text-wrap: nowrap; - cursor: pointer; - transition: all 0.3s; - - &:hover { - background: white; - color: black; - } + div#footer-links { + display: flex; + flex-wrap: wrap; + gap: 0.4rem; + margin-left: auto; + } +} + +a button { + background: #fa4454; + border: 0.2rem solid #fa4454; + padding: 0.5rem; + border-radius: 1rem; + color: white; + font-size: 15px; + line-height: 25px; + text-wrap: nowrap; + cursor: pointer; + transition: all 0.3s; + + &:hover { + background: white; + color: black; - img { - vertical-align: bottom; + img:not(.no-invert) { + filter: invert(1); } } + + img { + vertical-align: bottom; + } +} + +a.disabled-link { + pointer-events: none; + cursor: none; + opacity: 0.5; + + button { + cursor: none; + } } @media (max-width: 908px) { @@ -98,4 +134,15 @@ footer { visibility: hidden; display: none; } +} + +.highlight{ + color: #fa4454; + font-weight: bolder; +} + +.note{ + text-wrap: wrap; + text-align: center; + text-overflow: ellipsis; } \ No newline at end of file