Skip to content

Commit

Permalink
Ryddet opp og forenklet siden litt
Browse files Browse the repository at this point in the history
  • Loading branch information
oddsve committed Sep 30, 2024
1 parent 62a6165 commit 28aa3e4
Show file tree
Hide file tree
Showing 4 changed files with 25 additions and 89 deletions.
2 changes: 1 addition & 1 deletion pages/stavanger/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ export const getStaticProps = async () => {
try {
const listings = await getFileListingData('stavanger');
const employees = await getContactsByEmails([
'omns@variant.no',
'oms@variant.no',
'[email protected]',
'[email protected]',
'[email protected]',
Expand Down
Binary file added src/stavanger/assets/finkel.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
102 changes: 19 additions & 83 deletions src/stavanger/index.tsx
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
import { InferGetStaticPropsType, NextPage } from 'next';
import Head from 'next/head';
import React from 'react';
import BlobLink from 'src/components/blob-link';
import JobListingItem from 'src/jobs/list-item';
import Layout from 'src/layout';
import style from './stavanger.module.css';
Expand All @@ -12,17 +11,15 @@ import { and } from 'src/utils/css';
import { EmployeeTile } from 'src/employees';

const stavangerBlobUrl = require('./assets/stavanger.png');
const timelineUrl = require('./assets/timeline.svg');
const blobmapUrl = require('./assets/blobmap.svg');
const mapUrl = require('./assets/map.png');
const bygningUrl = require('./assets/finkel.png');

export function StavangerInfoBlock() {
return (
<div className={style.infoBlock}>
<img
className={style.infoBlock__blob}
src={stavangerBlobUrl}
alt="Bryggen i Bergen"
alt="Breiavatnet i natten"
/>

<h2 className={style.infoBlock__title}>
Expand Down Expand Up @@ -75,17 +72,16 @@ const Stavanger: NextPage<InferGetStaticPropsType<typeof getStaticProps>> = ({
<img
className={style.stavangerBlob}
src={stavangerBlobUrl}
alt="Bryggen i Bergen"
alt="Breiavatnet i natten"
/>

<header className={style.intro}>
<h2 className={style.title}>Hey, en ny Variant i Stavanger!</h2>
</header>

<p className="lead">
På kort tid har vi sikret oss de aller første ansatte (hipp
hurra!), vi har fått kontorer i kontorfellesskapet i Vaskerelven
39, og nå er vi klare for flere folk. Vil du være med å forme et
I løpet av høsten og vinteren skal vi etablere oss i vakre Stavanger.
Da trenger vi folk, dyktige folk, mye folk! Vil du være med å forme et
annerledes konsulentselskap?
</p>
<p>
Expand All @@ -110,8 +106,8 @@ const Stavanger: NextPage<InferGetStaticPropsType<typeof getStaticProps>> = ({
<h3 className="fancy">Så, hvorfor Stavanger?</h3>

<p className={and('lead', style.map__text__lead)}>
Den korte oppsummeringen er; Bergen har et spennende marked og
kunder, spennende fagmiljøer og studiesteder, og ikke minst
Den korte oppsummeringen er; Stavanger har et spesielt viktig marked i landet og
mange spennedne kunder. I tillegg spennende fagmiljøer og studiesteder, og ikke minst
spennende folk.
</p>

Expand All @@ -120,98 +116,38 @@ const Stavanger: NextPage<InferGetStaticPropsType<typeof getStaticProps>> = ({
2018 har vi hatt stor vekst. Variant-konseptet har blitt veldig
godt mottatt og vi får også tilbakemeldinger på at vi har
inspirert andre. Vi ønsker derfor å spre verdiene og tankesettene
våre videre.
våre videre. Bærekraft har vært viktig for oss siden -, for alltid egentlig.
Vi mener at i akkurat i Stavanger kan kanskje i større grad enn noe annet sted faktisk
jobbe med bærekraftsutfordinger som faktisk betyr noe.
</p>

<img
className={style.mapImage}
src={mapUrl}
alt="Kart over kontorer i Trondheim, Bergen og Oslo."
src={bygningUrl}
alt="Hus i Stavanger sentrum"
/>

<p className={style.map__text__second}>
Vi lærte mye fra oppstarten i Oslo som vi ønsker å ta med oss
vestover. Det er vanskelig å ha gode diskusjoner mellom byer når
man bare er to, og Bergen vil gi oss enda en stemme og nye
Vi lærte mye fra oppstarten i Oslo og Bergen som vi ønsker å ta med oss
sør-vestover. Jo flere selskaper vi har, jo flere stemmer får vi inn på vårt bord. Dette skaper bedre
perpektiver og bedre beslutninger. Stavanger vil gi oss enda en stemme og nye
perspektiver inn i det som begynner å bli et stort
Variant-fellesskap.
</p>

<p className={style.map__text__third}>
Om du ønsker å lese mer så kan du{' '}
<a
href="https://blog.variant.no/hallaisen-bergen-d88c7b976ef4"
title="Hallaisen, Bergen!"
href="https://blog.variant.no/kor-e-det-stavanger-a0c519d1e7f2"
title="Kor e det, Stavanger?"
>
lese Odd Mortens bloggpost om hvorfor vi drar til Bergen
lese Odd Mortens bloggpost om hvorfor vi drar til Stavanger
</a>
.
</p>
</div>

<div
className={and(
style.content,
style['content--block'],
style['content--timeline'],
)}
>
<h4 className="fancy">Reisen har startet og vi har en plan...</h4>

<img
src={timelineUrl}
className={style.timeline}
alt="Tidslinje som viser progresjon med 12 varianter i desember 2022."
/>

<BlobLink
text="Les våre Stavangersscenarioer"
href="stavanger/vyer"
size={220}
className={style.timelineButton}
/>

<p className={style.timelineText}>
Vi vet hvor vi vil, og har allerede kommet godt i gang på
Bergensreisen. Vi har samlet noen scenarioer som skaper et bilde
av hvor vi ønsker å være i 2025, men om du fortsatt synes at det
er litt lenge til så har{' '}
<a
href="https://blog.variant.no/nytt-%C3%A5r-nytt-kontor-og-endelig-ny-variantdag-d147bf855d22"
rel="external noopner"
>
Andreas skrevet noen ord om den første måneden i Variant
</a>
.
</p>
</div>

<div
className={and(
style.content,
style['content--block'],
style['content--blobmap'],
)}
>
<h3 className="fancy">
Vi skal bygge et miljø med fokus på tverrfaglighet
</h3>

{/* <p className={and('lead', style.blobmap__text__lead)}>
Noe tekst om hvorfor og hva vi legger i dette. Noe tekst om
hvorfor og hva vi legger i dette. Noe tekst om hvorfor og hva vi
legger i dette. Noe tekst om hvorfor og hva vi legger i dette. Noe
tekst om hvorfor og hva vi legger i dette. Noe tekst om hvorfor og
hva vi legger i dette.
</p> */}

<img
src={blobmapUrl}
className={style.blobmap__image}
alt="Fordeling Oslo, Bergen og Trondheim. Hvor Trondheim er størst og Oslo er større enn Bergen."
/>
</div>


{listings.length > 0 && (
<div className={style.content}>
<h3 className="fancy">Høres det interessant ut?</h3>
Expand Down
10 changes: 5 additions & 5 deletions src/stavanger/stavanger.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -103,7 +103,7 @@
display: block;
}

.bergenBlob {
.stavangerBlob {
shape-outside: url('./assets/stavanger.png');
float: right;
margin-top: 3rem;
Expand All @@ -121,9 +121,9 @@
flex-direction: column;
}
.mapImage {
top: 8rem;
left: 20%;
width: 80%;
top: 18rem;
left: 30%;
width: 60%;
display: block;
position: absolute;
}
Expand Down Expand Up @@ -188,7 +188,7 @@
}

@media (max-width: 500px) {
.bergenBlob,
.stavangerBlob,
.lufthavn {
float: none;
margin-bottom: 2rem;
Expand Down

0 comments on commit 28aa3e4

Please sign in to comment.