moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

Center the boxes on /

Browse source
This commit is contained in:
Moritz Ruth 2022-07-25 12:47:42 +02:00
parent 18682a5a6c
commit ae32dea492
1 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/pages/index.vue
View file

@ -1,8 +1,8 @@
<template> <template>
<div class="min-h-100vh w-full flex flex-col items-center justify-between"> <div class="min-h-100vh w-full flex flex-col items-center justify-between">
<div class="w-full max-w-1200px flex justify-between -lg:flex-col p-5 sm:p-10"> <div class="w-full max-w-1200px flex justify-between -lg:flex-col p-5 sm:p-10 lg:pt-25vh">
<div class="relative pt-20"> <div class="relative">
<div class="absolute top-60 -left-20 lg:-left-10"> <div class="absolute top-40 -left-20 lg:-left-10">
<BlurredBlobCanvas <BlurredBlobCanvas
:blur="30" :blur="30"
:size="300" :size="300"
@ -14,7 +14,7 @@
:colors="['#eb34cf', '#6577fc']" :colors="['#eb34cf', '#6577fc']"
/> />
</div> </div>
<main class="relative max-w-130 p-2 lg:pl-10"> <main class="relative max-w-130 p-2 -lg:pt-20 lg:pl-10">
<div class="font-bold font-special text-3xl sm:text-4xl"> <div class="font-bold font-special text-3xl sm:text-4xl">
Moritz Ruth Moritz Ruth
</div> </div>
@ -29,15 +29,14 @@
<XSpacer v="5"/> <XSpacer v="5"/>
<p> <p>
I&nbsp;primarily&nbsp;focus&nbsp;on I&nbsp;primarily&nbsp;focus&nbsp;on
Web&nbsp;and&nbsp;Android&nbsp;development, full-stack Web&nbsp;and&nbsp;Android&nbsp;development.
but&nbsp;I&nbsp;also&nbsp;do&nbsp;Backend&nbsp;sometimes.
</p> </p>
</div> </div>
<XSpacer v="10"/> <XSpacer v="10"/>
<router-link to="/contact" :class="$style.reachOut">Reach out</router-link> <router-link to="/contact" :class="$style.reachOut">Reach out</router-link>
</main> </main>
</div> </div>
<div class="relative lg:pr-20 pt-20 pb-10 mt-0"> <div class="relative lg:pr-20 -lg:pt-20 pb-10 mt-0">
<nav class="absolute w-full pt-20 flex justify-center"> <nav class="absolute w-full pt-20 flex justify-center">
<BlurredBlobCanvas <BlurredBlobCanvas
:blur="30" :blur="30"