This repository was archived by the owner on Feb 15, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmobile.html
More file actions
122 lines (118 loc) · 7.26 KB
/
mobile.html
File metadata and controls
122 lines (118 loc) · 7.26 KB
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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>drumgiovanni</title>
<link rel="stylesheet" href="css/mobile.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link href="https://cdn.rawgit.com/michalsnik/aos/2.0.4/dist/aos.css">
<script src="https://cdn.rawgit.com/michalsnik/aos/2.0.4/dist/aos.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/jQueryRotate.js"></script>
</head>
<body>
<header>
<h1>drumgiovanni</h1>
</header>
<div class="top-wrapper">
<ul id="header-list">
<li class="hd-li"><a href="#About">About</a></li>
<li class="hd-li"><a href="#Background">Background</a></li>
<li class="hd-img"><img src="assets/logo.png" width="60%" height="600%"></li>
<li class="hd-li"><a href="#Hobby">Hobby</a></li>
<li class="hd-li"><a href="#Portfolio">Portfolio</a></li>
</ul>
</div>
<div class="content">
<div id="About">
<h2><i class="far fa-hand-point-right"></i> About</h2>
<br>
<div class="inner-content">
<p>Hi! I'm giovanni. Thank you for comming to my page.</p>
<p>I grew up in Osaka, Japan. I like playing the drums, listening to music, cycling and so on.</p>
<p>I began writing code from October, 2017. I created a few apps with python(Django), node.js(exoress) and javascript(react).</p>
<p>I wanna be a super engineer someday... </p>
</div>
</div>
<div id="Background">
<h2><i class="far fa-hand-point-right"></i> Background</h2>
<br>
<div class="inner-content">
<p>Here's my background. Scroll to see all.</p>
<div id="BGtable">
<table>
<tr> <td valign="middle" class="right-border">1995.08</td><td valign="middle" class="table-content">Born in Christ Church, NZ</td></tr>
<tr> <td valign="middle" class="right-border">1997</td><td valign="middle" class="table-content">Move to Osaka, Japan</td></tr>
<tr> <td valign="middle" class="right-border">2002.04</td><td valign="middle" class="table-content">Enter Tennoji Elementary School Attached To Osaka Kyoiku University</td></tr>
<tr> <td valign="middle" class="right-border">2008.04</td><td valign="middle" class="table-content">Enter Tennoji Junior High School Attached To Osaka Kyoiku University</td></tr>
<tr> <td valign="middle" class="right-border">2011.04</td><td valign="middle" class="table-content">Enter Tennoji High School Attached To Osaka Kyoiku University</td></tr>
<tr> <td valign="middle" class="right-border">2014.04</td><td valign="middle" class="table-content">Enter Osaka City University, Faculty of Commerce</td></tr>
<tr> <td valign="middle" class="right-border">2015.03</td><td valign="middle" class="table-content">Study abroad for a month in University of Victoria, Canada</td></tr>
<tr> <td valign="middle" class="right-border">2016.03</td><td valign="middle" class="table-content">Won the outstanding performance award in a Internship-program at Works Applications</td></tr>
<tr> <td valign="middle" class="right-border">2017.02</td><td valign="middle" class="table-content">Get an Internship at Gaiax</td></tr>
<tr> <td valign="middle" class="right-border">2018.03</td><td valign="middle" class="table-content">Graduate Osaka City University</td></tr>
<tr class="last"> <td valign="middle" class="right-border">2018.09</td><td valign="middle" class="table-content lastline">Move to Tokyo, Japan</td></tr>
</table>
</div>
</div>
</div>
<div id="Hobby">
<h2><i class="far fa-hand-point-right"></i> Hobby</h2>
<br>
<div class="inner-content">
<ul>
<li><i class="far fa-smile fa-spin" style="color:black"></i> Playing the Drums</li>
<li><i class="far fa-smile fa-spin" style="color:black"></i> Cycling</li>
<li><i class="far fa-smile fa-spin" style="color:black"></i> Watching Movies and TV series</li>
<li><i class="far fa-smile fa-spin" style="color:black"></i> Drinking with Friends</li>
<li><i class="far fa-smile fa-spin" style="color:black"></i> Writing Codes</li>
</ul>
</div>
</div>
<div id="Portfolio">
<h2><i class="far fa-hand-point-right"></i> Portfolio</h2>
<br>
<div class="slide" id="shiftgn">
<h3>Shift-generator2</h3>
<br>
<p>Make it easier to generate a worker's shift.</p>
<p>(It's adapted for parttime-workers who works at Yomiuri Newspaper.)</p>
<img src="assets/mv1.gif" width="380" height="240">
<img src="assets/mv2.gif" width="380" height="240">
<p class="right-side"><a href="https://github.com/drumgiovanni/shiftgenerator2">=>Check it out in github</a>
</div>
<div class="slide" id="hfin">
<h3>House_finder</h3>
<br>
<p>You can find an ideal house with this app.</p>
<p>This app will gather house infos from Suumo's url you type in</p>
<p>and summalise in a spreadsheet.</p>
<br>
<p class="right-side"><a href="https://github.com/drumgiovanni/house_finder">=>Check it out in github</a>
</div>
<div class="slide" id="pfin">
<h3>Parking_finder</h3>
<br>
<p>You can easily find a bicycle parking with this app.</p>
<p>This app will search parkings from your location or a location</p>
<p>you type in.(It only shows Osaka-city municipal parkings for now.)</p>
<img src="assets/pf2.gif" width="410" height="240">
<p class="right-side mtop"><a href="https://github.com/drumgiovanni/parking_finder">=>Check it out in github</a>
</div>
</div>
</div>
<footer>
<div class="footer-content">
<h2>Contact</h2>
<ul>
<li><i class="fab fa-github"></i> Github: <a href="https://github.com/drumgiovanni">drumgiovanni</a></li>
<li><i class="fab fa-twitter" style="color:skyblue;"></i> Twitter: <a href="https://twitter.com/giovan_now">@giovan_now</a></li>
<li><i class="fas fa-envelope-square" style="color:red;"></i> Mail: giovannithedev@gmail.com</li>
<li><i class="fa fa-pencil" style="color:black;"></i>Blog: <a href="https://drumgiovanni.github.io/blog">Giovannitheblog</a>
</ul>
</div>
</footer>
<script src="js/mobile.js"></script>
</body>
</html>