landing page
This commit is contained in:
@@ -1,11 +1,20 @@
|
||||
<template>
|
||||
<v-app>
|
||||
<v-main>
|
||||
<HelloWorld />
|
||||
</v-main>
|
||||
</v-app>
|
||||
<v-app :theme="theme">
|
||||
<v-main>
|
||||
<TheLanding />
|
||||
</v-main>
|
||||
</v-app>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
//
|
||||
import {
|
||||
useDark,
|
||||
useToggle,
|
||||
} from '@vueuse/core';
|
||||
import { computed } from 'vue';
|
||||
|
||||
const dark = useDark();
|
||||
const toggleDark = useToggle(dark);
|
||||
|
||||
const theme = computed(() => dark.value ? 'dark' : 'light')
|
||||
</script>
|
||||
|
||||
@@ -1,75 +0,0 @@
|
||||
<template>
|
||||
<v-container class="fill-height">
|
||||
<v-responsive class="align-center text-center fill-height">
|
||||
<v-img height="300" src="@/assets/logo.svg" />
|
||||
|
||||
<div class="text-body-2 font-weight-light mb-n1">Welcome to</div>
|
||||
|
||||
<h1 class="text-h2 font-weight-bold">Vuetify</h1>
|
||||
|
||||
<div class="py-14" />
|
||||
|
||||
<v-row class="d-flex align-center justify-center">
|
||||
<v-col cols="auto">
|
||||
<v-btn
|
||||
href="https://vuetifyjs.com/components/all/"
|
||||
min-width="164"
|
||||
rel="noopener noreferrer"
|
||||
target="_blank"
|
||||
variant="text"
|
||||
>
|
||||
<v-icon
|
||||
icon="mdi-view-dashboard"
|
||||
size="large"
|
||||
start
|
||||
/>
|
||||
|
||||
Components
|
||||
</v-btn>
|
||||
</v-col>
|
||||
|
||||
<v-col cols="auto">
|
||||
<v-btn
|
||||
color="primary"
|
||||
href="https://vuetifyjs.com/introduction/why-vuetify/#feature-guides"
|
||||
min-width="228"
|
||||
rel="noopener noreferrer"
|
||||
size="x-large"
|
||||
target="_blank"
|
||||
variant="flat"
|
||||
>
|
||||
<v-icon
|
||||
icon="mdi-speedometer"
|
||||
size="large"
|
||||
start
|
||||
/>
|
||||
|
||||
Get Started
|
||||
</v-btn>
|
||||
</v-col>
|
||||
|
||||
<v-col cols="auto">
|
||||
<v-btn
|
||||
href="https://community.vuetifyjs.com/"
|
||||
min-width="164"
|
||||
rel="noopener noreferrer"
|
||||
target="_blank"
|
||||
variant="text"
|
||||
>
|
||||
<v-icon
|
||||
icon="mdi-account-group"
|
||||
size="large"
|
||||
start
|
||||
/>
|
||||
|
||||
Community
|
||||
</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-responsive>
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
//
|
||||
</script>
|
||||
67
site/src/components/TheLanding.vue
Normal file
67
site/src/components/TheLanding.vue
Normal file
@@ -0,0 +1,67 @@
|
||||
<template>
|
||||
<v-container>
|
||||
<v-row>
|
||||
<v-col>
|
||||
<v-sheet rounded :elevation="5" class="pa-4">
|
||||
This is an experimental PvP reimplementation of <a href="https://mikeklubnika.itch.io/buckshot-roulette" target="_blank">Buckshot Roulette, a computer game by Mike Klubnika</a>.
|
||||
Please play here only if you've bought and played the original.
|
||||
</v-sheet>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col>
|
||||
<v-sheet rounded :elevation="5" class="pa-4">
|
||||
There are no niceties in this implementation:
|
||||
<ul>
|
||||
<li>No user accounts. Functionality is tied to your IP address for now, and things will probably
|
||||
break if there are multiple players on the same local network.</li>
|
||||
<li>No MMR. Matching is done purely on a first-come, first-served basis.</li>
|
||||
<li>No saves. If you disconnect, or the server goes down for any reason, everything is gone.</li>
|
||||
<li>No pretty. Buckshot Roulette is an incredibly stylish and atmospheric game; this version is not.
|
||||
</li>
|
||||
</ul>
|
||||
</v-sheet>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col>
|
||||
<v-sheet rounded :elevation="5" class="pa-4">
|
||||
Similarly, this server is not intended to be robust.
|
||||
It runs on a hand-me-down PC sitting on the floor of my living room, the same computer that runs <a href="https://twitch.tv/robotisbroken" target="_blank">RobotIsBroken</a>.
|
||||
Please don't DoS me. It won't be a challenge, and all it will do is rob people of fun.
|
||||
</v-sheet>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col>
|
||||
<v-sheet rounded :elevation="5" class="pa-4">
|
||||
<v-row>
|
||||
<v-col>
|
||||
In order to provide the functionality of this service, I must collect and process your IP
|
||||
address,
|
||||
which is identifying information.
|
||||
I do not permanently store it, and I do not use it for any other purpose.
|
||||
However, I still feel it is appropriate to explicitly require your consent to use it.
|
||||
Clicking this button saves a cookie on your device which tells the server it's ok to handle your
|
||||
information as necessary to provide the service.
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col width="auto"></v-col>
|
||||
<v-col cols="auto">
|
||||
<v-btn color="secondary">TODO(zeph): actually implement this</v-btn>
|
||||
</v-col>
|
||||
<v-col width="auto"></v-col>
|
||||
</v-row>
|
||||
</v-sheet>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col width="auto"></v-col>
|
||||
<v-col cols="auto">
|
||||
<v-btn color="primary">Play</v-btn>
|
||||
</v-col>
|
||||
<v-col width="auto"></v-col>
|
||||
</v-row>
|
||||
</v-container>
|
||||
</template>
|
||||
Reference in New Issue
Block a user