diff --git a/css/loader.css b/css/loader.css index 0a481b2..10db70e 100644 --- a/css/loader.css +++ b/css/loader.css @@ -29,4 +29,22 @@ } #infobox h2 { margin-right: auto; +} +.button { + margin: 4px; + padding: 2px; + width: 7%; + transition-duration: 0.25s; +} +.button:hover { + filter: brightness(1.1); + transform: scale(1.05); +} +.opposite { + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + margin: 12px; } \ No newline at end of file diff --git a/css/profile.css b/css/profile.css new file mode 100644 index 0000000..2ad4b80 --- /dev/null +++ b/css/profile.css @@ -0,0 +1,93 @@ +section { + width: 90%; + height: 240px; + margin: 24px; + background-color: color-mix(in srgb, var(--color-2) 40%, #00000000 60%); + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 0 10px var(--color-2); + border-radius: 20px; + backdrop-filter: blur(6px); +} +.controls { + width: 48px !important; + margin: 8px !important; + cursor: pointer; +} +section img { + height: 90%; + aspect-ratio: 1 / 1; + margin: 32px; + border-radius: 16px; +} +.column { + flex-direction: column; +} +right { + margin-left: auto; + margin-right: 16px; +} +.badges img { + width: 32px; + border-radius: 2px; + margin: 8px; +} +p { + font-size: 24px; + letter-spacing: 0.5px; + line-height: 36px; +} +div { + margin-left: auto; + margin-right: auto; +} +#enter { + position: absolute; + width: 100vw; + height: 100vh; + background-color: color-mix(in srgb, #000000 60%, #00000000 40%); + backdrop-filter: blur(16px); + z-index: 9999999999; + cursor: pointer; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + transition-duration: 1s; +} +#edit { + width: 48px; + cursor: pointer; +} +#search { + height: 36px !important; +} +results { + display: flex; + width: 95%; + height: 120px; + overflow-y: scroll; + background-color: var(--color-4); + bottom: 16px; + flex-direction: column; +} +result { + border-color: white; + border-width: 4px; + cursor: pointer; + padding: 4px; + margin: 2px; + width: auto; + text-align: left; + display: flex; + flex-direction: column; +} +result h2 { + font-size: 16px; + margin: 0px; +} +result p { + font-size: 12px; + margin: 0px; +} diff --git a/img/fullscreen.svg b/img/fullscreen.svg new file mode 100644 index 0000000..52cee9a --- /dev/null +++ b/img/fullscreen.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/fullscreen_exit.svg b/img/fullscreen_exit.svg new file mode 100644 index 0000000..f4fbe9a --- /dev/null +++ b/img/fullscreen_exit.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/muted.svg b/img/muted.svg new file mode 100644 index 0000000..803ae4b --- /dev/null +++ b/img/muted.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/pause.svg b/img/pause.svg new file mode 100644 index 0000000..de10231 --- /dev/null +++ b/img/pause.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/play.svg b/img/play.svg new file mode 100644 index 0000000..07e4b31 --- /dev/null +++ b/img/play.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/volume.svg b/img/volume.svg new file mode 100644 index 0000000..7244ec4 --- /dev/null +++ b/img/volume.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/js/games.js b/js/games.js index 4053a9a..1e68a5e 100755 --- a/js/games.js +++ b/js/games.js @@ -108,7 +108,7 @@ function starEvent(e) { let newElement = element.cloneNode(true); document.getElementById("starredgames").appendChild(newElement); newElement.addEventListener("click", ()=>{ - location.href=`/loader.html?title=${encodeURIComponent(element.name)}&dir=${element.directory}&img=${element.image}` + location.href=`/loader.html?title=${newElement.childNodes[1].childNodes[0].innerText}&dir=${newElement.getAttribute("data-target")}&img=${newElement.getAttribute("data-image")}` }); }) } else { @@ -128,7 +128,7 @@ function starEvent(e) { let newElement = element.cloneNode(true); document.getElementById("starredgames").appendChild(newElement); newElement.addEventListener("click", ()=>{ - location.href=`/loader.html?title=${encodeURIComponent(element.name)}&dir=${element.directory}&img=${element.image}` + location.href=`/loader.html?title=${newElement.childNodes[1].childNodes[0].innerText}&dir=${newElement.getAttribute("data-target")}&img=${newElement.getAttribute("data-image")}` }); }) } diff --git a/js/main.js b/js/main.js index b398c9a..ede05ab 100755 --- a/js/main.js +++ b/js/main.js @@ -12,7 +12,7 @@ function loadPJS() { script.src = "https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"; document.head.appendChild(script); script.addEventListener("load", ()=>{ - particlesJS.load('particles-js', "js/particlesjs-config.json", ()=>{}); + particlesJS.load('particles-js', "/js/particlesjs-config.json", ()=>{}); }); } diff --git a/profile.html b/profile.html new file mode 100755 index 0000000..dacbb09 --- /dev/null +++ b/profile.html @@ -0,0 +1,69 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {{ name }}'s Profile | Selenite + + + + + +
+ +
+

{{ name }}

+

/u/{{ username }}

+
{{ badges }}
+
+ +

Joined {{ join_date }}

+

Last online {{ online_time }}

+
+
+
+

About Me

+

{{ about }}

+
+ + diff --git a/projects.html b/projects.html index d42cb28..3709c30 100755 --- a/projects.html +++ b/projects.html @@ -12,7 +12,6 @@ - @@ -34,23 +33,6 @@ -
- - - - - - - - - - - - - - -

starred games