edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

move typekit import, add full logo, misc sketching

Browse Source
This commit is contained in:
elisejakob
2024-05-15 01:28:10 +02:00
parent 644a7661da
commit 993102e1bf
8 changed files with 104 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/app/layout.tsx
View File

@ -15,6 +15,9 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="no"> <html lang="no">
<head>
<link rel="stylesheet" href="https://use.typekit.net/spa5smt.css" />
</head>
<body> <body>
<Header /> <Header />
{children} {children}

1
web/src/components/events/EventContainer.tsx
View File

@ -51,6 +51,7 @@ export const EventContainer = ({
<div className={styles.displayOptions}> <div className={styles.displayOptions}>
<button onClick={() => setMode(null)}>Vis liste</button> <button onClick={() => setMode(null)}>Vis liste</button>
<button onClick={() => setMode("calendar")}>Vis kalender</button> <button onClick={() => setMode("calendar")}>Vis kalender</button>
<button>Filter</button>
</div> </div>
{mode === "list" && <EventList events={filteredEvents} />} {mode === "list" && <EventList events={filteredEvents} />}
{mode === "calendar" && <EventCalendar events={filteredEvents} />} {mode === "calendar" && <EventCalendar events={filteredEvents} />}

2
web/src/components/events/eventContainer.module.scss
View File

@ -19,6 +19,8 @@
button { button {
border-radius: 0; border-radius: 0;
background: var(--color-deepBrick);
color: var(--color-goldenBeige);
} }
} }

90
web/src/components/general/Logo.tsx
View File

File diff suppressed because one or more lines are too long

4
web/src/components/general/logo.module.scss
View File

@ -10,6 +10,10 @@
svg { svg {
width: 100%; width: 100%;
} }
&.main {
margin: calc(var(--spacing-sitepadding)*-.6) 0 0 calc(var(--spacing-sitepadding)*-.6);
}
} }
.logoIcon { .logoIcon {

4
web/src/css/base.scss
View File

@ -106,8 +106,8 @@ h6 {
button, button,
.button { .button {
border-radius: 10rem; border-radius: 10rem;
background: var(--color-cta); background: var(--color-cta-background);
color: var(--color-text); color: var(--color-cta-text);
border: none; border: none;
padding: .5rem 1rem; padding: .5rem 1rem;
font-family: inherit; font-family: inherit;

2
web/src/css/fonts.scss
View File

@ -1,5 +1,3 @@
@import url("https://use.typekit.net/spa5smt.css");
/*@font-face { /*@font-face {
font-family: 'Avenir'; font-family: 'Avenir';
src: url('/assets/fonts/Avenir/Avenir.woff2') format("woff2"); src: url('/assets/fonts/Avenir/Avenir.woff2') format("woff2");

3
web/src/css/variables.scss
View File

@ -29,7 +29,8 @@
--color-text: var(--color-chateauBlue); --color-text: var(--color-chateauBlue);
--color-background: var(--color-betongGray); --color-background: var(--color-betongGray);
--color-background-secondary: var(--color-betongGray-darkened); --color-background-secondary: var(--color-betongGray-darkened);
--color-cta: var(--color-goldenOrange); --color-cta-background: var(--color-goldenOrange);
--color-cta-text: var(--color-black);
--color-placeholder: var(--color-neufPink); --color-placeholder: var(--color-neufPink);
// spacing // spacing