-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
176 lines (165 loc) · 9.63 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="./images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./images/favicon/favicon-16x16.png">
<link rel="manifest" href="./images/favicon/site.webmanifest">
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script defer src="script/main.js"></script>
<script defer src="script/vanilla-tilt.js"></script>
<title>Hjem</title>
</head>
<body>
<div class="intro">
<h1 class="logo-header">
<span class="i-logo"><img src="images/logo/AHELogo.png" class="logo" style="width: auto; height: 150px;"></span>
</h1>
</div>
<header>
<div class="logo">
<a href="#"onclick="pageRedirect('index.html')">
<img src="images/logo/AHELogo.png" class="logo" style="width: auto; height: 60px;">
</a>
</div>
<div class="nav">
<ul>
<li><a href="#section-1" class="pageButton">OM MEG</a></li>
<li><a href="#" class="pageButton" onclick="pageRedirect('projects.html')">PROSJEKTER</a></li>
</ul>
</div>
<div class="contact">
<ul>
<li><a href="#" class="pageButton" onclick="pageRedirect('contact.html')">KONTAKT</a></li>
</ul>
</div>
</header>
<section class="banner">
<div class="scrolling_text">
<div class="text">
<span><a href="https://www.instagram.com/adrian.evj/">Instagram</a></span>
<span><a href="https://www.linkedin.com/in/adrian-hiim-evjeberg-87bb412a9/">Linkedin</a></span>
<span><a href="mailto:[email protected]">Adrian Hiim Evjeberg</a></span>
<span><a href="https://github.com/Kliiyu">Github</a></span>
<span><a href="https://www.youtube.com/@adrianh.evjeberg7197">Youtube</a></span>
</div>
<div class="text">
<span><a href="https://www.instagram.com/adrian.evj/">Instagram</a></span>
<span><a href="https://www.linkedin.com/in/adrian-hiim-evjeberg-87bb412a9/">Linkedin</a></span>
<span><a href="mailto:[email protected]">Adrian Hiim Evjeberg</a></span>
<span><a href="https://github.com/Kliiyu">Github</a></span>
<span><a href="https://www.youtube.com/@adrianh.evjeberg7197">Youtube</a></span>
</div>
</div>
<div id="scroll-wrapper">
<a href="#section-1"><img src="images/icons/arrow-down.png" alt="scroll icon"></a>
</div>
</section>
<section id="section-1">
<div class="about-wrapper">
<div class="mainAbout">
<h3 class="hidden fade-left">Litt om meg</h3>
<p class="hidden fade-left" data-tilt data-tilt-max="10">
Min dype interesse for media og informasjonsteknologi har funnet sitt kreative utløp gjennom min lidenskap for filming og videoredigering. Å fange øyeblikkene og historiene gjennom kameraets linse gir meg en unik glede, og redigeringsprosessen er der jeg virkelig kan utfolde min kreativitet. Det å skape visuelle narrativer gjennom nøye utvalgte klipp, effekter og lyd har blitt en av mine foretrukne måter å uttrykke meg selv på.
<br><br>
Samtidig elsker jeg å dykke inn i verdenen av programmering og utvikle forskjellige typer programvare. Å kunne skape noe fra bunnen av, enten det er et nytt program som løser et problem eller et underholdende stykke programvare, gir meg en følelse av oppfyllelse. Den intellektuelle utfordringen ved å lage effektive og innovative løsninger motiverer meg til stadig å utforske nye områder innen IT-verdenen.
<br><br>
Min tilnærming til både filming og programvareutvikling er preget av min unike kreativitet. Jeg ser på disse aktivitetene som to sider av samme mynt, der den ene styrker den andre. Å kunne kombinere teknologisk kompetanse med kunstnerisk visjon åpner opp for uendelige muligheter, og det er nettopp denne grenseløse utforskningen som driver min lidenskap for å lage og skape.
</p>
<div class="downloadAbout hidden fade-bottom"><a style="text-decoration: none;" href="./contact.html">Kontakt meg</a></div>
</div>
</div>
<ul class="list-component">
<h2 class="__section hidden fade-top">ARBEIDSEFARING</h2>
<li class="__item">
<div class="card-component hidden fade-left" data-tilt data-tilt-scale="1.01" data-tilt-axis="y">
<h2 class="__year">Mars 2020 – d.d.</h2>
<h1 class="__title">Butikkmedarbeider, Amazoon AS avdeling Pets Hundvåg</h1>
<p class="__text">Kundebehandling, varemottak, klargjøring av butikk for åpning og stenging, kasseopgjør.</p>
</div>
</li>
<li class="__item">
<div class="card-component hidden fade-left" data-tilt data-tilt-scale="1.01" data-tilt-axis="y">
<h2 class="__year">April 2023</h2>
<h1 class="__title">Arbeidspraksis, Avinor på Sola Flyplass</h1>
<p class="__text">Diverse arbeid forbundet til IT.</p>
</div>
</li>
</ul>
<ul class="list-component">
<h2 class="__section hidden fade-top">UTDANNING</h2>
<li class="__item">
<div class="card-component hidden fade-left" data-tilt data-tilt-scale="1.01" data-tilt-axis="y">
<h2 class="__year">2023 - d.d.</h2>
<h1 class="__title">Vågen VGS</h1>
<p class="__text">Videregående skole VG1, Informasjonsteknologi og mediaproduksjon</p>
</div>
</li>
<li class="__item">
<div class="card-component hidden fade-left" data-tilt data-tilt-scale="1.01" data-tilt-axis="y">
<h2 class="__year">2020 - 2023</h2>
<h1 class="__title">Lunde skole</h1>
<p class="__text">Grunnskole</p>
</div>
</li>
<li class="__item">
<div class="card-component hidden fade-left" data-tilt data-tilt-scale="1.01" data-tilt-axis="y">
<h2 class="__year">2013 - 2020</h2>
<h1 class="__title">Skeie skole</h1>
<p class="__text">Grunnskole</p>
</div>
</li>
</ul>
</section>
<section id="section-2">
<div id="sect2-wrapper">
<div class="toptext-wrapper hidden fade-top">
<h3>nylige prosjekter</h3>
</div>
<div class="quickview-work">
<figure>
<a href="./projects.html"><img class="hidden fade-left" src="./projects/NYLIGE/Nylige1.png" alt="placeholder" data-tilt data-tilt-scale="1.05" data-tilt-glare data-tilt-max-glare="0.8"></a>
<figcaption class="hidden fade-left">Nov 27-30, 2023</figcaption>
</figure>
<figure>
<a href="./projects.html"><img class="hidden fade-bottom" src="./projects/NYLIGE/Nylige2.png" alt="placeholder" data-tilt data-tilt-scale="1.05" data-tilt-glare data-tilt-max-glare="0.8"></a>
<figcaption class="hidden fade-bottom">Nov 11, 2023</figcaption>
</figure>
<figure>
<a href="./projects.html"><img class="hidden fade-right" src="./projects/NYLIGE/Nylige3.png" alt="placeholder" data-tilt data-tilt-scale="1.05" data-tilt-glare data-tilt-max-glare="0.8"></a>
<figcaption class="hidden fade-right">Okt 27, 2023</figcaption>
</figure>
</div>
<div class="viewMoreProjects hidden fade-bottom"><a style="text-decoration: none;" href="./projects.html">Les mer</a></div>
</div>
</section>
<footer class="footer">
<ul class="social-icon">
<li class="social-icon__item"><a class="social-icon__link" href="https://www.youtube.com/@adrianh.evjeberg7197">
<ion-icon name="logo-youtube"></ion-icon>
</a></li>
<li class="social-icon__item"><a class="social-icon__link" href="https://github.com/Kliiyu">
<ion-icon name="logo-github"></ion-icon>
</a></li>
<li class="social-icon__item"><a class="social-icon__link" href="https://www.linkedin.com/in/adrian-hiim-evjeberg-87bb412a9/">
<ion-icon name="logo-linkedin"></ion-icon>
</a></li>
<li class="social-icon__item"><a class="social-icon__link" href="https://www.instagram.com/adrian.evj/">
<ion-icon name="logo-instagram"></ion-icon>
</a></li>
</ul>
<ul class="menu">
<li class="menu__item"><a class="menu__link" href="#" onclick="pageRedirect('index.html')">Hjem</a></li>
<li class="menu__item"><a class="menu__link" href="#section-1">Om Meg</a></li>
<li class="menu__item"><a class="menu__link" href="#" onclick="pageRedirect('projects.html')">Prosjekter</a></li>
<li class="menu__item"><a class="menu__link" href="#" onclick="pageRedirect('contact.html')">Kontakt</a></li>
</ul>
<p>©2024 Adrian Hiim Evjeberg | All Rights Reserved</p>
</footer>
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
<script type="text/javascript" src="./script/vanilla-tilt.js"></script>
</body>
</html>