Initial commit

.editorconfig

@@ -0,0 +1,16 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.{yml}]
+indent_size = 2

.github/workflows/merge.yml

@@ -0,0 +1,22 @@
+name: Merge
+
+on:
+  schedule: # Run every 3 hours
+  - cron: "0 0,3,6,9,12,15,18,21 * * *"
+  workflow_dispatch:
+
+jobs:
+  merge:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Merge main into production
+        run: |
+          git config --global user.name 'github-actions[bot]'
+          git config --global user.email 'github-actions[bot]@users.noreply.github.com'
+          git fetch --unshallow
+          git pull origin main
+          git checkout production
+          git pull origin production
+          git merge main --no-ff --no-edit
+          git push origin production

.gitignore

@@ -0,0 +1,5 @@
+.idea/
+.vscode/
+deno.json
+
+node_modules/

README.md

@@ -0,0 +1,48 @@
+# Welcome to the Geometry Dash Shitty List template!
+
+# FAQ
+
+---
+
+### Website FAQ
+
+Can I use the Shitty List template?
+
+- Sure. Credits to the shitty list are embedded onto this template so keep that in.
+
+The website isn't loading! What can I do?
+
+- Since no webhost is perfect, downtime is expected. You can either wait till the
+  website is back online or you can do some behind the scene stuff and run it
+  locally.
+
+---
+
+### Usage FAQ
+
+How do I add levels to the list?
+
+- Use one of the provided template json files and modify the details to fill in the details
+  accordingly. If there are any errors, the site will not load, or you will get a pop up
+  saying which level isn't loading.
+
+How do I add records to the list?
+
+- Again, use one of the given templates, and modify the details accordingly. For mobile
+  records, you can add the code `mobile: true` within the braces. Make sure there are no
+  excess or missing commas, or the website might not load properly.
+
+What are some common reasons for the website not loading?
+
+- The most common cause is missing commas and inverted commas, or extra commas at the end of
+  the last lines within list entries. A good way to find the error-causing lines can be found
+  by using `Inspect Element` and going to the `Console` tab.
+
+---
+
+## More Coming Soon!
+
+## Repo Maintainers:
+
+- Prometheus
+- Emonadeo

SECURITY.md

@@ -0,0 +1,16 @@
+# Security Policy
+
+## Supported Versions
+
+| Version | Supported          |
+| ------- | ------------------ |
+| 1.0.x   | :white_check_mark: |
+
+## Reporting a Vulnerability
+
+You can Report vulnerabilities through the
+[discord server](https://discord.gg/shittylist) or by DM'ing Raily
+(iRaily#1230), BlueStone (Bluestone.#1449), Electro (Electro#0457) or
+Prometheus(Prometheus#9463). Responses to vulnerability reports usually take
+around 3 hours to more than a day, depending on how difficult fixing a
+vulnerability is.

css/components/btn.css

@@ -0,0 +1,21 @@
+.btn {
+    border: none;
+    cursor: pointer;
+    font: inherit;
+    padding: 1rem;
+    margin: 0;
+    background-color: var(--color-primary);
+    color: var(--color-on-primary);
+    border-radius: 0.5rem;
+    box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 102, 0.5);
+    transition: transform 100ms ease;
+}
+
+.btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.btn:not(:disabled):hover:not(:active) {
+    transform: translateY(-2px);
+}

css/components/nav.css

@@ -0,0 +1,54 @@
+.nav {
+    display: flex;
+    column-gap: 2rem;
+}
+.nav .nav__tab {
+    padding-top: 4px;
+    border-bottom: 4px solid transparent;
+    display: flex;
+    align-items: center;
+    padding-inline: 0.5rem;
+    transition: border-color 100ms ease;
+}
+.nav .nav__tab.router-link-active {
+    border-color: var(--color-on-primary);
+}
+.nav .nav__tab:hover {
+    border-color: var(--color-on-primary);
+}
+.nav .nav__actions {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+}
+.nav .nav__actions .nav__icon {
+    height: 3rem;
+    width: 3rem;
+    border: none;
+    background-color: transparent;
+    border-radius: 50%;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background-color 100ms ease;
+}
+.nav .nav__actions .nav__icon:hover {
+    background-color: rgba(255, 255, 255, 0.2);
+}
+.nav .nav__actions .nav__icon img {
+    height: 1.5rem;
+}
+.nav .nav__actions .nav__cta {
+    margin-left: 1rem;
+    padding: 1rem;
+    background-color: var(--color-on-primary);
+    color: var(--color-primary);
+    border-radius: 0.5rem;
+    box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 102, 0.5);
+    transition: transform 100ms ease;
+}
+.nav .nav__actions .nav__cta:hover:not(:active) {
+    transform: translateY(-2px);
+}