-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.pug
153 lines (127 loc) · 10.4 KB
/
index.pug
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
doctype html
html(lang="de")
head
meta(charset="UTF-8")
meta(name="viewport", content="width=device-width, initial-scale=1.0")
meta(name="keywords", content="Salon für Zukunftswirtschaft, Bern, Effinger, ImpactHub, Wirtschaft, Zukunft, Nachhaltigkeit, Community, Entrepreneurship, Unternehmerin, Kreativität, Erfahrung, Austausch, Inspiration, Apéro")
meta(name="description", content="Inspiration für eine lebensdienliche Wirtschaft - das ist der «Salon für Zukunftswirtschaft». In der bezaubernden Atmosphäre der Effinger Stadtwohnig, unter Begleitung eines exquisiten Apéros, treffen sich Unternehmer:innen, Kreative und Wissbegierige, um ihre Ansätze und Erfahrungen zu teilen.")
title="Salon für Zukunftswirtschaft, Bern"
link(rel="stylesheet", href="/style.css")
script(defer=true, src="/scripts/scroll.js")
// script(defer=true, src="/js/alpine.js")
body
div(class="bg-hero bg-cover bg-no-repeat min-h-[60vh] md:min-h-[80vh]")
div(class="mx-auto p-4 sm:px-8")
header.flex.justify-between.items-center
h1.sr-only Salon für Zukunftswirtschaft 2024
a(href="/")
img(src="/img/logos/salon_logo.svg", alt="Salon für Zukunftswirtschaft", class="w-32")
div
div(class="md:flex gap-4 font-bold hidden")
a.nav(href="#programm") Programm
a.nav(href="#ort") Ort
a.nav(href="#story") Über uns
a.nav(href="#partner") Partner
div(class="md:hidden relative")
button(class="burger", onClick="toggleNav()")
div.bar
div.bar
div.bar
div(class="mobile-bg hidden absolute top-0 left-0 right-0 bottom-0 bg-black/70")
div(class="mobile-nav hidden")
nav.flex.flex-col.gap-4.text-lg.p-8
button(class="absolute right-2 top-6 p-4 hover:rotate-90 transition-all duration-500", onClick="toggleNav()")
div.bar.rotate-45
div.bar.-rotate-45
img(src="/img/logos/salon_logo.svg", alt="Salon für Zukunftswirtschaft", class="w-32")
div.w-full.border-b.border-white
a(href="#programm", class="hover:underline", onClick="closeNav()") Programm
a(href="#ort", class="hover:underline", onClick="closeNav()") Ort
a(href="#story", class="hover:underline", onClick="closeNav()") Über uns
a(href="#partner", class="hover:underline", onClick="closeNav()") Partner
div(class="w-[95%] sm:w-[80%] md:w-[400px] lg:w-[500px] xl:w-[700px] mx-auto p-4 pt-14 xl:pt-[20vh]")
img(src="/img/logos/salon_logo.svg", alt="Salon für Zukunftswirtschaft", class="w-full")
h2(class="font-light text-sm sm:text-2xl md:text-2xl text-center mt-4")
| Montag, 16.06.2025 | 18 Uhr<br/>
| Effinger Coworking Space, 2. OG
div(class="flex flex-col items-center justify-center md:flex-row gap-3 mx-auto mt-12 mb-28")
a(href="https://docs.google.com/forms/d/e/1FAIpQLSdnJQU3Rcu5UMxjOv2M8E9ces4rhcEo6N030DANs3gBTLKWBg/viewform" class="btn-primary" target="_blank") Newsletter abonnieren
a(href="/scripts/salon-2025.ics" class="btn-secondary") Im Kalender speichern
//- div(class="flex flex-col items-center justify-center mx-auto mt-4 mb-16 -mr-8 font-extralight text-xs sm:text-base")
//- p.text-center Eintritt zum Selbstkostenpreis (CHF 30).
//- p.text-center Plätze sind beschränkt.
div#programm(class="bg-pink px-8 pt-16 md:pt-24 pb-32 md:pb-48 text-lg leading-8")
div(class="mx-auto sm:max-w-screen-sm xl:max-w-[800px] text-xl")
p Inspiration für eine lebensdienliche Wirtschaft – das ist der «Salon für Zukunftswirtschaft». In der bezaubernden Atmosphäre der Effinger Stadtwohnig, unter Begleitung eines exquisiten Apéros, treffen sich Unternehmer:innen, Kreative und Wissbegierige, um ihre Ansätze und Erfahrungen zu teilen.
p.mt-8 Im Verlauf des Abends werden uns erlesene Unternehmen mit «Lightning Talks» in ihre Welt des neuen Wirtschaftens, der neuen Ernährung, der neuen Führung, Diversität, KI & Ethik und vieles mehr einführen. Sie werden uns offenbaren, wie sie die Wirtschaft von morgen bereits heute mitgestalten.
h2.text-3xl.mt-24.font-bold Highlights 2024
div(class="bg-purple pt-16 md:pt-24 -mb-32 p-8 text-lg leading-8")
div(class="mx-auto sm:max-w-screen-sm xl:max-w-[800px]")
div(class="flex justify-end -mt-36 md:-mt-64")
iframe(class="rounded-lg w-full md:w-[660px]" height="315" src="https://www.youtube.com/embed/l6b0Supo0gQ?si=rDiEOy2cFRmNT_Jb" title="Highlights 2024" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen)
h2.text-3xl.mt-24.font-bold Lightning Talks 2024
div(class="flex justify-end mt-8 mb-40")
iframe(class="rounded-lg w-full md:w-[660px]" height="315" src="https://www.youtube.com/embed/v8wySsWDZsw?si=Z2E0n0SWRxzX7nE5" title="Highlights 2024" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen)
//- div#programm
//- h2(class="font-bold text-2xl md:text-4xl text-pink mt-16") Programm
//- ul(class="mt-4 list-disc pt-4 ml-8 sm:ml-16 leading-6 flex flex-col gap-4 text-xl")
//- li Apéro (ab 18 Uhr)
//- li Begrüssung durch Effinger & ImpactHub Bern
//- li Lightning Talks (Erster Block)
//- li Austausch & Networking
//- li Lightning Talks (Zweiter Block)
//- li Ausklingen des Abends
//- h2(class="mt-24 sm:mt-32 mb-8 font-bold text-2xl md:text-4xl text-pink") Lightning Talks
//- each speaker, ix in speakers.filter(s=>!s.hidden)
//- div(class=`flex justify-${ix % 2 ? 'end' : 'start'}`)
//- div(class="bg-white sm:w-3/4 flex flex-col sm:flex-row mb-8 max-w-[80%] md:max-w-full rounded overflow-hidden")
//- img(src=`img/speakers/${speaker.slug || speaker.name.toLowerCase()}.jpg`, alt="#{speaker.name}", class="w-full sm:w-1/4 hover:scale-110 transition-all duration-1000")
//- div.flex.flex-col.gap-2.p-4.justify-center
//- p.text-blue.font-bold.text-xl «#{speaker.text}»
//- p.text-pink <b>#{speaker.name}</b> von <b>#{speaker.company}</b>
div(class="bg-pink pt-12 pb-24 sm:pb-48 p-8 text-lg leading-8")
div#ort(class="mx-auto sm:max-w-screen-sm xl:max-w-[800px] pt-16 md:pt-24")
h2(class="font-bold text-2xl md:text-4xl text-white") Effinger Stadtwohnig
p Die Effinger Stadtwohnung im Herzen von Bern, präsentiert sich im eleganten Charme eines Altbaus, gelegen im 2. Stock. Mit zwei Terrassen bietet sie einen idealen Rahmen für den Salon.
div(class="mt-12 grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-y-12 text-base font-bold")
div(class="flex md:flex-col gap-x-2 items-center sm:items-start")
img(src="/img/icons/location_on.svg", alt="Effinger Adresse", class="icon")
p Effingerstrasse 10, 3011 Bern
div(class="flex md:flex-col gap-x-2 items-center sm:items-start")
img(src="/img/icons/calendar_today.svg", alt="Datum", class="icon hover:rotate-180")
p Montag, 10.06.2024
div(class="flex md:flex-col gap-x-2 items-center sm:items-start")
img(src="/img/icons/floor.svg", alt="Treppe", class="icon hover:animate-bounce")
p 2. Stock (Eingang Kaffeebar)
div(class="flex md:flex-col gap-x-2 items-center sm:items-start")
img(src="/img/icons/alarm.svg", alt="Uhrzeit", class="icon hover:animate-ping")
p 18:00 Uhr
div(class="bg-purple p-8 pt-16 md:pt-32 pb-0 text-lg leading-8 -mb-12", id="story")
div(class="mx-auto sm:max-w-screen-sm xl:max-w-[800px]")
h2(class="font-bold text-2xl md:text-4xl text-white") Über uns
p Der Salon wird präsentiert von Unternehmer:innen der Spaces Effinger Coworking Space und ImpactHub Bern. Erstmals 2023 durchgeführt, erfreut sich der Salon grossem Interesse.
div(class="grid gap-4 grid-cols-2 md:grid-cols-4 mt-16 leading-6 text-xs sm:text-sm md:-mx-16")
each peep, ix in peeps.sort(() => Math.random() - 0.5)
div
img(src=`img/peeps/${peep.name.toLowerCase().replace("é", "e")}.jpg`, alt="#{peep.name}", class="w-32 rounded-lg hover:scale-105 transition-all duration-150")
p(class="md:w-48 mt-2 md:h-32 min-h-24") #{peep.name}<br/>#{peep.role}<br/>#{peep.company}
div.flex.flex-col.items-center#partner
h3(class="mt-8 mb-2 text-xl font-light") Die Gastgeber-Spaces
div.flex.gap-6
a(href="https://bern.impacthub.net/", target="_blank", rel="noopener noreferrer")
img(src="/img/logos/impact_hub_bern.png", alt="Impact Hub Bern", class="w-32 hover:scale-105 tarnsition-all duration-150")
a(href="https://effinger.ch/", target="_blank", rel="noopener noreferrer")
img(src="/img/logos/effinger_bern.svg", alt="Effinger Coworking, Bern", class="w-32 hover:scale-105 tarnsition-all duration-150")
footer(class="bg-pink p-8 pt-32 md:pb-32 text-sm sm:text-base md:text-lg sm:leading-8")
div(class="mx-auto sm:max-w-screen-sm xl:max-w-[800px]")
div(class="flex flex-col-reverse gap-y-16 sm:flex-row justify-between items-start w-full")
div
p.font-bold.mb-12 Salon für Zukunftswirtschaft, 2024<br/>Effingerstrasse 10, 3011 Bern
nav.flex.flex-col.gap-2
a.footer-nav(href="mailto:[email protected]") [email protected]
//- a.footer-nav(href="https://www.effinger.ch/blog/auftakt-des-ersten-salon-fur-zukunftswirtschaft/") Rückblick Salon 2023
a.footer-nav(href="https://www.effinger.ch/kontakt/" target="_blank") Impressum
div
p.text-sm.uppercase Exklusive Unterstützung
a(href="https://www.berninvest.be.ch/en/start.html", target="_blank", rel="noopener noreferrer")
img(src="/img/logos/standortfoerderung_bern.png", alt="Standortförderung Kanton Bern", class="h-24 hover:scale-105 tarnsition-all duration-150")