arthur/website
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website.git synced 2026-01-14 20:19:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

working

Browse Source
This commit is contained in:
Arthur Danjou
2023-09-10 16:50:27 +02:00
parent b16ccfdea4
commit 7cc75c99d6
13 changed files with 125 additions and 301 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Announcement.vue
View File

@@ -9,7 +9,7 @@ function getColor() {
</script>
<template>
<div v-if="announce" class="w-full flex justify-center mt-8">
<div v-if="announce" class="w-container flex justify-center mt-8">
<div class="relative">
<h1 class="px-4 py-2 bg-white dark:bg-zinc-900 rounded-md border border-zinc-100 dark:border-zinc-300/10" v-html="announce.content" />
<span class="absolute -top-0.5 -right-0.5 flex h-2 w-2">

23
src/components/MainPhotos.vue Normal file
View File

@@ -0,0 +1,23 @@
<script lang="ts" setup>
</script>
<template>
<div class="flex justify-center gap-5 overflow-hidden py-4 sm:gap-8">
<div class="shadow-md relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl rotate-2">
First
</div>
<div class="shadow-md relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl -rotate-2">
Second
</div>
<div class="shadow-md relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl rotate-2">
Third
</div>
<div class="shadow-md relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl -rotate-2">
Forth
</div>
<div class="shadow-md relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl rotate-2">
Fifth
</div>
</div>
</template>

2
src/components/content/GridSection.vue
View File

@@ -12,7 +12,7 @@ const getColor = computed(() => `text-${appConfig.ui.primary}-500`)
</script>
<template>
<section class="md:border-l md:border-zinc-100 md:pl-6 md:dark:border-zinc-700/40 mb-24">
<section class="md:border-l md:border-zinc-100 md:pl-6 md:dark:border-zinc-700/40 mb-24 px-4">
<div class="grid max-w-3xl grid-cols-1 items-baseline gap-y-8 md:grid-cols-4">
<h2 class="relative text-sm font-semibold pl-3.5" :class="getColor">
<span class="md:hidden absolute inset-y-0 left-0 flex items-center">