diff --git a/index.html b/index.html index 3b4bf97a..a53ba87f 100644 --- a/index.html +++ b/index.html @@ -25,6 +25,7 @@ + diff --git a/js/games.js b/js/games.js index 870eda80..04f4cdae 100644 --- a/js/games.js +++ b/js/games.js @@ -1,7 +1,3 @@ -window.addEventListener("load", loadJson()); - -function loadJson() { - fetch('./games.json') - .then((response) => response.json()) - .then((json) => console.log(json)); -} \ No newline at end of file +$.getJSON("/games.json", function (data) { + console.log(data); +}) \ No newline at end of file diff --git a/style.css b/style.css index c9ffe3f6..15b10890 100644 --- a/style.css +++ b/style.css @@ -1,10 +1,7 @@ html { - background: linear-gradient(45deg, rgb(36, 69, 128) 0%, rgba(22,65,111,1) 34%, rgba(11,5,65,1) 89%); text-align: center; align-content: center; font-family: "Share Tech Mono", monospace; - background-size: 400% 400%; - animation: bg-gradient 30s ease infinite; } .content { @@ -100,20 +97,19 @@ a { 100% {padding-left: 5%;padding-right: 5%;} } -@keyframes bg-gradient { - 0% { - background-position: 50% 20%; - } - 25% { - background-position: 100% 90%; - } - 50% { - background-position: 0% 100%; - } - 75% { - background-position: 100% 90%; - } - 100% { - background-position: 50% 20%; - } - } +body { + background: linear-gradient(45deg, rgba(36, 69, 128, 1) 0%, rgba(29, 20, 105, 1) 33%, rgba(36, 69, 128, 1) 66%, rgb(29, 20, 105) 100%); + background-size: 400% 400%; + animation: gradient 20s linear infinite; + height: 100vh; +} + +@keyframes gradient { + 0% { + background-position: 100% 0% +} +100% { + background-position: 15% 100% +} +} + \ No newline at end of file