selenite/frontend
1
0
Fork 0
mirror of https://gitlab.com/skysthelimit.dev/selenite.git synced 2025-06-16 10:32:08 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

css change + jquery

Browse Source
This commit is contained in:
Sky 2023-07-22 18:09:15 -04:00
parent 5450e0a18d
commit 2fa4c2b581
3 changed files with 20 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@ -25,6 +25,7 @@
<meta name="author" content="Website Creator" /> <meta name="author" content="Website Creator" />
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="/js/cookie.js"></script> <script src="/js/cookie.js"></script>
<script src="/js/games.js"></script> <script src="/js/games.js"></script>
</head> </head>

10
js/games.js
View File

@ -1,7 +1,3 @@
window.addEventListener("load", loadJson()); $.getJSON("/games.json", function (data) {
console.log(data);
function loadJson() { })
fetch('./games.json')
.then((response) => response.json())
.then((json) => console.log(json));
}

26
style.css
View File

@ -1,10 +1,7 @@
html { 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; text-align: center;
align-content: center; align-content: center;
font-family: "Share Tech Mono", monospace; font-family: "Share Tech Mono", monospace;
background-size: 400% 400%;
animation: bg-gradient 30s ease infinite;
} }
.content { .content {
@ -100,20 +97,19 @@ a {
100% {padding-left: 5%;padding-right: 5%;} 100% {padding-left: 5%;padding-right: 5%;}
} }
@keyframes bg-gradient { 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% { 0% {
background-position: 50% 20%; background-position: 100% 0%
}
25% {
background-position: 100% 90%;
}
50% {
background-position: 0% 100%;
}
75% {
background-position: 100% 90%;
} }
100% { 100% {
background-position: 50% 20%; background-position: 15% 100%
} }
} }