From d64bc021f20307f3270c54b9556a129c9756a81a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julian=20T=C3=B6lle?= Date: Sun, 26 Mar 2023 19:53:54 +0200 Subject: [PATCH] feat: simplify site & improve design, add initial character images --- src/app.css | 2 +- src/lib/{credits => }/actor.svelte | 7 ++-- src/lib/{about => }/hero.svelte | 8 ++--- src/lib/layout/NavLink.svelte | 13 -------- src/lib/section-heading.svelte | 1 + src/routes/+layout.svelte | 36 +++++++++------------ src/routes/+page.svelte | 48 +++++++++++++++++++++++---- src/routes/credits/+page.svelte | 19 ----------- src/routes/download/+page.svelte | 0 static/beyron.png | 3 ++ static/blue.png | 3 ++ static/tam.png | 3 ++ tailwind.config.cjs | 52 +++++++++++++++--------------- 13 files changed, 101 insertions(+), 94 deletions(-) rename src/lib/{credits => }/actor.svelte (55%) rename src/lib/{about => }/hero.svelte (53%) delete mode 100644 src/lib/layout/NavLink.svelte create mode 100644 src/lib/section-heading.svelte delete mode 100644 src/routes/credits/+page.svelte delete mode 100644 src/routes/download/+page.svelte create mode 100644 static/beyron.png create mode 100644 static/blue.png create mode 100644 static/tam.png diff --git a/src/app.css b/src/app.css index 2b04696..5413e2f 100644 --- a/src/app.css +++ b/src/app.css @@ -3,7 +3,7 @@ @layer base { html { - @apply font-vinque bg-cocoa-brown-700 p-4; + @apply font-vinque bg-cocoa-brown-700 text-yellow-900 p-4; } } diff --git a/src/lib/credits/actor.svelte b/src/lib/actor.svelte similarity index 55% rename from src/lib/credits/actor.svelte rename to src/lib/actor.svelte index 4f6c1e4..889b50f 100644 --- a/src/lib/credits/actor.svelte +++ b/src/lib/actor.svelte @@ -3,6 +3,7 @@ export let role: string; -
- {role} - {actor} -
+ + {role} + {actor} + diff --git a/src/lib/about/hero.svelte b/src/lib/hero.svelte similarity index 53% rename from src/lib/about/hero.svelte rename to src/lib/hero.svelte index f0dadf2..4e2c4e3 100644 --- a/src/lib/about/hero.svelte +++ b/src/lib/hero.svelte @@ -6,12 +6,12 @@
- {`Grafik + {`Grafik -
-

{name}

+
+

{name}

{description} diff --git a/src/lib/layout/NavLink.svelte b/src/lib/layout/NavLink.svelte deleted file mode 100644 index 5dc5bd7..0000000 --- a/src/lib/layout/NavLink.svelte +++ /dev/null @@ -1,13 +0,0 @@ - - -

  • - - {text} - -
    • diff --git a/src/lib/section-heading.svelte b/src/lib/section-heading.svelte new file mode 100644 index 0000000..11dec0e --- /dev/null +++ b/src/lib/section-heading.svelte @@ -0,0 +1 @@ +

    diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index a60783c..2e22286 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,34 +1,28 @@
    - + Logo, Illustration von einem Pfeil über einem Herz + /> +
    - +
    +
    +

    Ein Pfeil am rechten Fleck

    -
    - -
    +
    + +
    - + +
    +
    diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index d63c4dc..4de16ea 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,26 +1,60 @@ -

    +

    -

    +Unsere Helden + +

    -

    + +

    + Hörprobe +

    + + +Besetzung + +
    +
    Beyron Ladisla
    Nico Gerloff
    +
    Blue
    Lina Schmidt
    +
    Tam
    Vanessa Martens
    +
    + +
    + + + + + + + + + + + + +
    +
    + +Besetzung \ No newline at end of file diff --git a/src/routes/credits/+page.svelte b/src/routes/credits/+page.svelte deleted file mode 100644 index fd7282b..0000000 --- a/src/routes/credits/+page.svelte +++ /dev/null @@ -1,19 +0,0 @@ - - -

    Besetzung

    - - - - - - - - - - - - - - diff --git a/src/routes/download/+page.svelte b/src/routes/download/+page.svelte deleted file mode 100644 index e69de29..0000000 diff --git a/static/beyron.png b/static/beyron.png new file mode 100644 index 0000000..21fe83d --- /dev/null +++ b/static/beyron.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:47e656a5651c6a7c966c4a312bf44160896175959441e5b0edec654ea769426f +size 1329544 diff --git a/static/blue.png b/static/blue.png new file mode 100644 index 0000000..28775df --- /dev/null +++ b/static/blue.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:44a3a96db70fa34543cebf4a2a29df06003750c96dd46ef42bf5d8b482a0276e +size 1426922 diff --git a/static/tam.png b/static/tam.png new file mode 100644 index 0000000..0b9b04b --- /dev/null +++ b/static/tam.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:2f9b070f0b0f07d7bd72fbab23bbf764987adc8033cc0d002e674a52fb21b8bd +size 844117 diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 65f9143..260ecd9 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -10,32 +10,6 @@ module.exports = { gray: colors.slate, amber: colors.amber, blue: colors.fuchsia, - "dark-burgundy": { - DEFAULT: "#6D071A", - 50: "#F1244A", - 100: "#F0133C", - 200: "#D20D32", - 300: "#B00B2A", - 400: "#8F0922", - 500: "#6D071A", - 600: "#5A0615", - 700: "#470511", - 800: "#33030C", - 900: "#200208", - }, - "forest-green": { - DEFAULT: "#1C731C", - 50: "#259825", - 100: "#249424", - 200: "#228B22", - 300: "#208320", - 400: "#1E7B1E", - 500: "#1C731C", - 600: "#175E17", - 700: "#124A12", - 800: "#0D350D", - 900: "#082108", - }, "cocoa-brown": { DEFAULT: "#261C1C", 50: "#857362", @@ -49,6 +23,32 @@ module.exports = { 800: "#140F0F", 900: "#030202", }, + 'red': { + DEFAULT: '#BC2B1F', + 50: '#F0A9A3', + 100: '#ED9891', + 200: '#E7786E', + 300: '#E1574B', + 400: '#DC3628', + 500: '#BC2B1F', + 600: '#8C2017', + 700: '#5C150F', + 800: '#2C0A07', + 900: '#000000' + }, + 'yellow': { + DEFAULT: '#DDB679', + 50: '#FAF4EB', + 100: '#F6EBDB', + 200: '#EED9BA', + 300: '#E5C89A', + 400: '#DDB679', + 500: '#D29E4C', + 600: '#B7822F', + 700: '#8B6223', + 800: '#5E4318', + 900: '#31230C' + }, }, extend: { fontFamily: { vinque: "Vinque, serif" },