Skip to content

Commit

Permalink
Fikser ting
Browse files Browse the repository at this point in the history
* Fikk inn årets sommerstudenters uttalelser
* Fikser link på variant:skudd
* størrelser på blobber
  • Loading branch information
haakoaho committed Jul 4, 2023
1 parent bf9edd9 commit a1b55d0
Show file tree
Hide file tree
Showing 7 changed files with 131 additions and 34 deletions.
63 changes: 41 additions & 22 deletions src/summersplash2022/Content.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,19 +6,20 @@ import ReadMoreArrow from './img/lesMerPil';
import Header from './components/header/header';
import PinkBlob from './img/pinkBlob';
import GreenBlob from './nyutdannet/img/greenBlob';
import AfterApplying, { ApplyType } from './nyutdannet/sections/hvaSkjerEtterSonaadsfristen';
import AfterApplying, {
ApplyType,
} from './nyutdannet/sections/hvaSkjerEtterSonaadsfristen';
import MoreInfo from './img/merInfo';

const Content = () => {
const blobSection1 = require('./img/section1Blob.png');
const Marius = require('./img/Marius.png');
const summerStudent1 = require('./img/Vilde summerstudent.png');
const summerStudent2 = require('./img/Olepetter summerstudent.png');
const summerStudent3 = require('./img/Nora summerstudent.png');
const norwayMap = require('./img/norway summer job.svg')
const summerStudent1 = require('./img/emma.svg');
const summerStudent2 = require('./img/mathias.svg');
const summerStudent3 = require('./img/swarny.svg');
const norwayMap = require('./img/norway summer job.svg');
// bildefiler finnes på https://www.figma.com/file/9130OrLEkCHn15Cq4BvPRP/Skisser?type=design&node-id=908-163&mode=design&t=Bg1HGOBmQhOpszRV-4


const [whichButtonSelected, setWhichButtonSelected] = useState('');
const [isMobile, setIsMobile] = useState(false);

Expand Down Expand Up @@ -114,7 +115,11 @@ const Content = () => {
</p>
{isMobile ? (
<div className={style.officeMapMobile}>
<img src={norwayMap} alt="vi ansetter 10 i Trondheim, 10 i Oslo og 3 i Bergen" width='100%'/>
<img
src={norwayMap}
alt="vi ansetter 10 i Trondheim, 10 i Oslo og 3 i Bergen"
width="100%"
/>
</div>
) : (
<></>
Expand All @@ -130,7 +135,14 @@ const Content = () => {
hva Variant står for og tilbyr.
</p>
</div>
{!isMobile ? <img src={norwayMap} alt="vi ansetter 10 i Trondheim, 10 i Oslo og 3 i Bergen" /> : <></>}
{!isMobile ? (
<img
src={norwayMap}
alt="vi ansetter 10 i Trondheim, 10 i Oslo og 3 i Bergen"
/>
) : (
<></>
)}
</div>
</section>
</div>
Expand All @@ -145,12 +157,13 @@ const Content = () => {
/>
<div>
<p className={style.summerstudent1Paragraph}>
“Jeg følte man ble en del av firmaet selv om det «bare» var en
sommerjobb. [...] Utrolig hyggelige kollegaer som ønsker å
hjelpe der man kan og løfte hverandre frem. [...] Teamet hos
kunden stilte gjerne til rådgivning uansett hva.”
“Jeg er utrolig glad for å få være en del av variantgjengen i
sommer! Det er gøy å se hvordan kjerneverdier som åpenhet og
læreglede virkelig praktiseres i arbeidshverdagen, ikke bare
på papiret. Det gjør at jeg føler meg veldig inkludert og
lærer masse, samtidig som vi har det mye moro!”
</p>
<p className={style.summerstudentName1}>-Vilde</p>
<p className={style.summerstudentName1}>-Emma</p>
</div>
</div>

Expand All @@ -162,13 +175,15 @@ const Content = () => {
alt=""
></img>
<p className={style.summerstudent2Paragraph}>
“Det har vært fantastisk å være en nevø i variantfamilien
gjennom sommeren! Fagkvelder, felles lunsj, sosialt opplegg,
alt som skal til for en bonding opplevelse var der. [...]
Store ord om kjerneverdier kan fremstå som grunn
markedsføring. I Variant synes de når man kommer på jobb!”
“Sommeren i Variant ga meg en smakebit av hva det vil si å
være konsulent. Med ekte kunder og reelle behov lærte jeg
masse og fikk vist frem ferdighetene mine. Gjennom sosiale
arrangementer og pulserende Slack-kanaler følte jeg meg
inkludert allerede før dag én. Jevnlige sparringer ga faglig
påfyll og støtte til teamet, og folkene her er rett og slett
herlige 🤗”
</p>
<p className={style.summerstudentName2}>-Ole Petter</p>
<p className={style.summerstudentName2}>-Mathias</p>
</div>
</div>

Expand All @@ -180,10 +195,14 @@ const Content = () => {
></img>
<div>
<p className={style.summerstudent3Paragraph}>
“Det har vært helt fantastisk å være en del av Variant i
sommer. For en bra, varm og inkluderende gjeng!”
“Sommeren hos Variant har vært helt fantastisk. Vi fikk jobbe
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!!”
</p>
<p className={style.summerstudentName}>-Nora</p>
<p className={style.summerstudentName}>-Swarny</p>
</div>
</div>
<GreenBlob />
Expand Down
21 changes: 21 additions & 0 deletions src/summersplash2022/img/emma.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
21 changes: 21 additions & 0 deletions src/summersplash2022/img/mathias.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
21 changes: 21 additions & 0 deletions src/summersplash2022/img/swarny.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
20 changes: 12 additions & 8 deletions src/summersplash2022/index.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -240,18 +240,21 @@
.summerstudent1 {
display: flex;
position: static;
margin-top: 4em;
}

.summerstudent2 {
display: flex;
position: relative;
bottom: 100px;
margin-top: 4em;
}

.summerstudent3 {
display: flex;
position: relative;
bottom: 100px;
margin-top: 3em;
}

.summerstudent1picture {
Expand All @@ -275,6 +278,7 @@
width: 37%;
height: 37%;
bottom: 150px;
padding-right: 2em;
}

.summerstudent1Paragraph,
Expand Down Expand Up @@ -338,7 +342,7 @@
font-weight: 700;
font-size: 18px;
line-height: 27px;
border: none;
position: relative;
}

.section5Paragraph {
Expand Down Expand Up @@ -383,6 +387,7 @@

.section5Div2 {
width: 100%;
padding-top: 10%;
}

/* Section 6 styling*/
Expand All @@ -396,6 +401,9 @@
width: 40%;
margin-top: 20px;
}
.wrapper .radio-button-wrapper {
border: none;
}

.contactInfo {
margin-top: 2%;
Expand Down Expand Up @@ -685,6 +693,7 @@
.søknadstips {
position: relative;
left: 0px;
right: 5px;
}

.section6 {
Expand Down Expand Up @@ -716,9 +725,6 @@
display: none;
}

.søknadstips {
position: static;
}
.imageBlob1 {
position: static;
width: 10px;
Expand Down Expand Up @@ -844,7 +850,6 @@
}

.søknadstips {
position: relative;
bottom: 400px;
}

Expand Down Expand Up @@ -950,7 +955,7 @@
}

.section3 {
height: 1000px;
height: 1300px;
}

.summerstudent1 {
Expand Down Expand Up @@ -1020,7 +1025,7 @@
height: auto;
shape-outside: circle() padding-box;
float: left;
right: 15%;
right: 20%;
position: relative;
}

Expand All @@ -1030,7 +1035,6 @@
shape-outside: circle() padding-box;
height: auto;
margin: 0px;
margin-right: -20%;
}

.summerstudent3picture {
Expand Down
17 changes: 14 additions & 3 deletions src/summersplash2022/nyutdannet/nyutdannet.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,9 @@ p {
line-height: var(--headig-line-height);
margin-bottom: 2%;
}
.calculator_radio-button-wrapper {
border: none;
}

.bigHeading {
font-family: 'Recoleta';
Expand Down Expand Up @@ -220,6 +223,13 @@ p {
position: relative;
z-index: 1;
}
.wrapper
[class*='calculator-controls']
[class*='form-row']
div
[class*='radio-button-wrapper'] {
border: none;
}

.pinkBlobSalarySVG {
position: relative;
Expand Down Expand Up @@ -295,6 +305,7 @@ p {
.section6Div {
width: 48%;
height: 1200px;
z-index: 1;
}

.section6 h3 {
Expand Down Expand Up @@ -324,10 +335,10 @@ p {

.section6Blob {
position: relative;
bottom: 200px;
z-index: 0;
z-index: -1;
right: 45%;
bottom: 840px;
transform: scale(0.5);
bottom: 33%;
}

/* Section 7 */
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ const FirstYear = () => {
<p>
For å bidra til personlig og faglig utvikling av nyutdannede
gjennomfører vi oppstartsprogrammet{' '}
<a href="/handbook#utviklingsprogram" style={{ color: 'white' }}>
<a href="https://handbook.variant.no/#Utviklingsprogram" style={{ color: 'white' }}>
variant:skudd
</a>
. Programmet gjennomføres i løpet av det første året den nyutdannede
Expand Down

0 comments on commit a1b55d0

Please sign in to comment.