-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (85 loc) · 6.21 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Onni Saarni</title>
<link rel="stylesheet" href="style.css">
<link href='https://fonts.googleapis.com/css?family=Poppins|Flow+Circular|Raleway|Plus+Jakarta+Sans' rel='stylesheet'>
<link href="https://fonts.cdnfonts.com/css/giga-sans" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="title">
<div class="maintitle">
<h1 id="maintitle">ONNI SAARNI</h1><br>
</div>
<div class="subtitle">
<i class="fa fa-envelope-o" id="icon"></i> [email protected]
</div>
</div>
<div class="apps">
<div class="row">
<div class="proxmox">
<img src="images/proxmox.png" style="width: 115px; height: 115px; float: left; padding: 10px; vertical-align: bottom; shape-outside: polygon(50% 0%, 100% 0, 100% 60%, 100% 90%, 0 90%, 0% 60%, 0 0);">
<div style="padding: 10px;">
<div class="titles"><b>Proxmox - 2 vuotta</b><br></div>
Käytän Proxmoxia kahdella kotipalvelimellani, ja niille olen luonut monipuolisen virtuaaliympäristön. Proxmoxissa minulla pyörii useita virtuaalikoneita ja kontteja, joilla on erilaisia palveluita ja sovelluksia. Näihin sovelluksiin kuuluu mm. Apache-web-palvelin, Discord-botteja, Turnkey-NAS-palvelin, Pi-hole DNS-palvelin ja useita muita sovelluksia.
</div>
</div>
<div class="opnsense">
<img src="images/opnsense.png" style="width: 115px; height: 115px; float: left; padding: 10px; vertical-align: bottom; shape-outside: polygon(50% 0%, 100% 0, 100% 60%, 100% 90%, 0 90%, 0% 60%, 0 0);">
<div style="padding: 10px;">
<div class="titles"><b>OPNsense</b><br></div>
Käytän OPNsense-palomuuri- ja reititysratkaisua kotiverkkoni turvallisuuden varmistamiseksi. OPNsense toimii kotini reitittimenä, DHCP-palvelimena ja palomuurina. Asensin OPNsensen itse muokkaamalleni toimistokoneelle.
</div>
</div>
</div>
<div class="row">
<div class="kotipalvelin">
<i class="fa fa-server" style="font-size: 115px; width: 115px; height: 115px; float: left; padding: 10px; vertical-align: bottom; shape-outside: polygon(50% 0%, 100% 0, 100% 60%, 100% 90%, 0 90%, 0% 60%, 0 0);"></i>
<div style="padding: 10px;">
<div class="titles"><b>Kotipalvelimet - 2 vuotta</b><br></div>
Olen ylläpitänyt kahta omaa kotipalvelinta nyt kaksi vuotta. Palvelinten ylläpito ja hoito ovat olleet merkittävä osa harrastustani ja tietotekniikan opiskelua. Palvelimet ovat mahdollistaneet erilaisten käyttöjärjestelmien ja sovellusten käytön kotona.
</div>
</div>
<div class="linux">
<img src="images/linux.png" style="width: 115px; height: 115px; float: left; padding: 10px; vertical-align: bottom; shape-outside: polygon(50% 0%, 100% 0, 100% 60%, 100% 90%, 0 90%, 0% 60%, 0 0);">
<div style="padding: 10px;">
<div class="titles"><b>Linux - 2 vuotta</b><br></div>
Linux on ollut myös iso osa tietotekniikan opiskeluani. Opin käyttämään Linuxia, jotta voisin hallita palvelimiani, mutta myöhemmin käytin sitä myös omalla pöytäkoneellanikin.
</div>
</div>
</div>
<div class="row">
<div class="html">
<img src="images/html.png" style="width: 115px; height: 115px; float: left; padding: 10px; vertical-align: bottom; shape-outside: polygon(50% 0%, 100% 0, 100% 60%, 100% 90%, 0 90%, 0% 60%, 0 0);">
<div style="padding: 10px;">
<div class="titles"><b>HTML ja CSS - 3 vuotta</b><br></div>
Olen käyttänyt HTML ja CSS jo useamman vuoden. Osaan tehdä mielestäni ihan hyviä sivuja, mutta HTML ja CSS eivät ole intohimoni, enkä nauti niiden käyttämisestä paljon. Osaan kuitenkin sitä tarpeeksi hyvin, että osaan tehdä esimerkiksi oman ansioluetteloni ja tämän sivun sitä käyttäen.
</div>
</div>
<div class="python">
<img src="images/python.png" style="width: 115px; height: 115px; float: left; padding: 10px; vertical-align: bottom; shape-outside: polygon(50% 0%, 100% 0, 100% 60%, 100% 90%, 0 90%, 0% 60%, 0 0);">
<div style="padding: 10px;">
<div class="titles"><b>Python - 3 vuotta</b><br></div>
Python on ollut tärkeä työkalu minulle erilaisia projekteja tehdessä. Esimerkiksi olen tehnyt Python-projektin, joka lähettää minulle koulun ruokalistan joka aamu. Olen käyttänyt Pythonia noin kolme vuotta erilaisiin ohjelmointi ja automaatio projekteihin.
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="bottombar">
<div class="row">
<div class="yokirjoitukset">
<i class="fa fa-align-left" style="font-size: 115px; width: 115px; height: 115px; float: left; padding: 10px; vertical-align: bottom; shape-outside: polygon(50% 0%, 100% 0, 100% 60%, 100% 90%, 0 90%, 0% 60%, 0 0);"></i>
<div style="padding: 10px;">
<div class="titles"><b>Ylioppilaskirjoitusten koeverkon asennus</b><br></div>
Olin osana tiimiä, joka asensi ylioppilaskirjoitusten koeverkkoa. Valmistimme tilat yli 200:lle opiskelijalle. Tehtäviimme kuului kytkinten ja työmaakeskuksien asentaminen, kaapelien ja johtojen asentaminen ja järjestäminen. Lopuksi testasimme jokaisen paikan sähkön ja netin, jotta kaikki toimisi virheettömästi koetilaisuudessa. Työ vaati tiimityötä ja hyvää suunnittelua ja samalla opin isojen verkkojen asentamisesta paljon.
</div>
</div>
</div>
</div>
</div>
</body>
</html>