add everything
This commit is contained in:
112
index.html
Normal file
112
index.html
Normal file
@@ -0,0 +1,112 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=1024" />
|
||||
|
||||
<title>Evil Demonlist</title>
|
||||
<link rel="icon" href="/tsl_logo.png" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@500;700&display=swap" rel="stylesheet" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/reset.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/typography.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/main.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/pages/home.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/pages/list.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/pages/card_list.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/pages/leaderboard.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/pages/roulette.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/pages/listpacks.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/components/nav.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/components/btn.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/components/tabs.css" />
|
||||
<script src="https://unpkg.com/vue@3.2.31/dist/vue.global.js"></script>
|
||||
<script src="https://unpkg.com/vue-router@4.0.14/dist/vue-router.global.prod.js"></script>
|
||||
<script type="module" src="/js/main.js"></script>
|
||||
<script type="module">
|
||||
import { changeList } from "./js/content.js";
|
||||
|
||||
export function onChangeList(){
|
||||
changeList();
|
||||
}
|
||||
|
||||
window.onChangeList = onChangeList;
|
||||
</script>
|
||||
</head>
|
||||
<body id="app">
|
||||
<div class="root" :class="{ dark: store.dark, shitty: store.shitty }">
|
||||
<header class="surface">
|
||||
<div class="logo">
|
||||
<img src="tsl_logo_wName.png" alt="o am not going to fix" />
|
||||
<!--<div v-else class="logo">
|
||||
<h2>the evil lsit</h2>
|
||||
<p>pointercreate</p>
|
||||
</div>-->
|
||||
</div>
|
||||
<nav class="nav">
|
||||
<router-link class="nav__tab" to="/">
|
||||
<span class="type-label-lg">Home</span>
|
||||
</router-link>
|
||||
<router-link class="nav__tab" to="/list">
|
||||
<span class="type-label-lg">List</span>
|
||||
</router-link>
|
||||
<router-link class="nav__tab" to="/leaderboard">
|
||||
<span class="type-label-lg">Leaderboard</span>
|
||||
</router-link>
|
||||
<router-link class="nav__tab" to="/roulette">
|
||||
<span class="type-label-lg">Roulette</span>
|
||||
</router-link>
|
||||
<router-link class="nav__tab" to="/list-packs">
|
||||
<span class="type-label-lg">Packs</span>
|
||||
</router-link>
|
||||
<div class="nav__actions">
|
||||
<!--<button
|
||||
class="nav__icon toggle-shitty"
|
||||
@click.prevent="store.toggleShitty()"
|
||||
>
|
||||
<img
|
||||
src="https://cdn.discordapp.com/emojis/1340545459269402756.webp?size=96"
|
||||
alt="Shitty Mode"
|
||||
/>
|
||||
</button>
|
||||
<button
|
||||
class="nav__icon"
|
||||
@click.prevent="store.toggleDark()"
|
||||
>
|
||||
<img
|
||||
:src="store.dark ? '/assets/light.svg' : '/assets/dark.svg'"
|
||||
alt=""
|
||||
/>
|
||||
</button>
|
||||
<a class="nav__icon" href="https://discord.gg/sPdBsWQWJ5">
|
||||
<img src="/assets/discord.svg" alt="Discord Logo" />
|
||||
</a>
|
||||
<a class="nav__cta type-label-lg"
|
||||
href="https://discord.gg/sPdBsWQWJ5"
|
||||
target="_blank">Submit Record</a>
|
||||
-->
|
||||
<button
|
||||
class="nav__icon"
|
||||
@click.prevent="store.toggleLayout()"
|
||||
>
|
||||
<img
|
||||
:src="store.pointercrateLayout ? '/assets/cardMode.svg' : '/assets/aredlMode.svg'"
|
||||
alt=""
|
||||
/>
|
||||
</button>
|
||||
<select onchange="onChangeList()" class="nav__switch" id="list_dropdown">
|
||||
<option value="dl">Demonlist</option>
|
||||
<option value="cl">Challenge List</option>
|
||||
<option value="ill">Impossible List</option>
|
||||
<option value="pl">Platformer List</option>
|
||||
</select>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<router-view></router-view>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user