<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>