72 lines
1.3 KiB
Vue
72 lines
1.3 KiB
Vue
<template>
|
||
<div class="container">
|
||
<ProfessorPokeball size="150px" color="#F44336" :animate="true" />
|
||
<h1>Pokedex Online</h1>
|
||
<p class="subtitle">Your Digital Pokédex Companion</p>
|
||
<p class="description">
|
||
A modern web application for housing different apps that make a professors
|
||
life easier. Built with ❤️ for professors everywhere.
|
||
</p>
|
||
<div class="status">
|
||
<strong>Status:</strong> In Development<br />
|
||
Check back soon for updates!
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup>
|
||
import ProfessorPokeball from './components/ProfessorPokeball.vue';
|
||
</script>
|
||
|
||
<style scoped>
|
||
.container {
|
||
background: white;
|
||
border-radius: 20px;
|
||
padding: 60px 40px;
|
||
max-width: 600px;
|
||
width: 100%;
|
||
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
|
||
text-align: center;
|
||
}
|
||
|
||
h1 {
|
||
color: #333;
|
||
margin-bottom: 20px;
|
||
font-size: 2.5em;
|
||
}
|
||
|
||
.subtitle {
|
||
color: #667eea;
|
||
font-size: 1.2em;
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
.description {
|
||
color: #666;
|
||
line-height: 1.6;
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
.status {
|
||
background: #f0f0f0;
|
||
padding: 15px;
|
||
border-radius: 10px;
|
||
color: #666;
|
||
font-size: 0.9em;
|
||
}
|
||
|
||
.status strong {
|
||
color: #667eea;
|
||
}
|
||
|
||
@media (max-width: 600px) {
|
||
.container {
|
||
padding: 40px 20px;
|
||
}
|
||
|
||
h1 {
|
||
font-size: 2em;
|
||
}
|
||
}
|
||
</style>
|