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>
<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="relative pt-20">
<div class="absolute top-60 -left-20 lg:-left-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">
<div class="absolute top-40 -left-20 lg:-left-10">
<BlurredBlobCanvas
:blur="30"
:size="300"
@ -14,7 +14,7 @@
:colors="['#eb34cf', '#6577fc']"
/>
</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">
Moritz Ruth
</div>
@ -29,15 +29,14 @@
<XSpacer v="5"/>
<p>
I&nbsp;primarily&nbsp;focus&nbsp;on
Web&nbsp;and&nbsp;Android&nbsp;development,
but&nbsp;I&nbsp;also&nbsp;do&nbsp;Backend&nbsp;sometimes.
full-stack Web&nbsp;and&nbsp;Android&nbsp;development.
</p>
</div>
<XSpacer v="10"/>
<router-link to="/contact" :class="$style.reachOut">Reach out</router-link>
</main>
</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">
<BlurredBlobCanvas
:blur="30"