initial commit
This commit is contained in:
commit
35cf036de2
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de-de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<meta property="og:image" content="https://links.kntkt.de/static/logo.svg">
|
||||
<meta property="og:locale" content="de_DE">
|
||||
<meta property="og:title" content="kontakt – Das Kulturprojekt">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://links.kntkt.de">
|
||||
<title>kontakt – Das Kulturprojekt</title>
|
||||
<link rel="icon" href="/static/icon.svg" sizes="any" type="image/svg+xml">
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<figure class="logo">
|
||||
<img alt="Logo von kontakt – Das Kulturprojekt" src="/static/logo.svg">
|
||||
</figure>
|
||||
</header>
|
||||
<main>
|
||||
<article class="card card-animate card-highlight card-wide">
|
||||
<p>
|
||||
kontakt – Das Kulturfestival 2024
|
||||
vom 23. bis 26. Mai 2024
|
||||
</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<a href="https://kontakt-bamberg.de">Website</a>
|
||||
</article>
|
||||
<article class="card card-has-icon">
|
||||
<a href="https://www.facebook.com/kontakt.Das.Kulturfestival">
|
||||
<img alt="Facebook-Logo" src="/static/f_logo_RGB-Black_1024.svg">
|
||||
Facebook
|
||||
</a>
|
||||
</article>
|
||||
<article class="card card-has-icon">
|
||||
<a href="https://www.instagram.com/kontakt_das_kulturprojekt/">
|
||||
<img alt="Instagram-Logo" src="/static/Instagram_Glyph_Black.svg">
|
||||
Instagram
|
||||
</a>
|
||||
</article>
|
||||
<article class="card card-animate">
|
||||
<a href="https://kontakt-bamberg.de/mithelfen-2">Mitmachen!</a>
|
||||
</article>
|
||||
</main>
|
||||
<footer>
|
||||
<p>
|
||||
kontakt – Das Kulturprojekt
|
||||
</p>
|
||||
<p>
|
||||
🏳<!-- 1F3F3 WAVING WHITE FLAG -->️<!-- FE0F VARIATION SELECTOR-16 -->‍<!-- 200D ZERO WIDTH JOINER -->🌈<!-- 1F308 RAINBOW --> 🏳<!-- 1F3F3 WAVING WHITE FLAG -->️<!-- FE0F VARIATION SELECTOR-16 -->‍<!-- 200D ZERO WIDTH JOINER -->⚧<!-- 26A7 MALE WITH STROKE AND MALE AND FEMALE SIGN -->️<!-- FE0F VARIATION SELECTOR-16 --> 🇺<!-- 1F1FA REGIONAL INDICATOR SYMBOL LETTER U -->🇦<!-- 1F1E6 REGIONAL INDICATOR SYMBOL LETTER A -->
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://kontakt-bamberg.de/impressum">Impressum</a>
|
||||
</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1 @@
|
|||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M295.42,6c-53.2,2.51-89.53,11-121.29,23.48-32.87,12.81-60.73,30-88.45,57.82S40.89,143,28.17,175.92c-12.31,31.83-20.65,68.19-23,121.42S2.3,367.68,2.56,503.46,3.42,656.26,6,709.6c2.54,53.19,11,89.51,23.48,121.28,12.83,32.87,30,60.72,57.83,88.45S143,964.09,176,976.83c31.8,12.29,68.17,20.67,121.39,23s70.35,2.87,206.09,2.61,152.83-.86,206.16-3.39S799.1,988,830.88,975.58c32.87-12.86,60.74-30,88.45-57.84S964.1,862,976.81,829.06c12.32-31.8,20.69-68.17,23-121.35,2.33-53.37,2.88-70.41,2.62-206.17s-.87-152.78-3.4-206.1-11-89.53-23.47-121.32c-12.85-32.87-30-60.7-57.82-88.45S862,40.87,829.07,28.19c-31.82-12.31-68.17-20.7-121.39-23S637.33,2.3,501.54,2.56,348.75,3.4,295.42,6m5.84,903.88c-48.75-2.12-75.22-10.22-92.86-17-23.36-9-40-19.88-57.58-37.29s-28.38-34.11-37.5-57.42c-6.85-17.64-15.1-44.08-17.38-92.83-2.48-52.69-3-68.51-3.29-202s.22-149.29,2.53-202c2.08-48.71,10.23-75.21,17-92.84,9-23.39,19.84-40,37.29-57.57s34.1-28.39,57.43-37.51c17.62-6.88,44.06-15.06,92.79-17.38,52.73-2.5,68.53-3,202-3.29s149.31.21,202.06,2.53c48.71,2.12,75.22,10.19,92.83,17,23.37,9,40,19.81,57.57,37.29s28.4,34.07,37.52,57.45c6.89,17.57,15.07,44,17.37,92.76,2.51,52.73,3.08,68.54,3.32,202s-.23,149.31-2.54,202c-2.13,48.75-10.21,75.23-17,92.89-9,23.35-19.85,40-37.31,57.56s-34.09,28.38-57.43,37.5c-17.6,6.87-44.07,15.07-92.76,17.39-52.73,2.48-68.53,3-202.05,3.29s-149.27-.25-202-2.53m407.6-674.61a60,60,0,1,0,59.88-60.1,60,60,0,0,0-59.88,60.1M245.77,503c.28,141.8,115.44,256.49,257.21,256.22S759.52,643.8,759.25,502,643.79,245.48,502,245.76,245.5,361.22,245.77,503m90.06-.18a166.67,166.67,0,1,1,167,166.34,166.65,166.65,0,0,1-167-166.34" transform="translate(-2.5 -2.5)"/></svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
|
@ -0,0 +1,24 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="1024pt"
|
||||
height="1024pt"
|
||||
viewBox="0 0 1024 1024"
|
||||
version="1.1"
|
||||
id="svg288"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs292" />
|
||||
<path
|
||||
fill-rule="nonzero"
|
||||
fill="rgb(6.266785%, 5.734253%, 5.047607%)"
|
||||
fill-opacity="1"
|
||||
d="M 1024 512 C 1024 229.230469 794.769531 0 512 0 C 229.230469 0 0 229.230469 0 512 C 0 767.554688 187.230469 979.371094 432 1017.78125 L 432 660 L 302 660 L 302 512 L 432 512 L 432 399.199219 C 432 270.878906 508.4375 200 625.390625 200 C 681.40625 200 740 210 740 210 L 740 336 L 675.4375 336 C 611.835938 336 592 375.46875 592 415.957031 L 592 512 L 734 512 L 711.300781 660 L 592 660 L 592 1017.78125 C 836.769531 979.371094 1024 767.554688 1024 512 "
|
||||
id="path284" />
|
||||
<path
|
||||
fill-rule="nonzero"
|
||||
fill="rgb(100%, 100%, 100%)"
|
||||
fill-opacity="1"
|
||||
d="M 711.300781 660 L 734 512 L 592 512 L 592 415.957031 C 592 375.46875 611.835938 336 675.4375 336 L 740 336 L 740 210 C 740 210 681.40625 200 625.390625 200 C 508.4375 200 432 270.878906 432 399.199219 L 432 512 L 302 512 L 302 660 L 432 660 L 432 1017.78125 C 458.066406 1021.871094 484.785156 1024 512 1024 C 539.214844 1024 565.933594 1021.871094 592 1017.78125 L 592 660 L 711.300781 660 "
|
||||
id="path286" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -0,0 +1,67 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
viewBox="0 0 105.83592 105.83592"
|
||||
height="28.00242mm"
|
||||
width="28.00242mm"
|
||||
xml:space="preserve"
|
||||
version="1.1"
|
||||
id="svg2"
|
||||
sodipodi:docname="icon.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1362"
|
||||
inkscape:window-height="721"
|
||||
id="namedview869"
|
||||
showgrid="false"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"
|
||||
units="mm"
|
||||
inkscape:zoom="1.8311151"
|
||||
inkscape:cx="25.66742"
|
||||
inkscape:cy="96.662411"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="22"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg2"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm" /><metadata
|
||||
id="metadata8"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs6"><clipPath
|
||||
id="clipPath18"
|
||||
clipPathUnits="userSpaceOnUse"><path
|
||||
id="path20"
|
||||
d="M 0,1114.8 V 0 h 1741.01 v 1114.8 z"
|
||||
inkscape:connector-curvature="0" /></clipPath></defs><rect
|
||||
style="fill:#ffffff;stroke-width:3.79398;paint-order:stroke fill markers"
|
||||
id="rect310"
|
||||
width="105.83433"
|
||||
height="105.83433"
|
||||
x="0"
|
||||
y="0"
|
||||
rx="15.11811"
|
||||
ry="15.11811" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||
d="M 25.83203,27.114244 C 11.6334,27.114244 0,38.747274 0,52.946274 c 0,14.19863 11.6334,25.775401 25.83203,25.775401 14.19875,0 25.77539,-11.576771 25.77539,-25.775401 0,-14.199 -11.57664,-25.83203 -25.77539,-25.83203 z m 54.22656,0 c -14.19863,0 -25.83008,11.63303 -25.83008,25.83203 0,14.19863 11.63145,25.775401 25.83008,25.775401 14.19875,0 25.77734,-11.576771 25.77734,-25.775401 0,-14.199 -11.57859,-25.83203 -25.77734,-25.83203 z m -62.14453,7.75391 h 6.16992 l 18.07617,18.07812 -18.02148,18.01953 h -6.28125 l 18.07617,-18.01953 z m 64.00195,0.0547 h 6.28125 l -18.07617,18.07618 18.07617,18.02148 H 81.9707 L 63.94921,52.999034 Z"
|
||||
id="path22"
|
||||
sodipodi:nodetypes="sssssssssscccccccccccccc" /></svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.3 KiB |
|
|
@ -0,0 +1,169 @@
|
|||
@font-face {
|
||||
font-family: "Maven Pro";
|
||||
src: local("Maven Pro"), url(/static/MavenPro-VariableFont:wght.ttf);
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: ActiveText !important;
|
||||
}
|
||||
|
||||
a:hover, a:link, a:visited {
|
||||
color: LinkText;
|
||||
}
|
||||
|
||||
body, footer, header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
font-family: "Maven Pro", sans-serif;
|
||||
font-size: 12pt;
|
||||
margin: 0 auto;
|
||||
max-width: 1000px;
|
||||
min-height: 100vh;
|
||||
padding: 1em;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 auto;
|
||||
max-width: 600px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
figure > img {
|
||||
height: auto;
|
||||
max-height: 30vh;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
footer {
|
||||
flex-grow: 1;
|
||||
justify-content: end;
|
||||
line-height: 1.5;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
footer > p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
header {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
main {
|
||||
display: grid;
|
||||
gap: 1em;
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.card {
|
||||
--border-color: #000;
|
||||
border-radius: 2em;
|
||||
}
|
||||
|
||||
.card.card-animate {
|
||||
animation: 0.5s wave 0.5s;
|
||||
z-index: 42;
|
||||
}
|
||||
|
||||
.card.card-highlight {
|
||||
--border-color: #87bfb6;
|
||||
background: #87bfb6;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.card > :is(a, p) {
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 2em;
|
||||
display: block;
|
||||
line-height: 1;
|
||||
padding: 1.5em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.card > :is(a, p) > img {
|
||||
display: none;
|
||||
height: 2em;
|
||||
left: 1.5em;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 2em;
|
||||
}
|
||||
|
||||
.card.card-has-icon > :is(a, p) {
|
||||
padding: 1.5em 5em;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.card.card-has-icon > :is(a, p) > img {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.card > :is(a:active, a:hover, a:link, a:visited) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.card > :is(a:active, a:hover, a:link, a:visited) > img {
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.card > :is(a:active, a:hover) {
|
||||
background: #000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.card > :is(a:active, a:hover) > img {
|
||||
filter: invert(100%);
|
||||
}
|
||||
|
||||
.logo {
|
||||
padding: 0 3em;
|
||||
}
|
||||
|
||||
@keyframes wave {
|
||||
0% {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
33.33% {
|
||||
transform: rotate(-5deg);
|
||||
}
|
||||
|
||||
66.67% {
|
||||
transform: rotate(5deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 600px) {
|
||||
main {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.card.card-wide {
|
||||
grid-column-end: span 2;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion) {
|
||||
.card.card-animate {
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue