tabby/vue-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chrono chamber landing page

Browse source
This commit is contained in:
Tabby 2025-04-10 01:59:20 +10:00
parent 0c39c7da06
commit f36b168aa0
1 changed files with 104 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

112
pages/chrono-chamber.vue
View file

@ -1,16 +1,112 @@
<!-- portal page -->
<template>
<div>
<h1>Chrono Chamber</h1>
Hey there, if youre part of the smash staff i will be updating this page shortly to have links to the game, info and a way to play it!
Once its ready i imagine it will look something like this: <a href="https://teamstingray.dev/arcane">teamstingray.dev/arcane</a>
Chrono chamber landing page/redirect to steam, probably like teamstingray.dev/arcane
<div class="landing-div">
<img class="image-card" src="https://img.itch.zone/aW1nLzE3MzE3NDAzLnBuZw==/315x250%23c/pxmt%2BB.png"></img>
<hr>
<!-- <br></br>
<a href="https://store.steampowered.com/app/2899410/Arcane_Raiders/">
<div class="landing-card" >
<h2 class="landing-subheading">Steam</h2>
<p>Wishlist the game!</p>
</div>
</a> -->
<br></br>
<a href="https://tabby-cat-nya.itch.io/chronochamber">
<div class="landing-card" >
<h2 class="landing-subheading">Itch.io</h2>
<p>Play the game now!</p>
</div>
</a>
<br></br>
<a href="https://tabbycat.dev">
<div class="landing-card" >
<h2 class="landing-subheading">tabbycat.dev</h2>
<p>Check out my site!</p>
</div>
</a>
<!-- <br></br>
<a href="https://discord.gg/3BPYMHqNve">
<div class="landing-card" >
<h2 class="landing-subheading">Discord</h2>
<p>Chat with the devs and get exclusive updates!</p>
</div>
</a> -->
</div>
</template>
<script lang="ts" setup>
</script>
<style scoped>
/* Tech Fest Landing Page Styles */
.landing-div{
padding: 10%;
align-items: center;
text-align: center;
margin-left: 15%;
margin-right: 15%;
}
.landing-heading{
font-size: 40px;
font-weight: 600;
}
.landing-subheading{
font-size: 30px;
font-weight: 500;
}
.landing-card{
background-color: rgb(132, 0, 184);
padding: 10px;
overflow: hidden;
border-radius: 10px;
transition: 0.3s;
}
.landing-card:hover {
background-color: rgb(200, 0, 207);
}
.image-card{
overflow: hidden;
border-radius: 10px;
align-items: center;
text-align: center;
/* margin-left: auto;
margin-right: auto; */
/* max-width: 100%; */
width: 100%;
}
p, h1, h2{
color: white;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:link{
text-decoration: none;
}
a:visited{
text-decoration: none;
}
</style>