Skip to content

Commit

Permalink
Update summerjob splash for 2025
Browse files Browse the repository at this point in the history
  • Loading branch information
Krakels committed Sep 5, 2024
1 parent 2017293 commit 98f0201
Show file tree
Hide file tree
Showing 8 changed files with 166 additions and 43 deletions.
12 changes: 6 additions & 6 deletions src/summersplash2022/Content.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ import omJobbenStyle from './sections/hvemSokerVi.module.css';
import SummerstudentsQuotes from './sections/hvaSierSommerstudentene';

const Content = () => {
const norwayMap = require('./img/norway summer job.svg');
const norwayMap = require('./img/summerjob_norway_2025.svg');

return (
<>
Expand Down Expand Up @@ -38,11 +38,11 @@ const Content = () => {
</p>

<p>
I 2024 tilbyr vi sommerjobb i både <strong>Trondheim</strong>,{' '}
I 2025 tilbyr vi sommerjobb i både <strong>Trondheim</strong>,{' '}
<strong>Oslo</strong> og <strong>Bergen</strong>, til
henholdsvis ti, ti og tre studenter. Hvor du vil jobbe bestemmer
du naturligvis selv. Sommerjobben varer i fire + to uker med tre
uker ferie i mellomtiden.
henholdsvis åtte, åtte og tre studenter. Hvor du vil jobbe
bestemmer du naturligvis selv. Sommerjobben varer i fire + to
uker med tre uker ferie i mellomtiden.
</p>
</div>
<p className={omJobbenStyle.textBelowImg}>
Expand All @@ -57,7 +57,7 @@ const Content = () => {
<div className={omJobbenStyle.imgWrapper}>
<img
src={norwayMap}
alt="Vi ansetter 10 i Trondheim, 10 i Oslo og 3 i Bergen"
alt="Vi ansetter 8 i Trondheim, 8 i Oslo og 3 i Bergen"
className={omJobbenStyle.img}
/>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/summersplash2022/components/header/header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -132,7 +132,7 @@ const Header = (props: { white: boolean }) => {
>
<header className={style.header}>
<div className={style.header__logo}>
<Link href="/">
<Link legacyBehavior href="/">
<a aria-label="Variant startside">
<img src={require('./variant.svg')} alt="Variant" />
</a>
Expand Down
105 changes: 105 additions & 0 deletions src/summersplash2022/img/summerjob_norway_2025.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
39 changes: 39 additions & 0 deletions src/summersplash2022/img/summerjob_timeline_2025.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
29 changes: 3 additions & 26 deletions src/summersplash2022/sections/forside.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ import Header from 'src/summersplash2022/components/header/header';
import MoreInfo from 'src/summersplash2022/img/merInfo';
import { ApplyType } from 'src/summersplash2022/utils/utils';
import ArrowDown from 'src/summersplash2022/img/arrowDown';
import GraduateToggleArrow from '../img/graduateToggleArrow';
import SummerjobToggleArrow from 'src/summersplash2022/img/summerjobToggleArrow';
import LandingPageImgWithBlob from 'src/summersplash2022/img/landingpageImgWithBlob';

const LandingPage = ({
Expand All @@ -20,35 +18,14 @@ const LandingPage = ({
<>
<section className={`${style.section} ${className}`} id="forside">
<Header white={isApplyGraduate ? true : false} />
<div className={style.togglePageDiv}>
<div
className={`${style.togglePage} ${
isApplyGraduate ? style.togglePageLightBlue : style.togglePageBlue
}
`}
>
<a
href="/sommerjobb"
className={!isApplyGraduate ? style.toggleActiveBlue : ''}
>
Sommerjobb
</a>
<a
href="/nyutdannet"
className={isApplyGraduate ? style.toggleActiveLightBlue : ''}
>
Nyutdannet
</a>
</div>
{isApplyGraduate ? <SummerjobToggleArrow /> : <GraduateToggleArrow />}
</div>
<div className={style.togglePageDiv}></div>
<div className={style.flex}>
<h1>
Vi ser etter
<span className={style.textGradient}>
{isApplyGraduate ? ' 4 nyutdannede ' : ' 23 sommervarianter '}
{isApplyGraduate ? ' 4 nyutdannede ' : ' 19 sommervarianter '}
</span>
i 2024!
i 2025!
</h1>
<div className={style.applyDiv}>
<div>
Expand Down
2 changes: 1 addition & 1 deletion src/summersplash2022/sections/hvaSierSommerstudentene.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ const SummerstudentsQuotes = () => {
className={`${style.section} ${sharedStyle.sectionDarkTeal}`}
id="hvameneraretssommerstudenter"
>
<h2>Hva mener årets sommerstudenter?</h2>
<h2>Hva mener tidligere sommerstudenter?</h2>
{summerstudentsQuotes.map((student) => (
<div className={style.summerstudent} key={student.name}>
<img
Expand Down
8 changes: 4 additions & 4 deletions src/summersplash2022/sections/hvaSkjerEtterSonaadsfristen.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -14,13 +14,13 @@ const AfterApplying = ({
const timelineImage =
applyType === ApplyType.GRADUATE
? require('../img/graduate timeline.svg')
: require('../img/timeline.svg');
: require('../img/summerjob_timeline_2025.svg');

const timelineDescription =
applyType == ApplyType.GRADUATE
? `Søknadsfrist: 1.oktober, Kaffeprat: 4.-5.oktober, tilbud om sommerjobb: 6.oktober
sosiale og faglige arrangementer: november-juni, første arbeidsperiode: 10.juni - 5.juli (4 uker), ferie
8.juli - 26 juli (3 uker), andre arbeidsperiode : 29.juli - 9.august (2 uker)`
? `Søknadsfrist: 1.oktober, Kaffeprat: 2.-3.oktober, tilbud om sommerjobb: 4.oktober
sosiale og faglige arrangementer: november-juni, første arbeidsperiode: 9.juni - 4.juli (4 uker), ferie
7.juli - 25. juli (3 uker), andre arbeidsperiode : 28.juli - 8.august (2 uker)`
: '';

const isApplyGraduate: boolean = applyType == ApplyType.GRADUATE;
Expand Down
12 changes: 7 additions & 5 deletions src/summersplash2022/sections/søkJobb.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,11 @@ import ApplyImgWithBlob from 'src/summersplash2022/img/applyImgWithBlob';

const Apply = ({ applyType }: { applyType: ApplyType }) => {
const isApplyGraduate = applyType == ApplyType.GRADUATE;
const variantImg = require(isApplyGraduate
? 'src/components/page-header/whiteVariant.svg'
: 'src/components/page-header/variant.svg');
const variantImg = require(
isApplyGraduate
? 'src/components/page-header/whiteVariant.svg'
: 'src/components/page-header/variant.svg',
);

return (
<section
Expand Down Expand Up @@ -46,7 +48,7 @@ const Apply = ({ applyType }: { applyType: ApplyType }) => {
href={
isApplyGraduate
? '/jobs/nyutdannet-designer-2024'
: '/jobs/sommerjobb-designer-2024'
: '/jobs/sommerjobb-designer-2025'
}
>
Søk som designer
Expand All @@ -56,7 +58,7 @@ const Apply = ({ applyType }: { applyType: ApplyType }) => {
href={
isApplyGraduate
? '/jobs/nyutdannet-utvikler-2024'
: '/jobs/sommerjobb-utvikler-2024'
: '/jobs/sommerjobb-utvikler-2025'
}
>
Søk som utvikler
Expand Down

0 comments on commit 98f0201

Please sign in to comment.