SplatunesNetwork Preview

commit d11b1d633f5d0f4fb145cb496e78a6d73923ef13 Author: mctaylors Date: Thu Mar 14 19:03:53 2024 +0300 Initial Preview release Signed-off-by: mctaylors diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8bae9be --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +/*/ +!/assets \ No newline at end of file diff --git a/assets/common.css b/assets/common.css new file mode 100644 index 0000000..f96c460 --- /dev/null +++ b/assets/common.css @@ -0,0 +1,55 @@ +@import url(fonts.css); + +:root { + --background-color: black; + --selection-color: #111; + --font-color: #eee; + color: var(--font-color); + background-color: var(--background-color); + font-family: "Inter Tight", sans-serif; +} + +body { + justify-content: center; + margin-bottom: 48px; +} + +.card { + background-color: var(--background-color); + margin: 4px; + border: 1px solid #444; + border-radius: 16px; + transition: 200ms; +} + +.card:hover { + background-color: var(--selection-color); + cursor: pointer; +} + +.content { + margin: 8px; +} + +a { + color: var(--font-color); +} + +a.card { + text-decoration: none; +} + +.footer > a { + font-weight: bold; +} + +.footer { + position: fixed; + left: 0; + bottom: 0; + width: 100%; + padding: 14px 0; + text-align: center; + background-color: #000a; + backdrop-filter: blur(8px); +} \ No newline at end of file diff --git a/assets/fonts.css b/assets/fonts.css new file mode 100644 index 0000000..1faa05d --- /dev/null +++ b/assets/fonts.css @@ -0,0 +1,11 @@ +@font-face { + font-family: 'Inter Tight'; + font-style: normal; + src: url(fonts/InterTight-VariableFont_wght.woff2); +} + +@font-face { + font-family: 'Inter Tight'; + font-style: italic; + src: url(fonts/InterTight-Italic-VariableFont_wght.woff2); +} \ No newline at end of file diff --git a/assets/fonts/InterTight-Italic-VariableFont_wght.woff2 b/assets/fonts/InterTight-Italic-VariableFont_wght.woff2 new file mode 100644 index 0000000..95bf815 Binary files /dev/null and b/assets/fonts/InterTight-Italic-VariableFont_wght.woff2 differ diff --git a/assets/fonts/InterTight-VariableFont_wght.woff2 b/assets/fonts/InterTight-VariableFont_wght.woff2 new file mode 100644 index 0000000..6665715 Binary files /dev/null and b/assets/fonts/InterTight-VariableFont_wght.woff2 differ diff --git a/assets/index.css b/assets/index.css new file mode 100644 index 0000000..75dc2b0 --- /dev/null +++ b/assets/index.css @@ -0,0 +1,24 @@ +body { + display: grid; +} + +.card { + display: flex; + width: 600px; + max-width: 95vw; +} + +.card > img { + margin: 4px; + width: 48px; + height: 48px; + border-radius: 12px; +} + +.content > .title { + font-weight: bold; +} + +.content > .duration { + color: #aaa; +} \ No newline at end of file diff --git a/assets/root.css b/assets/root.css new file mode 100644 index 0000000..0e9add6 --- /dev/null +++ b/assets/root.css @@ -0,0 +1,16 @@ +body { + display: flex; + flex-wrap: wrap; +} + +.card > img { + margin: 8px 8px 0 8px; + width: 192px; + height: 192px; + border-radius: 8px; +} + +.content { + text-align: center; + font-weight: bold; +} \ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 0000000..b874950 --- /dev/null +++ b/index.php @@ -0,0 +1,24 @@ + + + + + + SplatunesNetwork Preview + + + + +

+ ' . $file . ' +

+ '; +} +?> + + + diff --git a/root.php b/root.php new file mode 100644 index 0000000..d6f9de1 --- /dev/null +++ b/root.php @@ -0,0 +1,20 @@ + + + + + + SplatunesNetwork Preview + + + + +

'. $dir .'

+ '; +} +?> + + +