diff --git a/src/summersplash2022/Content.tsx b/src/summersplash2022/Content.tsx index dcd67d703..4c07ea3b5 100644 --- a/src/summersplash2022/Content.tsx +++ b/src/summersplash2022/Content.tsx @@ -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) => { @@ -45,6 +47,7 @@ const Content = () => { ) { setWhichButtonSelected('Formal og verdier'); } + handleOnClick('Formal og verdier'); }, []); return ( @@ -95,7 +98,7 @@ const Content = () => {

Hva går sommerjobben ut på?

- {isPad ? ( + {isPad ? (
{ 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{' '} - bloggen vår for å lese - mer om hva årets sommerstudenter jobbet med. + + bloggen vår + {' '} + for å lese mer om hva årets sommerstudenter jobbet med.

@@ -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!!”

-Swarny

diff --git a/src/summersplash2022/index.module.css b/src/summersplash2022/index.module.css index 990b8f6d4..e0319f83f 100644 --- a/src/summersplash2022/index.module.css +++ b/src/summersplash2022/index.module.css @@ -370,8 +370,10 @@ .flexTimeline { display: flex; + flex-direction: row; align-items: flex-start; justify-content: left; + gap: 1em; } .timeLine { @@ -388,6 +390,14 @@ padding-top: 10%; } +.søknadstips { + position: relative; + left: 0px; + right: 5px; + bottom: 850px; + z-index: 1; +} + /* Section 6 styling*/ .section6 { @@ -515,7 +525,6 @@ .whyWorkAtVariant { background-color: #fff3f2; - height: 1000px; } .handbookGrid { @@ -558,6 +567,7 @@ text-align: left; cursor: pointer; white-space: nowrap; + font-weight: bold; } .handbookButton2 { @@ -583,6 +593,7 @@ text-align: left; cursor: pointer; white-space: nowrap; + font-weight: bold; } .handbookButton3 { @@ -608,6 +619,7 @@ text-align: left; cursor: pointer; white-space: nowrap; + font-weight: bold; } .handbookButton4 { @@ -633,6 +645,7 @@ text-align: left; cursor: pointer; white-space: nowrap; + font-weight: bold; } .section5HandbookLinkMobile { @@ -689,12 +702,6 @@ overflow: hidden; } - .søknadstips { - position: relative; - left: 0px; - right: 5px; - } - .section6 { height: 1100px; } @@ -792,7 +799,7 @@ } .flexTimeline { - display: block; + flex-direction: column; } .section5ParagraphLeft { @@ -843,12 +850,13 @@ .timeLine { position: relative; - bottom: 1000px; + bottom: 800px; margin-top: 0%; } .søknadstips { - margin-top: -900px; + margin-top: 50px; + padding-bottom: 50px; } /* Section 1 mobile*/ @@ -1299,10 +1307,10 @@ position: relative; bottom: 900px; } - .søknadstips { - margin-top: -900px; - } .Marius { left: 60%; } + .flexTimeline { + display: block; + } } diff --git a/src/summersplash2022/nyutdannet/nyutdannet.module.css b/src/summersplash2022/nyutdannet/nyutdannet.module.css index 006abed85..befe84829 100644 --- a/src/summersplash2022/nyutdannet/nyutdannet.module.css +++ b/src/summersplash2022/nyutdannet/nyutdannet.module.css @@ -299,8 +299,9 @@ p { /* Section 6 */ .flexTimeline { display: flex; + flex-direction: column; align-items: flex-start; - gap: 0.5rem; + gap: 50px; } .section6Div { @@ -338,7 +339,13 @@ p { z-index: -2; right: 45%; transform: scale(0.5); - bottom: 33%; + bottom: 600px; +} +.section6 { + height: 2200px; +} +.timeLineBlack { + margin-left: 100px; } /* Section 7 */ @@ -441,7 +448,7 @@ p { /* Section 6 */ .flexTimeline { width: auto; - display: block; + flex-direction: row; } .readMoreArrowWhite { @@ -453,11 +460,7 @@ p { } .section6Div { - width: auto; - } - - .section6 { - height: auto; + width: 100%; } .section6 p:nth-child(1), @@ -770,7 +773,7 @@ p { /* Section 6 */ .section6 { - height: 1900px; + height: 2000px; } .section6 p:nth-child(1), diff --git a/src/summersplash2022/nyutdannet/sections/hvaSkjerEtterSonaadsfristen.tsx b/src/summersplash2022/nyutdannet/sections/hvaSkjerEtterSonaadsfristen.tsx index 4d0299bc7..b6ec5e4b7 100644 --- a/src/summersplash2022/nyutdannet/sections/hvaSkjerEtterSonaadsfristen.tsx +++ b/src/summersplash2022/nyutdannet/sections/hvaSkjerEtterSonaadsfristen.tsx @@ -21,6 +21,7 @@ const AfterApplying = (props: { red: boolean; applyType: ApplyType }) => { return (

Hva skjer etter søknadsfristen?

+

Vi liker ikke tradisjonelle intervjuer. De plasserer søker i en @@ -45,7 +46,7 @@ const AfterApplying = (props: { red: boolean; applyType: ApplyType }) => {

- +
{ style={{ zIndex: 1 }} />
- -
-

Søknadstips:

-

- 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? -

-
+
+
+

Søknadstips:

+

+ 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? +

+
); } else { return (

Hva skjer etter søknadsfristen?

+

Vi liker ikke tradisjonelle intervjuer. De plasserer søker i en @@ -98,24 +100,24 @@ const AfterApplying = (props: { red: boolean; applyType: ApplyType }) => { muligheter til å bli bedre kjent før man starter.

-
- tidslinje -
+
+ tidslinje +
+
-
-

Søknadstips:

-

- 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? -

+
+

Søknadstips:

+

+ 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? +

diff --git "a/src/summersplash2022/nyutdannet/sections/hvordanSerF\303\270rste\303\205retUt.tsx" "b/src/summersplash2022/nyutdannet/sections/hvordanSerF\303\270rste\303\205retUt.tsx" index 9a2ce8f42..8d08cece9 100644 --- "a/src/summersplash2022/nyutdannet/sections/hvordanSerF\303\270rste\303\205retUt.tsx" +++ "b/src/summersplash2022/nyutdannet/sections/hvordanSerF\303\270rste\303\205retUt.tsx" @@ -18,9 +18,6 @@ const FirstYear = () => { useEffect(() => { if (window) { - if (window.matchMedia('(max-width: 1400px)').matches) { - setIsDesktop(false); - } window.addEventListener('resize', handleResize); } }, []);