From a325d520528b05eed31712d22366c8c26384fa38 Mon Sep 17 00:00:00 2001 From: webfussel Date: Fri, 21 Feb 2025 14:18:42 +0100 Subject: [PATCH] ADD: richtext system Added richtext system for better card content. --- app/assets/css/global.css | 20 ++-- app/components/SkillsEasy.vue | 169 ++++++++++++++++++++++++++++++---- 2 files changed, 165 insertions(+), 24 deletions(-) diff --git a/app/assets/css/global.css b/app/assets/css/global.css index c880e91..1f33474 100644 --- a/app/assets/css/global.css +++ b/app/assets/css/global.css @@ -96,6 +96,14 @@ a { color: var(--color-white); } +a.text { + color: var(--color-orange); + + &:hover { + color: var(--color-orange-light); + } +} + .nowrap { white-space: nowrap; } @@ -107,16 +115,8 @@ a.mail { color: var(--color-orange); font-weight: bold; - & img { - filter: invert(50%) sepia(84%) saturate(868%) hue-rotate(1deg) brightness(103%) contrast(100%); - } - &:hover { color: var(--color-orange-light); - - & img { - filter: invert(72%) sepia(59%) saturate(390%) hue-rotate(343deg) brightness(102%) contrast(103%); - } } } @@ -164,6 +164,10 @@ span.chip { min-height: 100vh; } +.bold { + font-weight: bold; +} + .margin-top { margin-top: 3rem; } diff --git a/app/components/SkillsEasy.vue b/app/components/SkillsEasy.vue index bb01cbf..96a6ea7 100644 --- a/app/components/SkillsEasy.vue +++ b/app/components/SkillsEasy.vue @@ -8,7 +8,21 @@

{{skill.title}}

-

{{t}}

+ + {{ content}} + +
@@ -17,35 +31,158 @@