Skip to content

Commit

Permalink
kommentarer
Browse files Browse the repository at this point in the history
  • Loading branch information
@haakoaho
haakoaho committed Jul 6, 2023
1 parent 15031be commit 156cb86
Show file tree
Hide file tree
Showing 4 changed files with 124 additions and 102 deletions.
20 changes: 14 additions & 6 deletions src/summersplash2022/Content.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,9 @@ const Content = () => {

const handleResize = () => {
setIsMobile(window.matchMedia('(max-width: 700px)').matches);
setIsPad(window.matchMedia('(min-width: 701px) and (max-width: 1200px)').matches);
setIsPad(
window.matchMedia('(min-width: 701px) and (max-width: 1200px)').matches,
);
};

const handleOnClick = (buttonValue: string) => {
Expand All @@ -45,6 +47,7 @@ const Content = () => {
) {
setWhichButtonSelected('Formal og verdier');
}
handleOnClick('Formal og verdier');
}, []);

return (
Expand Down Expand Up @@ -95,7 +98,7 @@ const Content = () => {
<h2 className={style.heading}>Hva går sommerjobben ut på?</h2>
<div className={style.section2Flex}>
<div className={style.section2Text}>
{isPad ? (
{isPad ? (
<div className={style.officeMapMobile}>
<img
src={norwayMap}
Expand All @@ -114,8 +117,13 @@ const Content = () => {
et av de spennende kundeprosjektene vi har. Underveis får du
god oppfølging og tilrettelegging fra erfarne konsulenter
som ønsker at du lykkes. Sjekk ut{' '}
<a href='https://blog.variant.no/' className={style.blogpostLink}>bloggen vår</a> for å lese
mer om hva årets sommerstudenter jobbet med.
<a
href="https://blog.variant.no/"
className={style.blogpostLink}
>
bloggen vår
</a>{' '}
for å lese mer om hva årets sommerstudenter jobbet med.
</p>

<p className={style.section2Paragraph}>
Expand Down Expand Up @@ -212,8 +220,8 @@ const Content = () => {
med et megakult og aktuelt prosjekt med god oppfølging, både
fra Variant og kunden. Selv om Variant er et konsulentselskap,
har de et godt sosialt miljø hvor alle er inkluderende, ivrige
og åpne. Jeg er superfornøyd med at
jeg søkte sommerjobb hos Variant!!”
og åpne. Jeg er superfornøyd med at jeg søkte sommerjobb hos
Variant!!”
</p>
<p className={style.summerstudentName}>-Swarny</p>
</div>
Expand Down
31 changes: 19 additions & 12 deletions src/summersplash2022/index.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -370,8 +370,10 @@

.flexTimeline {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: left;
gap: 1em;
}

.timeLine {
Expand All @@ -388,6 +390,14 @@
padding-top: 10%;
}

.søknadstips {
position: relative;
left: 0px;
right: 5px;
bottom: 850px;
z-index: 1;
}

/* Section 6 styling*/

.section6 {
Expand Down Expand Up @@ -515,7 +525,6 @@

.whyWorkAtVariant {
background-color: #fff3f2;
height: 1000px;
}

.handbookGrid {
Expand Down Expand Up @@ -558,6 +567,7 @@
text-align: left;
cursor: pointer;
white-space: nowrap;
font-weight: bold;
}

.handbookButton2 {
Expand All @@ -583,6 +593,7 @@
text-align: left;
cursor: pointer;
white-space: nowrap;
font-weight: bold;
}

.handbookButton3 {
Expand All @@ -608,6 +619,7 @@
text-align: left;
cursor: pointer;
white-space: nowrap;
font-weight: bold;
}

.handbookButton4 {
Expand All @@ -633,6 +645,7 @@
text-align: left;
cursor: pointer;
white-space: nowrap;
font-weight: bold;
}

.section5HandbookLinkMobile {
Expand Down Expand Up @@ -689,12 +702,6 @@
overflow: hidden;
}

.søknadstips {
position: relative;
left: 0px;
right: 5px;
}

.section6 {
height: 1100px;
}
Expand Down Expand Up @@ -792,7 +799,7 @@
}

.flexTimeline {
display: block;
flex-direction: column;
}

.section5ParagraphLeft {
Expand Down Expand Up @@ -843,7 +850,7 @@

.timeLine {
position: relative;
bottom: 1000px;
bottom: 800px;
margin-top: 0%;
}

Expand Down Expand Up @@ -1299,10 +1306,10 @@
position: relative;
bottom: 900px;
}
.søknadstips {
margin-top: -900px;
}
.Marius {
left: 60%;
}
.flexTimeline {
display: block;
}
}
5 changes: 4 additions & 1 deletion src/summersplash2022/nyutdannet/nyutdannet.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -338,7 +338,10 @@ p {
z-index: -2;
right: 45%;
transform: scale(0.5);
bottom: 33%;
bottom: 600px;
}
.section6 {
height: 1750px;
}

/* Section 7 */
Expand Down
170 changes: 87 additions & 83 deletions src/summersplash2022/nyutdannet/sections/hvaSkjerEtterSonaadsfristen.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ export enum ApplyType {
SUMMER,
}

const AfterApplying = (props: { red: boolean; applyType: ApplyType }) => {
const AfterApplying = (props: { red: boolean; applyType: ApplyType, isMobile : boolean, isDesktop: boolean }) => {
const Even = require('src/summersplash2022/img/Even.png');
let TimeLine;
if (props.applyType === ApplyType.GRADUATE) {
Expand All @@ -20,102 +20,106 @@ const AfterApplying = (props: { red: boolean; applyType: ApplyType }) => {
if (props.red) {
return (
<section className={style2.section6} id="hvaskjerettersoknadsfristen">

<h2 className={style.heading}>Hva skjer etter søknadsfristen?</h2>
<div className={style2.section6Div}>
<p className={style.section5ParagraphLeft}>
Vi liker ikke tradisjonelle intervjuer. De plasserer søker i en
unaturlig situasjon, og man blir ikke godt kjent med hverandre.
Etter at vi har vurdert alle søknadene inviterer vi utvalgte
kandidater til en kaffeprat. Dette er en uformell samtale hvor
målet er å bli bedre kjent med hverandre, med fokus på både det
faglige og det personlige. Og nei – du er selvsagt ikke nødt til å
drikke kaffe.
</p>
<p className={style.section5ParagraphLeft}>
Dersom du får jobbtilbud og takker ja, inkluderes du straks i
Variant. Du får tilgang til vår Slack, og mulighet til å delta på
faglige og sosiale arrangementer. Dette inkluderer blant annet
spill- og fagkvelder, nyttårskalas og variantdager, som er fine
muligheter til å bli bedre kjent før sommerjobben starter i juni.
</p>
<div className={style.Even}>
<img src={Even} className={style.EvenPicture} alt="Even" />
</div>
<div className={style2.section6Blob}>
<DarkRedBlob />
</div>
<div className={style.flexTimeline}>
<div className={style2.section6Div}>
<p className={style.section5ParagraphLeft}>
Vi liker ikke tradisjonelle intervjuer. De plasserer søker i en
unaturlig situasjon, og man blir ikke godt kjent med hverandre.
Etter at vi har vurdert alle søknadene inviterer vi utvalgte
kandidater til en kaffeprat. Dette er en uformell samtale hvor målet
er å bli bedre kjent med hverandre, med fokus på både det faglige og
det personlige. Og nei – du er selvsagt ikke nødt til å drikke
kaffe.
</p>
<p className={style.section5ParagraphLeft}>
Dersom du får jobbtilbud og takker ja, inkluderes du straks i
Variant. Du får tilgang til vår Slack, og mulighet til å delta på
faglige og sosiale arrangementer. Dette inkluderer blant annet
spill- og fagkvelder, nyttårskalas og variantdager, som er fine
muligheter til å bli bedre kjent før sommerjobben starter i juni.
</p>
<div className={style.Even}>
<img src={Even} className={style.EvenPicture} alt="Even" />
</div>

<div className={style.timeLine}>
<img
src={TimeLine}
alt="Søknadsfrist: 1.oktober, Kaffeprat: 4.-5.oktober, tilbud om sommerjobb: 6.oktober
<div className={style2.section6Blob}>
<DarkRedBlob />
</div>
</div>

<div className={style.timeLine}>
<img
src={TimeLine}
alt="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) "
style={{ zIndex: 1 }}
/>
</div>
style={{ zIndex: 1 }}
/>
</div>

<div className={style.søknadstips}>
<h4 className={style.section5HeadingH4}>Søknadstips:</h4>
<p className={style.section5Paragraph}>
Vi setter pris på en søknad med CV, søknadsbrev, karakterutskrift
og gjerne også portifolio og/eller GitHub profil. Det viktigste
for oss er å få et helhetlig bilde. Både av deg som person, din
eksisterende kompetanse og dine ambisjoner. Så hvem er du og
hvorfor søker du sommerjobb i Variant? Vi trenger mennesker som
bryr seg om å skape en bedre hverdag. Er det deg?
</p>
</div>
</div>
<div className={style.søknadstips}>
<h4 className={style.section5HeadingH4}>Søknadstips:</h4>
<p className={style.section5Paragraph}>
Vi setter pris på en søknad med CV, søknadsbrev, karakterutskrift og
gjerne også portifolio og/eller GitHub profil. Det viktigste for oss
er å få et helhetlig bilde. Både av deg som person, din eksisterende
kompetanse og dine ambisjoner. Så hvem er du og hvorfor søker du
sommerjobb i Variant? Vi trenger mennesker som bryr seg om å skape
en bedre hverdag. Er det deg?
</p>
</div>
</section>
);
} else {
return (
<section className={style2.section6} id="hvaskjerettersoknadsfristen">
<h3 className={style.heading}>Hva skjer etter søknadsfristen?</h3>
<div className={style2.section6Div}>
<p className={style.section5ParagraphLeft}>
Vi liker ikke tradisjonelle intervjuer. De plasserer søker i en
unaturlig situasjon, og man blir ikke godt kjent med hverandre.
Etter at vi har vurdert alle søknadene inviterer vi utvalgte
kandidater til en kaffeprat. Dette er en uformell samtale hvor
målet er å bli bedre kjent med hverandre, med fokus på både det
faglige og det personlige. Og nei – du er selvsagt ikke nødt til å
drikke kaffe.
</p>
<div className={style.flexTimeline}>
<div className={style2.section6Div}>
<p className={style.section5ParagraphLeft}>
Vi liker ikke tradisjonelle intervjuer. De plasserer søker i en
unaturlig situasjon, og man blir ikke godt kjent med hverandre.
Etter at vi har vurdert alle søknadene inviterer vi utvalgte
kandidater til en kaffeprat. Dette er en uformell samtale hvor målet
er å bli bedre kjent med hverandre, med fokus på både det faglige og
det personlige. Og nei – du er selvsagt ikke nødt til å drikke
kaffe.
</p>

<p className={style.section5ParagraphLeft}>
Noen dager etter kaffepraten vil aktuelle kandidater inviteres til
en sammarbeidscase hvor man vil jobbe sammen med 2 andre
varianter. Man vil få oppgaven på forhånd, men man skal ikke gjøre
noen store forbredelser.
</p>
<p className={style.section5ParagraphLeft}>
Dersom du får jobbtilbud og takker ja, inkluderes du straks i
Variant. Du får tilgang til vår Slack, og mulighet til å delta på
faglige og sosiale arrangementer. Dette inkluderer blant annet
spill- og fagkvelder, nyttårskalas og variantdager, som er fine
muligheter til å bli bedre kjent før man starter.
</p>
<p className={style.section5ParagraphLeft}>
Noen dager etter kaffepraten vil aktuelle kandidater inviteres til
en sammarbeidscase hvor man vil jobbe sammen med 2 andre varianter.
Man vil få oppgaven på forhånd, men man skal ikke gjøre noen store
forbredelser.
</p>
<p className={style.section5ParagraphLeft}>
Dersom du får jobbtilbud og takker ja, inkluderes du straks i
Variant. Du får tilgang til vår Slack, og mulighet til å delta på
faglige og sosiale arrangementer. Dette inkluderer blant annet
spill- og fagkvelder, nyttårskalas og variantdager, som er fine
muligheter til å bli bedre kjent før man starter.
</p>
</div>
<div>
<img
src={TimeLine}
alt="tidslinje"
style={{ zIndex: 1, marginTop: '50px' }}
/>
</div>
<div>
<img
src={TimeLine}
alt="tidslinje"
style={{ zIndex: 1, marginTop: '50px' }}
/>
</div>
</div>

<div>
<h4 className={style.section5HeadingH4}>Søknadstips:</h4>
<p className={style.section5Paragraph}>
Vi setter pris på en søknad med CV, søknadsbrev og
karakterutskrift. Det viktigste for oss er å få et helhetlig
bilde. Både av deg som person, din eksisterende kompetanse og
dine ambisjoner. Så hvem er du og hvorfor søker du sommerjobb i
Variant? Vi trenger mennesker som bryr seg om å skape en bedre
hverdag. Er det deg?
</p>
<div>
<h4 className={style.section5HeadingH4}>Søknadstips:</h4>
<p className={style.section5Paragraph}>
Vi setter pris på en søknad med CV, søknadsbrev og karakterutskrift.
Det viktigste for oss er å få et helhetlig bilde. Både av deg som
person, din eksisterende kompetanse og dine ambisjoner. Så hvem er
du og hvorfor søker du sommerjobb i Variant? Vi trenger mennesker
som bryr seg om å skape en bedre hverdag. Er det deg?
</p>
</div>
<div className={style2.section6Blob}>
<Section6Blob />
Expand Down

0 comments on commit 156cb86

Please sign in to comment.