WIP: improve new design #18
5 changed files with 261 additions and 68 deletions
129
public/endof10.svg
Normal file
129
public/endof10.svg
Normal file
|
|
@ -0,0 +1,129 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg
|
||||||
|
width="512"
|
||||||
|
height="512"
|
||||||
|
viewBox="0 0 587.29387 665.6"
|
||||||
|
fill="#1c71d8"
|
||||||
|
version="1.1"
|
||||||
|
id="svg4"
|
||||||
|
sodipodi:docname="social-media-avatar.svg"
|
||||||
|
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
||||||
|
inkscape:export-filename="social-media-avatar.png"
|
||||||
|
inkscape:export-xdpi="96"
|
||||||
|
inkscape:export-ydpi="96"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg">
|
||||||
|
<defs
|
||||||
|
id="defs4">
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient62"
|
||||||
|
inkscape:collect="always">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#3e88e4;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop61" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#113e77;stop-opacity:1;"
|
||||||
|
offset="1"
|
||||||
|
id="stop62" />
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient62"
|
||||||
|
id="radialGradient6"
|
||||||
|
cx="286.76459"
|
||||||
|
cy="71.425758"
|
||||||
|
fx="286.76459"
|
||||||
|
fy="71.425758"
|
||||||
|
r="325"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(1.7695404,0,0,1.7695404,-220.67693,-54.965005)" />
|
||||||
|
</defs>
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="namedview4"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#000000"
|
||||||
|
borderopacity="0.25"
|
||||||
|
inkscape:showpageshadow="2"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pagecheckerboard="0"
|
||||||
|
inkscape:deskcolor="#d1d1d1"
|
||||||
|
inkscape:zoom="0.16913085"
|
||||||
|
inkscape:cx="437.53105"
|
||||||
|
inkscape:cy="-833.67403"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1011"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="0"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="svg4"
|
||||||
|
showgrid="false">
|
||||||
|
<inkscape:grid
|
||||||
|
id="grid5"
|
||||||
|
units="px"
|
||||||
|
originx="6.7474192"
|
||||||
|
originy="9.6491699"
|
||||||
|
spacingx="1.1470583"
|
||||||
|
spacingy="1.3"
|
||||||
|
empcolor="#0099e5"
|
||||||
|
empopacity="0.30196078"
|
||||||
|
color="#0099e5"
|
||||||
|
opacity="0.14901961"
|
||||||
|
empspacing="5"
|
||||||
|
enabled="true"
|
||||||
|
visible="false" />
|
||||||
|
</sodipodi:namedview>
|
||||||
|
<g
|
||||||
|
id="g6"
|
||||||
|
transform="matrix(1.024,0,0,1.024,0.91765141,0)">
|
||||||
|
<rect
|
||||||
|
style="fill:url(#radialGradient6);stroke-width:8.329;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2"
|
||||||
|
id="rect5"
|
||||||
|
width="650"
|
||||||
|
height="650"
|
||||||
|
x="-38.235416"
|
||||||
|
y="0" />
|
||||||
|
<g
|
||||||
|
id="g5"
|
||||||
|
transform="matrix(0.47903744,0,0,0.47903744,110.83341,143.87188)"
|
||||||
|
style="opacity:0.9;fill:#c5dcf7;fill-opacity:1">
|
||||||
|
<rect
|
||||||
|
width="283.10001"
|
||||||
|
height="283.10001"
|
||||||
|
x="-60.299999"
|
||||||
|
y="101.335"
|
||||||
|
transform="rotate(-15.111)"
|
||||||
|
rx="46.799999"
|
||||||
|
id="rect1"
|
||||||
|
style="fill:#c5dcf7;fill-opacity:1" />
|
||||||
|
<rect
|
||||||
|
width="283.10001"
|
||||||
|
height="283.10001"
|
||||||
|
x="412.767"
|
||||||
|
y="71.764"
|
||||||
|
rx="46.799999"
|
||||||
|
id="rect2"
|
||||||
|
style="fill:#c5dcf7;fill-opacity:1" />
|
||||||
|
<rect
|
||||||
|
width="283.10001"
|
||||||
|
height="283.10001"
|
||||||
|
x="97.690002"
|
||||||
|
y="386.841"
|
||||||
|
rx="46.799999"
|
||||||
|
id="rect3"
|
||||||
|
style="fill:#c5dcf7;fill-opacity:1" />
|
||||||
|
<rect
|
||||||
|
width="283.10001"
|
||||||
|
height="283.10001"
|
||||||
|
x="493.89999"
|
||||||
|
y="333.146"
|
||||||
|
transform="rotate(7.911)"
|
||||||
|
rx="46.799999"
|
||||||
|
id="rect4"
|
||||||
|
style="fill:#c5dcf7;fill-opacity:1" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.5 KiB |
35
public/vhs.svg
Normal file
35
public/vhs.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 10 KiB |
|
|
@ -3,20 +3,31 @@ import path from "../utils/path.ts"
|
||||||
---
|
---
|
||||||
|
|
||||||
<footer class="bg-base-200 pb-20">
|
<footer class="bg-base-200 pb-20">
|
||||||
<div class="container p-8 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-3 items-center gap-12">
|
<div class="container pt-8 px-8 max-w-3xl mx-auto">
|
||||||
<div class="flex flex-col items-center text-white">
|
<h3 class="text-2xl font-semibold mb-4">
|
||||||
|
Kontakt und Infos
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
Ihr findet alle Informationen auf dieser Webseite. Wenn ihr Wünsche und Anregungen habt, schreibt uns gerne
|
||||||
|
eine Email an <a class="link" href="mailto:orga@didays.de">orga@didays.de</a>.<br><br>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="container px-8 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-3 items-center gap-12">
|
||||||
|
<div class="flex flex-col items-center">
|
||||||
<a class="link" href="https://hamburg.ccc.de/imprint/">Kontakt & Impressum</a>
|
<a class="link" href="https://hamburg.ccc.de/imprint/">Kontakt & Impressum</a>
|
||||||
<a class="link" href="https://hamburg.ccc.de/privacy-notice/">Datenschutzerklärung</a>
|
<a class="link" href="https://hamburg.ccc.de/privacy-notice/">Datenschutzerklärung</a>
|
||||||
<a class="link" rel="me" href="https://chaos.social/@didays">Fediverse</a>
|
<a class="link" rel="me" href="https://chaos.social/@didays">Fediverse</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col items-center">
|
<div class="flex flex-col items-center">
|
||||||
<a href="https://hamburg.ccc.de">
|
<a href="https://hamburg.ccc.de">
|
||||||
<img alt="Logo des Chaos Computer Club Hamburg e.V." src={path(import.meta.env.BASE_URL, '/ccchh.svg')} class="max-w-40"/>
|
<img alt="Logo des Chaos Computer Club Hamburg e.V." src={path(import.meta.env.BASE_URL, "/ccchh.svg")}
|
||||||
|
class="max-w-40 invert"/>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col items-center">
|
<div class="flex flex-col items-center">
|
||||||
<a href="https://www.wauland.de">
|
<a href="https://www.wauland.de">
|
||||||
<img alt="Logo der Wau-Holland-Stiftung" src={path(import.meta.env.BASE_URL, '/wauland.svg')} class="max-w-40"/>
|
<img alt="Logo der Wau-Holland-Stiftung" src={path(import.meta.env.BASE_URL, "/wauland.svg")}
|
||||||
|
class="max-w-40 invert"/>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -50,6 +50,20 @@ const partners = [
|
||||||
name: "OMAS GEGEN RECHTS",
|
name: "OMAS GEGEN RECHTS",
|
||||||
info: "Zivilgesellschaftliche Initiative zum Schutz der Demokratie",
|
info: "Zivilgesellschaftliche Initiative zum Schutz der Demokratie",
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
url: "https://endof10hh.de/",
|
||||||
|
image: "/endof10.svg",
|
||||||
|
alt: "Logo von End of 10",
|
||||||
|
name: "End of 10 Hamburg",
|
||||||
|
info: "Ziel dieser europaweiten Kampange ist es Menschen dabei zu unterstützen auf ein Linux umzusteigen, im Zuge des Support-Endes oder weil sie, einfach kein Windows mehr benutzen möchten.",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
url: "https://www.vhs-hamburg.de/",
|
||||||
|
image: "/vhs.svg",
|
||||||
|
alt: "Logo der Hamburger Volkshochschule",
|
||||||
|
name: "Hamburger Volkshochschule",
|
||||||
|
info: "",
|
||||||
|
},
|
||||||
]
|
]
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
@ -81,7 +95,7 @@ const partners = [
|
||||||
<h2 class="text-4xl text-center font-semibold mb-8">Partner</h2>
|
<h2 class="text-4xl text-center font-semibold mb-8">Partner</h2>
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 place-content-center gap-20">
|
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 place-content-center gap-20">
|
||||||
{partners.map(partner => (
|
{partners.map(partner => (
|
||||||
<a href={partner.url} class="flex flex-col items-center text-center group last-of-type:xl:col-start-2">
|
<a href={partner.url} class="flex flex-col items-center text-center group">
|
||||||
<img alt={partner.alt} src={path(import.meta.env.BASE_URL, partner.image)}
|
<img alt={partner.alt} src={path(import.meta.env.BASE_URL, partner.image)}
|
||||||
class="max-h-40 mb-4 bg-white/40 group-hover:bg-white transition-colors p-4 rounded-xl"/>
|
class="max-h-40 mb-4 bg-white/40 group-hover:bg-white transition-colors p-4 rounded-xl"/>
|
||||||
<h3 class="font-bold link">{partner.name}</h3>
|
<h3 class="font-bold link">{partner.name}</h3>
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue