diff --git a/app/assets/css/blog/article.css b/app/assets/css/blog/article.css deleted file mode 100644 index 068ae00..0000000 --- a/app/assets/css/blog/article.css +++ /dev/null @@ -1,62 +0,0 @@ -.BlogArticle { - display: flex; - flex-direction: column; - gap: 2rem; - - & .meta { - display: flex; - gap: 1rem; - align-items: center; - } - - & .article-content { - background: var(--color-black); - border-radius: 1rem; - } - - & .article-text { - padding: 2rem; - } - - & header { - padding: 2rem 2rem 0; - } - - h1 { - font-size: 2rem; - display: flex; - flex-direction: column; - - & small { - font-size: 1.2rem; - font-style: italic; - } - } - - h2 { - font-size: 1.5rem; - font-weight: lighter; - margin-top: 2rem; - margin-bottom: 1rem; - } - - & .image { - width: 100%; - height: 450px; - border-radius: 1rem 1rem 0 0; - overflow: hidden; - background: #000; - - & img { - width: 100%; - height: 100%; - opacity: .8; - object-fit: cover; - object-position: center; - } - } - - & p { - margin-bottom: .5rem; - } -} \ No newline at end of file diff --git a/app/assets/css/blog/excerpt.css b/app/assets/css/blog/excerpt.css deleted file mode 100644 index 8ba25a1..0000000 --- a/app/assets/css/blog/excerpt.css +++ /dev/null @@ -1,3 +0,0 @@ -.Excerpt { - font-style: italic; -} \ No newline at end of file diff --git a/app/assets/css/blog/overview.css b/app/assets/css/blog/overview.css deleted file mode 100644 index 8bdda6b..0000000 --- a/app/assets/css/blog/overview.css +++ /dev/null @@ -1,16 +0,0 @@ -.BlogOverview { - & .category-list { - display: flex; - justify-content: center; - flex-wrap: wrap; - gap: 1rem; - list-style: none; - } - - & .article-overview { - width: 100%; - display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - gap: 2rem; - } -} \ No newline at end of file diff --git a/app/assets/css/blog/author.css b/app/assets/css/blogAuthor.css similarity index 100% rename from app/assets/css/blog/author.css rename to app/assets/css/blogAuthor.css diff --git a/app/assets/css/blog/card.css b/app/assets/css/blogCard.css similarity index 94% rename from app/assets/css/blog/card.css rename to app/assets/css/blogCard.css index 7b067c7..66fe68e 100644 --- a/app/assets/css/blog/card.css +++ b/app/assets/css/blogCard.css @@ -1,7 +1,7 @@ .BlogCard { overflow: hidden; border-radius: 1rem; - background: var(--color-black); + background: var(--color-orange-black); display: flex; flex-direction: column; height: 100%; @@ -15,7 +15,6 @@ & > .image { flex: 0 0 200px; width: 100%; - overflow: hidden; & img { height: 100%; @@ -61,6 +60,7 @@ } + @media (width <= 780px) { .BlogCard header { align-items: center; diff --git a/app/assets/css/global.css b/app/assets/css/global.css index 2e23894..f266ffb 100755 --- a/app/assets/css/global.css +++ b/app/assets/css/global.css @@ -97,15 +97,6 @@ a { color: var(--color-white); } -a.side { - color: var(--color-orange); - text-decoration: none; - - &:hover { - color: var(--color-orange-light); - } -} - a.text { color: var(--color-orange); text-decoration: underline; @@ -157,16 +148,6 @@ span.chip { align-items: center; gap: .5em; width: max-content; - transition: var(--transition-time); - - &.interactive { - cursor: pointer; - - &:hover { - background: var(--color-orange-dark); - color: var(--color-white); - } - } &:not(.dark) { --background: var(--color-orange); @@ -216,10 +197,6 @@ span.chip { margin-top: 1rem; } -.margin-top-middle { - margin-top: 2rem; -} - .margin-top-big { margin-top: 6rem; } @@ -229,7 +206,7 @@ span.chip { } .bg-radial { - background-image: radial-gradient(circle at 100vw 100vh, rgba(255, 145, 0, 0.2) 0%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 100%); + background-image: radial-gradient(circle at 100vw 100vh, rgba(255,145,0,0.2) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0) 100%); background-color: var(--color-orange-black); background-repeat: no-repeat; @@ -264,10 +241,6 @@ span.chip { flex-direction: column; } -.flex-wrap { - flex-wrap: wrap; -} - .gap-default { gap: 3rem; } @@ -315,6 +288,12 @@ span.chip { align-items: center; } +.grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 2rem; +} + .tip-container .tip { scale: 0; position: absolute; diff --git a/app/components/Blog/Author.vue b/app/components/Blog/Author.vue index 3d53967..6045e67 100644 --- a/app/components/Blog/Author.vue +++ b/app/components/Blog/Author.vue @@ -1,15 +1,7 @@ \ No newline at end of file diff --git a/app/components/Blog/Card.vue b/app/components/Blog/Card.vue index cb1c5f5..a0a8be5 100644 --- a/app/components/Blog/Card.vue +++ b/app/components/Blog/Card.vue @@ -1,29 +1,46 @@ \ No newline at end of file diff --git a/app/components/Blog/Category.vue b/app/components/Blog/Category.vue index 26534e1..1e9449b 100644 --- a/app/components/Blog/Category.vue +++ b/app/components/Blog/Category.vue @@ -18,8 +18,7 @@ const icons: Record = { 'tutorial': 'ph:lightbulb-duotone', 'news': 'ph:newspaper-duotone', 'freelancing': 'ph:laptop-duotone', - 'extern': 'ph:repeat-duotone', } -const icon = computed(() => icons[name] ?? 'ph:question-mark-duotone') +const icon = computed(() => name ? icons[name] : 'ph:question-mark-duotone') \ No newline at end of file diff --git a/app/components/Blog/Excerpt.vue b/app/components/Blog/Excerpt.vue deleted file mode 100644 index 14540b1..0000000 --- a/app/components/Blog/Excerpt.vue +++ /dev/null @@ -1,9 +0,0 @@ - - - \ No newline at end of file diff --git a/app/components/Blog/types.ts b/app/components/Blog/types.ts index f198dec..687006f 100644 --- a/app/components/Blog/types.ts +++ b/app/components/Blog/types.ts @@ -1,14 +1 @@ -export type Category = 'story' | 'snippet' | 'tutorial' | 'news' | 'freelancing' | 'extern' - -export type BlogCard = { - title: string - description: string - image: string - date: string - link: string - category: Category - author: { - name: string - img?: string - } -} \ No newline at end of file +export type Category = 'story' | 'snippet' | 'tutorial' | 'news' | 'freelancing' \ No newline at end of file diff --git a/app/components/Link/External.vue b/app/components/Link/External.vue deleted file mode 100644 index f0354b6..0000000 --- a/app/components/Link/External.vue +++ /dev/null @@ -1,14 +0,0 @@ - - - diff --git a/app/components/Link/Internal.vue b/app/components/Link/Internal.vue deleted file mode 100644 index 1c5452a..0000000 --- a/app/components/Link/Internal.vue +++ /dev/null @@ -1,14 +0,0 @@ - - - diff --git a/app/components/Section/Intro.vue b/app/components/Section/Intro.vue index 81d6d28..396f561 100755 --- a/app/components/Section/Intro.vue +++ b/app/components/Section/Intro.vue @@ -6,9 +6,7 @@ Ich bin Fiona.

- Component - & - API Entwicklerin + Component & API Entwicklerin

Ich unterstütze Unternehmen dabei, ihre Daten von verschiedenen Endpunkten sauber aufzubereiten @@ -23,14 +21,14 @@ Ich biete dir genau das, was du brauchst, um eine individuelle WebApp in Fahrt zu bringen, deren Inhalte einfach zu verändern sind.

- - Bild von Fiona Urban + + Bild von Fiona Urban
diff --git a/app/error.vue b/app/error.vue deleted file mode 100644 index ac82507..0000000 --- a/app/error.vue +++ /dev/null @@ -1,20 +0,0 @@ - - \ No newline at end of file diff --git a/app/pages/blog/[slug].vue b/app/pages/blog/[slug].vue index 8bcc8ac..b802c0a 100644 --- a/app/pages/blog/[slug].vue +++ b/app/pages/blog/[slug].vue @@ -1,58 +1,11 @@ + + \ No newline at end of file diff --git a/app/pages/blog/index.vue b/app/pages/blog/index.vue index cf3972b..0cffc71 100644 --- a/app/pages/blog/index.vue +++ b/app/pages/blog/index.vue @@ -1,88 +1,28 @@