diff --git a/app/assets/css/color/gold.css b/app/assets/css/color/gold.css new file mode 100644 index 0000000..5d27914 --- /dev/null +++ b/app/assets/css/color/gold.css @@ -0,0 +1,23 @@ +.golden { + background: linear-gradient(90deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #bf953f); + background-size: 200% 100%; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; + animation: shine 4s linear infinite; +} + +.bg-golden { + background: linear-gradient(90deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #bf953f); + background-size: 200% 100%; + animation: shine 4s linear infinite; +} + +@keyframes shine { + 0% { + background-position: 0% center; + } + 100% { + background-position: 200% center; + } +} diff --git a/app/assets/css/main.css b/app/assets/css/main.css index 1e1afbb..ab8a4f5 100644 --- a/app/assets/css/main.css +++ b/app/assets/css/main.css @@ -1,11 +1,12 @@ @import 'tailwindcss'; @import '@nuxt/ui'; +@import './color/gold.css'; body { font-family: var(--font-main); background-color: var(--depth); scroll-behavior: smooth; - background-image: url('https://res.cloudinary.com/dbihnwsar/image/upload/f_auto,q_auto/v1772911031/EgNIdozXsAEzP9m-protected-intensity-LOW-V2_q1xony.jpg'); + background-image: url('https://res.cloudinary.com/dbihnwsar/image/upload/f_auto,q_auto/v1773426387/lineage_by_alice_bobbaji_d4dxgo7-fullview-protected-intensity-LOW-V2_dxdrjv.jpg'); background-size: cover; background-position: center; background-attachment: fixed; @@ -28,13 +29,14 @@ body::before { @layer base { :root { /* Couleurs */ - --ui-primary: var(--color-indigo-900); - --ui-secondary: var(--color-indigo-400); + --ui-primary: #bb8f36; + --ui-secondary: #d0b173; + --ui-tertiary: #fcf6ba; --depth: var(--color-slate-200); - --ui-success: var(--color-indigo-900); - --ui-info: var(--ui-color-teal-500); - --ui-warning: var(--ui-color-rose-500); - --ui-error: var(--ui-color-red-700); + --ui-success: #bf953f; + --ui-info: var(--ui-color-amber-900); + --ui-warning: var(--ui-color-orange-500); + --ui-error: var(--ui-color-red-800); /* Spacing */ --spacing-sm: 0.5rem; diff --git a/app/components/DrawerHeader.vue b/app/components/DrawerHeader.vue new file mode 100644 index 0000000..4fa7c47 --- /dev/null +++ b/app/components/DrawerHeader.vue @@ -0,0 +1,109 @@ + + + + + diff --git a/app/components/EntitesItem.vue b/app/components/EntitesItem.vue index ff643e2..80daa4c 100644 --- a/app/components/EntitesItem.vue +++ b/app/components/EntitesItem.vue @@ -3,7 +3,7 @@ v-for="entite in props.entites" :key="entite.id" :to="formateLink(entite.id)" - class="border rounded-lg p-4 backdrop-blur-xs hover:shadow-lg hover:bg-white transition flex gap-2" + class="border border-primary rounded-lg p-4 backdrop-blur-xs hover:shadow-lg hover:bg-white transition flex gap-2" >
-

{{ entite.nom }}

- - {{ entite.type }} +

{{ entite.nom }}

+ + {{ entite.type2 }}
-

- {{ entite.description?.substring(0, 60) }}... - Lire la suite +

+ {{ entite.description?.substring(0, 50) }}... + Lire la suite

@@ -33,7 +33,7 @@ {{ tag }} diff --git a/app/components/FooterItem.vue b/app/components/FooterItem.vue index 385d260..fe71842 100644 --- a/app/components/FooterItem.vue +++ b/app/components/FooterItem.vue @@ -1,19 +1,34 @@