Milliways/www.hip-berlin.de
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

CFP Button

Browse source
This commit is contained in:
Leif Niemczik 2022-11-16 15:27:52 +01:00
parent 2db5e177dd
commit 20809ea82c
7 changed files with 19102 additions and 253 deletions
Download patch file Download diff file Expand all files Collapse all files

104
src/layouts/Layout.astro
View file

@ -16,39 +16,75 @@ const { title } = Astro.props
</head>
<body>
<slot />
<style is:global lang='scss'>
:root {
--background: #000;
--headline-color: #fff;
--text-color: #7a7879;
--gradient: linear-gradient(
95.7deg,
#44b4e9 -2.12%,
#008317 41.14%,
#fed61e 64.72%,
#ff9900 77.58%,
#6c2400 96.25%
);
box-sizing: border-box;
}
@font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-weight: 500;
src: local('IBM Plex Mono Medm'), local('IBMPlexMono-Medm'),
url('/fonts/IBMPlexMono-Medium-Latin1.woff2') format('woff2');
unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131,
U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A,
U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC,
U+2122, U+2212, U+FB01-FB02;
}
html {
font-family: 'IBM Plex Mono', monospace;
background-color: var(--background);
color: var(--text-color, #cdcfdb);
font-size: 1rem;
line-height: 1.5;
font-weight: 500;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
}
a {
color: var(--headline-color);
text-decoration: none;
}
.gradient-bg {
background: var(--gradient);
padding: 1.5rem;
color: var(--background);
border-radius: 1.5rem;
}
.gradient-border {
position: relative;
background-clip: padding-box;
background: var(--background);
border-radius: 1.5rem;
padding: 1.5rem;
&::before {
position: absolute;
inset: 0;
margin: -3px;
z-index: -1;
background: var(--gradient);
border-radius: inherit;
content: '';
}
}
</style>
</body>
</html>
<style is:global>
:root {
--background: #000;
--headline-color: #fff;
--text-color: #808394;
--accent: 124, 58, 237;
}
@font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-weight: 500;
src: local('IBM Plex Mono Medm'), local('IBMPlexMono-Medm'),
url('/fonts/IBMPlexMono-Medium-Latin1.woff2') format('woff2');
unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153,
U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022,
U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
html {
font-family: 'IBM Plex Mono', monospace;
background-color: var(--background);
color: var(--text-color, #cdcfdb);
font-size: 1rem;
line-height: 1.5;
font-weight: 500;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
}
</style>

24
src/pages/index.astro
View file

@ -10,7 +10,12 @@ import Layout from '../layouts/Layout.astro'
</div>
</header>
<main>
<div class='details'>
<article class='cfp gradient-bg'>
<a href='https://pretalx.c3voc.de/hip-berlin-2022/cfp'>
<h2>Call for participation &rarr;</h2>
</a>
</article>
<div>
<address>
<h2>ETI Schauspielschule</h2>
Rungestraße 20<br />
@ -20,7 +25,7 @@ import Layout from '../layouts/Layout.astro'
</main>
</Layout>
<style>
<style lang='scss'>
main {
margin: auto;
padding: 1.5rem;
@ -38,6 +43,21 @@ import Layout from '../layouts/Layout.astro'
line-height: 1.1;
color: var(--headline-color);
}
.cfp {
margin: 0 -1.5rem;
text-align: center;
&:hover {
opacity: 0.8;
}
a {
color: var(--background);
}
h2 {
font-size: 2.4rem;
line-height: 1.2;
margin: 0;
}
}
time {
font-size: 3.2ch;
}