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>