-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
157 lines (147 loc) · 7.01 KB
/
index.php
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
<!DOCTYPE html>
<html>
<head>
<title>Chung An Chiu</title>
<link rel="icon" type="image/png" sizes="16x16" href="./img/favicon-16x16.png">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lobster">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/5.1.1/bootstrap-social.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="./css/styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
<script src="./js/index.js"></script>
</head>
<body>
<nav id="top" class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#top">ChungAn</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about">ABOUT</a></li>
<li><a href="#portfolio">PORTFOLIO</a></li>
<li><a href="#contact">CONTACT</a></li>
<!--
<li>
<button class="btn btn-default navbar-btn"><a href="#">CONTACT</a></button>
</li>
-->
</ul>
</div>
</div>
</nav>
<div id="about" class="row text-center">
<?php
session_start();
if(isset($_SESSION['message'])){
if($_SESSION['is_success']){
echo '<div class="alert alert-success alert-dismissable">';
}else{
echo '<div class="alert alert-danger alert-dismissable">';
}
echo '<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>';
echo $_SESSION['message'];
echo '</div>';
}
unset($_SESSION['message']);
unset($_SESSION['is_success']);
?>
<div class="col-md-4 pull-right">
<img class="img-fluid img-rounded" src="./img/profile-picture.jpg" alt="profile-picture">
</div>
<div>
<h2><strong>About</strong></h2>
<hr>
<p>After joining the workforce for 2 years as a software engineer, I decided to pursue a formal master's degree in Computer Science at the University of Chicago, hoping this is leading my life to a rather more challenging journey.</p>
<p>Born and raised in Taipei, Taiwan, I completed my bachelor at National Taiwan University. As a student in the discipline of Entomology(Insect), who later on launched a career in software engineering, I always tell people that I am a <em>professional bug-dealer</em>.</p>
</div>
</div>
<div id="portfolio" class="row text-center text-muted">
<h2><strong>Portfolio</strong></h2>
<hr>
<div class="col-sm-6 col-xs-12">
<iframe src="https://www.youtube.com/embed/6gohTcGf4Rc" allow="encrypted-media" allowfullscreen></iframe>
<p>iOS - Mr. Wood and Ms. Flame</p>
</div>
<div class="col-sm-6 col-xs-12">
<iframe src="https://www.youtube.com/embed/tHGMqQLvAbE" allow="encrypted-media" allowfullscreen></iframe>
<p>iOS - Combination Pad Lock</p>
</div>
<div class="col-sm-6 col-xs-12">
<a target="_blank" rel="noopener noreferrer" href="https://itunes.apple.com/us/app/genmo/id1347965515?mt=8">
<img src="./img/genmo.png" class="img-responsive genmo" alt="Image">
</a>
<p>iOS - Project Genmo</p>
</div>
<div class="col-sm-6 col-xs-12">
<a href="https://peaceful-fortress-80870.herokuapp.com/swagger-ui.html#/">
<img src="./img/swagger-api.png" class="img-responsive" alt="Image">
</a>
<p>Java Spring-boot rest api</p>
</div>
<div class="col-sm-6 col-xs-12">
<a href="https://powerful-atoll-43424.herokuapp.com/weather.php">
<img src="./img/weather_snapshot.png" class="img-responsive" alt="Local Weather App">
</a>
<p>Ajax - Local Weather App</p>
</div>
<div class="col-sm-6 col-xs-12">
<a href="./tweet.php">
<img src="./img/tweet_snapshot.png" class="img-responsive" alt="Random Quote Machine">
</a>
<p>Ajax - Random Quote Machine</p>
</div>
</div>
<div id="contact" class="text-center">
<h2><strong>Contact</strong></h2>
<hr>
<form class="row" action="/send_mail.php" method="post">
<div class="form-group col-sm-6 col-xs-12">
<label for="title">Title</label>
<input type="text" class="form-control" id="title" name="title" placeholder="Title">
</div>
<div class="form-group col-sm-6 col-xs-12">
<label for="email">Email address</label>
<input type="email" class="form-control" id="email" name="email" placeholder="Email">
</div>
<div class="form-group col-sm-6 col-xs-12">
<label for="first-name">First Name</label>
<input type="text" class="form-control" id="first-name" name="first-name" placeholder="First Name">
</div>
<div class="form-group col-sm-6 col-xs-12">
<label for="last-name">Last Name</label>
<input type="text" class="form-control" id="last-name" name="last-name" placeholder="Last Name">
</div>
<div class="form-group col-sm-12 col-xs-12">
<label for="message">Message</label>
<textarea class="form-control" id="message" name="message" rows="3" placeholder="Message"></textarea>
</div>
<button type="submit" class="btn btn-default">Send</button>
</form>
</div>
<footer class="container-fluid text-center">
<p> Created by <a href="http://www.chunganchiu.com/">Chung-An Chiu</a></p>
<div>
<ul>
<li>
<a class="btn btn-social-icon btn-linkedin" href="https://www.linkedin.com/in/andrew-chung-an-chiu-62b030147/" target="_blank">
<span class="fa fa-linkedin"></span>
</a>
</li>
<li>
<a class="btn btn-social-icon btn-github" href="https://github.com/JavaChiu" target="_blank">
<span class="fa fa-github"></span>
</a>
</li>
</ul>
</div>
</footer>
</body>
</html>