-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathkoodaus.html
140 lines (115 loc) · 5.77 KB
/
koodaus.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
<!DOCTYPE html>
<html lang="fi">
<head>
<title>Portfolio</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS file: -->
<link rel="stylesheet" href="styles.css">
<!-- Import Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed&display=swap" rel="stylesheet">
<!-- Load an icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
</head>
<body>
<div id="topMenu" class="topNav">
<div class="overlay-content">
<div class="inner2">
<a href="index.html"><i class="fa fa-fw fa-home"></i> Etusivu</a>
</div>
<div class="inner2">
<a href="tausta.html"><i class="fa fa-user"></i> Tausta</a>
</div>
<div class="inner2 dropdown">
<a href="javascript:void(0)" class="dropbtn active"><i class="fa fa-desktop"></i> Projektit</a>
<div class="dropdown-content">
<a href="uxdesign.html">UX Design</a>
<a href="koodaus.html" class="active">Ohjelmointi</a>
</div>
</div>
<div class="inner2">
<a href="otayhteytta.html"><i class="fa fa-fw fa-envelope"></i> Ota Yhteyttä</a>
</div>
<a href="https://linkedin.com/in/jarno-seppanen" target="_blank">Linked <i id="linkedin"
class="fa-brands fa-linkedin"></i></a>
</div>
</div>
<div class="mobileUp">
<a href="https://linkedin.com/in/jarno-seppanen" class="mobileLinkedin" target="_blank">Linked <i id="linkedin"
class="fa-brands fa-linkedin"></i></a>
</div>
<div>
<div>
<h1 class="title">JARNO</h1>
<h3 class="underText">UX Designer & Developer</h3>
</div>
<div id="mainPara" class="mainText center">
<h3 class="projectPageTitle">Ohjelmointi</h3><br>
<!-- JaggePokka -->
<div class="projectBox gradie clearfix">
<h4 class="boxTitle"><a href="videopokeri.html">JaggePokka</a><a href="videopokeri.html" alt="JaggePokka"><img src="pokeriKuvat/pokerThumb.jpg" alt="Video Pokeri" class=projectImage></a></h4>
<p>JaggePokan esikuvana toimii RAY:n 80 -luvun lopulla kehitetty ensimmäinen video pokerikone. JaggePokka
on toteutettu Pythonilla ja siinä on käytetty KivyMd frameworkia.</p>
<a href="videopokeri.html" class="projectLink">lue lisää..</a>
</div>
<!-- Sää Tänään App -->
<div class="projectBox gradie clearfix">
<h4 class="boxTitle"><a href="saa_tanaan.html">Sää Nyt</a><a href="saa_tanaan.html" alt="Sää Nyt"><img src="saaKuvat/saaThumb.JPG" alt="Sää Nyt" class=projectImage></a></h4>
<p>Sää Nyt on web-sovellus, jonka toteutin harjotellakseni React.js:ää.
Sovellus hyödyntää OpenWeatherin ilmaista API rajapintaa.
</p>
<a href="saa_tanaan.html" class="projectLink">lue lisää..</a>
</div>
<!-- Teatterit App -->
<div class="projectBox gradie clearfix">
<h4 class="boxTitle"><a href="teatterit.html">Elokuvat pääkaupunkiseudulla tänään</a><a href="teatterit.html" alt="Elokuvat pääkaupunkiseudulla tänään"><img src="teatteriKuvat/TeatteriThumb.JPG" alt="Elokuvat pääkaupunkiseudulla tänään" class=projectImage></a></h4>
<p>
"Elokuvat pääkaupunkiseudulla tänään" web-sovellus on toteutettu osana koulun kurssia.
Web-sovellus hakee Finnkinon alkavat näytökset nykyisestä hetkestä alkaen. Projekti tehtiin parityönä.
</p>
<a href="teatterit.html" class="projectLink">lue lisää..</a>
</div>
<!-- MatikkaPeli -->
<div class="projectBox gradie clearfix">
<h4 class="boxTitle"><a href="matikkapeli.html">MatikkaPeli</a><a href="matikkapeli.html"><img src="matikkaKuvat/matikThumb.JPG" alt="MatikkaPeli" class=projectImage></a></h4>
<p>MatikkaPeli perustuu koulun kurssitehtävään, jonka pohjalta kehitin puhelin-sovelluksen lapseni pyynnöstä.
MatikkaPeli on toteutettu myös Pythinilla ja käyttää KivyMd frameworkia.</p>
<a href="matikkapeli.html" class="projectLink">lue lisää..</a>
</div>
<!-- Turvallisuus websivu -->
<div class="projectBox gradie clearfix">
<h4 class="boxTitle"><a href="turvallisuus.html">Turvallisuus websivu</a><a href="turvallisuus.html"><img src="turvallisuusKuvat/TurvThumb.JPG" alt="Turvallisuus Websivu"
class=projectImage></a></h4>
<p>Turvallisuus websivun tein kouluprojektina Verkkosivujen kehittäminen kurssin lopputyönä. Sivuston sisältö
tehtiin
yhteistyönä Turvallisuuden ja riskienhallinnan opiskelijan kanssa ja siitä tuli osa hänen opinnäytetyötä.
Sivuston toteutuksessa on hyödynnetty Bootstrappiä.</p>
<a href="turvallisuus.html" class="projectLink">lue lisää..</a>
</div>
</div>
</div>
</div>
<div id="mobileMenu" class="mobileDown">
<div class="overlay-content">
<div class="inner">
<a href="index.html"><i id="home" class="fa fa-fw fa-home"></i><br> Etusivu</a>
</div>
<div class="inner">
<a href="tausta.html"><i id="user" class="fa fa-user"></i><br> Tausta</a>
</div>
<div class="inner mobile-dropup">
<a href="#" class="active"><i id="desktop" class="fa fa-desktop"></i><br> Projektit</a>
<div class="mobile-dropup-content">
<a href="uxdesign.html">UX Design</a>
<a href="koodaus.html" class="active">Ohjelmointi</a>
</div>
</div>
<div class="inner">
<a href="otayhteytta.html"><i id="envelope" class="fa fa-fw fa-envelope"></i><br> Ota Yhteyttä</a>
</div>
</div>
</div>
</body>
</html>