Ako/website
1
0
Fork 0
mirror of https://github.com/Akomry/website.git synced 2025-12-06 08:43:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: début AboutView.vue

Browse source
This commit is contained in:
Emi Boucly 2025-04-24 09:27:49 +02:00
parent 8e694ee1cd
commit 1be21957e2
4 changed files with 40 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/App.vue
View file

@ -27,7 +27,7 @@ import HeaderNav from "@/components/HeaderNav.vue"
} }
.background { .background {
height: 250%; height: 100%;
width: 100%; width: 100%;
position:absolute; position:absolute;
top:0; top:0;
@ -38,9 +38,14 @@ import HeaderNav from "@/components/HeaderNav.vue"
#000000 50%, #000000 50%,
map.get(map.get(base.$themes, "dark"), "background") 100%, map.get(map.get(base.$themes, "dark"), "background") 100%,
) no-repeat; ) no-repeat;
resize: both;
font-family: "YaHei Consolas Hybrid", Consolas, Inconsolata, sans-serif; font-family: "YaHei Consolas Hybrid", Consolas, Inconsolata, sans-serif;
} }
body {
background: black
}
.nav-li { .nav-li {
padding: 10px; padding: 10px;
} }

8
frontend/src/components/Projects.vue
View file

@ -7,7 +7,7 @@
<div> <div>
<a href="https://github.com/Akomry/makeyourownapp-jam" target="_blank" rel="external nofllow noopener"> <a href="https://github.com/Akomry/makeyourownapp-jam" target="_blank" rel="external nofllow noopener">
<img class="rounded card" src="../components/icons/Illustration3.png" alt="makeyourownapp-jam" width="300"> <img class="rounded card img" src="../components/icons/Illustration3.png" alt="makeyourownapp-jam">
</a> </a>
<br> <br>
<span>Make your own app! game jam</span> <span>Make your own app! game jam</span>
@ -41,7 +41,7 @@
.card-container { .card-container {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(24rem, auto)); grid-template-columns: repeat(auto-fill, minmax(10rem, auto));
gap: 2rem; gap: 2rem;
} }
@ -61,4 +61,8 @@
.rounded { .rounded {
border-radius: 15px; border-radius: 15px;
} }
.img {
width: 200px;
}
</style> </style>

20
frontend/src/views/AboutView.vue
View file

@ -3,11 +3,29 @@
</script> </script>
<template> <template>
<div class="centerdown"> <div class="">
<div class="center">
<h1>Who am I ?</h1>
</div>
<div class="margin">
<div class="flex">
Heya ! Ako here. <img src="../components/icons/wave.webp" alt="wave" class="emote">
</div>
<div>
I'm a 19-year-old proud transfem and programming passionate. I develop softwares, scripts and maintain my own
server infrastructure in my free time.
</div>
<div>
</div>
</div>
</div> </div>
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">
@use '@/assets/base';
.emote {
height: 3rem;
}
</style> </style>

8
frontend/src/views/HomeView.vue
View file

@ -15,7 +15,7 @@ import { Icon } from '@iconify/vue'
<div style="min-height: 100vh;"> <div style="min-height: 100vh;">
<!-- Welcome text --> <!-- Welcome text -->
<br style="margin-top: 8%"> <br style="margin-top: 8%">
<pre class="center font-bigger"> <pre class="center screen-width">
┌─────────────────────────────────────────────┐ ┌─────────────────────────────────────────────┐
│ _ _ __ │ │ _ _ __ │
│ ___ _ __ ___ (_)| | __ ___ / _| _ __ │ │ ___ _ __ ___ (_)| | __ ___ / _| _ __ │
@ -53,4 +53,10 @@ import { Icon } from '@iconify/vue'
} }
} }
@media screen and (min-width: 1600px) {
body {
font-size: 30px;
}
}
</style> </style>