Files
aranroig.com/frontend/app/pages/index.vue
Aran Roig c2d0e0f93a
All checks were successful
Build and Deploy Nuxt / build (push) Successful in 28s
More drake
2026-03-17 23:30:20 +01:00

73 lines
2.8 KiB
Vue

<script setup lang="ts">
import api from '~/composables/api'
const { get, post } = api();
onMounted(async () => {
try {
console.log("Getting")
const response = await get('/test');
console.log('API Response:', response);
} catch (error) {
console.error('API Error:', error);
}
});
</script>
<template>
<h1>ARANROIG.COM</h1>
<Container>
<Sprite path="/sprites/alfadir/" frames="13" fps="6" top="-416px" right="-180px" width="900"></Sprite>
<p>Hi, I'm Aran!
<br>Welcome to my website! It is still under intense development, so I recommend to come back later!
</p>
<ul>
<li>You can check my resume <a href="https://cv.aranroig.com">here</a></li>
<li>Or check out my projects on <a href="https://github.com/BinarySandia04">GitHub</a></li>
</ul>
<br>
</Container>
<!--
<div class="two-columns">
<Container style="flex-basis: 70%">
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
</Container>
<Container style="flex-basis: 30%">
Test Lorem ipsum
</Container>
</div>
<div class="two-columns">
<Container style="flex-basis: 70%">
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
</Container>
<Container style="flex-basis: 30%">
Test Lorem ipsum
</Container>
</div>
<div class="two-columns">
<Container style="flex-basis: 70%">
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
</Container>
<Container style="flex-basis: 30%">
Test Lorem ipsum
</Container>
</div>
-->
</template>
<style lang="scss" scoped>
.two-columns {
display: flex;
width: 100%;
}
</style>