Skip to content

Commit

Permalink
kommentarer
Browse files Browse the repository at this point in the history
  • Loading branch information
@haakoaho
haakoaho committed Jul 7, 2023
1 parent 15031be commit 68fb2ed
Show file tree
Hide file tree
Showing 5 changed files with 79 additions and 61 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
34 changes: 21 additions & 13 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,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*/
Expand Down Expand Up @@ -1299,10 +1307,10 @@
position: relative;
bottom: 900px;
}
.søknadstips {
margin-top: -900px;
}
.Marius {
left: 60%;
}
.flexTimeline {
display: block;
}
}
21 changes: 12 additions & 9 deletions src/summersplash2022/nyutdannet/nyutdannet.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -299,8 +299,9 @@ p {
/* Section 6 */
.flexTimeline {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
gap: 50px;
}

.section6Div {
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -441,7 +448,7 @@ p {
/* Section 6 */
.flexTimeline {
width: auto;
display: block;
flex-direction: row;
}

.readMoreArrowWhite {
Expand All @@ -453,11 +460,7 @@ p {
}

.section6Div {
width: auto;
}

.section6 {
height: auto;
width: 100%;
}

.section6 p:nth-child(1),
Expand Down Expand Up @@ -770,7 +773,7 @@ p {

/* Section 6 */
.section6 {
height: 1900px;
height: 2000px;
}

.section6 p:nth-child(1),
Expand Down
62 changes: 32 additions & 30 deletions src/summersplash2022/nyutdannet/sections/hvaSkjerEtterSonaadsfristen.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@ const AfterApplying = (props: { red: boolean; applyType: ApplyType }) => {
return (
<section className={style2.section6} id="hvaskjerettersoknadsfristen">
<h2 className={style.heading}>Hva skjer etter søknadsfristen?</h2>
<div className={style.flexTimeline}>
<div className={style2.section6Div}>
<p className={style.section5ParagraphLeft}>
Vi liker ikke tradisjonelle intervjuer. De plasserer søker i en
Expand All @@ -45,7 +46,7 @@ const AfterApplying = (props: { red: boolean; applyType: ApplyType }) => {
<DarkRedBlob />
</div>
</div>

<div className={style.timeLine}>
<img
src={TimeLine}
Expand All @@ -55,24 +56,25 @@ const AfterApplying = (props: { red: boolean; applyType: ApplyType }) => {
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={style.flexTimeline}>
<div className={style2.section6Div}>
<p className={style.section5ParagraphLeft}>
Vi liker ikke tradisjonelle intervjuer. De plasserer søker i en
Expand All @@ -98,24 +100,24 @@ const AfterApplying = (props: { red: boolean; applyType: ApplyType }) => {
muligheter til å bli bedre kjent før man starter.
</p>
</div>
<div>
<img
src={TimeLine}
alt="tidslinje"
style={{ zIndex: 1, marginTop: '50px' }}
/>
</div>
<div className="timelineBlack">
<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
3 changes: 0 additions & 3 deletions src/summersplash2022/nyutdannet/sections/hvordanSerFørsteÅretUt.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,6 @@ const FirstYear = () => {

useEffect(() => {
if (window) {
if (window.matchMedia('(max-width: 1400px)').matches) {
setIsDesktop(false);
}
window.addEventListener('resize', handleResize);
}
}, []);
Expand Down

0 comments on commit 68fb2ed

Please sign in to comment.