Skip to content

Commit d55c457

Browse files
author
Nathan Shin
authored
Add files via upload
1 parent 02e7ad6 commit d55c457

37 files changed

+16914
-3
lines changed

‎00U0U_bxY3VvEhmtR_600x450.jpg

21.7 KB
Loading

‎00U0U_kj1gMYztkfg_600x450.jpg

31.5 KB
Loading

‎FSW2MICGNBEVVKF.jpg

66 KB
Loading

‎IMG_0888.jpg

-1.44 MB
Loading

‎IMG_20190613_153440.jpg

2.07 MB
Loading

‎IMG_20190622_163049 (1).jpg

3.08 MB
Loading

‎IMG_20190622_163049.jpg

3.08 MB
Loading

‎IMG_20190626_093920.jpg

3.57 MB
Loading

‎IMG_20190626_093921 (1).jpg

3.29 MB
Loading

‎IMG_20191111_134715.jpg

1.91 MB
Loading

‎Snapchat-1480863268.mp4

1.68 MB
Binary file not shown.

‎alley.jpg

208 KB
Loading

‎art.html

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<html>
2+
<title>Portfolio</title>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
<link rel="stylesheet" href="./style.css">
6+
<body>
7+
8+
<!-- Navbar (sit on top) -->
9+
<div class="w3-top">
10+
<div class="w3-bar w3-white w3-wide w3-padding w3-card">
11+
<a href="./index.html" class="w3-bar-item w3-button"><b>N.</b> Shin</a>
12+
<!-- Float links to the right. Hide them on small screens -->
13+
<div class="w3-right w3-hide-small">
14+
<a href="./index.html#projects" class="w3-bar-item w3-button">Projects</a>
15+
<a href="./index.html#gallery" class="w3-bar-item w3-button">Gallery</a>
16+
<a href="./index.html#about" class="w3-bar-item w3-button">About</a>
17+
<a href="./index.html#contact" class="w3-bar-item w3-button">Contact</a>
18+
</div>
19+
</div>
20+
</div>
21+
22+
<br>
23+
<br>
24+
<br>
25+
26+
<div class="w3-container w3-padding-32" id="projects">
27+
<h2 class="w3-border-bottom w3-border-light-grey w3-padding-16">Art</h2>
28+
</div>
29+
30+
31+
32+
</body>
33+
</html>

‎cornet.html

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<html>
2+
<title>Portfolio</title>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
<link rel="stylesheet" href="./style.css">
6+
<body>
7+
8+
<!-- Navbar (sit on top) -->
9+
<div class="w3-top">
10+
<div class="w3-bar w3-white w3-wide w3-padding w3-card">
11+
<a href="./index.html" class="w3-bar-item w3-button"><b>N.</b> Shin</a>
12+
<!-- Float links to the right. Hide them on small screens -->
13+
<div class="w3-right w3-hide-small">
14+
<a href="./index.html#projects" class="w3-bar-item w3-button">Projects</a>
15+
<a href="./index.html#gallery" class="w3-bar-item w3-button">Gallery</a>
16+
<a href="./index.html#about" class="w3-bar-item w3-button">About</a>
17+
<a href="./index.html#contact" class="w3-bar-item w3-button">Contact</a>
18+
</div>
19+
</div>
20+
</div>
21+
22+
23+
<br>
24+
25+
<div class="w3-container w3-padding-32" id="projects">
26+
<h2 class="w3-border-bottom w3-border-light-grey w3-padding-16">Fixing a 100+ year old Cornet</h2>
27+
</div>
28+
29+
<div class="ptext">
30+
<p>
31+
test
32+
</p>
33+
</div>
34+
35+
36+
</body>
37+
</html>

‎cornet.jpg

-296 KB
Loading

‎cw11.gif

3.74 KB
Loading

‎cycle.html

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<html>
2+
<title>Portfolio</title>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
<link rel="stylesheet" href="./style.css">
6+
<body>
7+
8+
<!-- Navbar (sit on top) -->
9+
<div class="w3-top">
10+
<div class="w3-bar w3-white w3-wide w3-padding w3-card">
11+
<a href="./index.html" class="w3-bar-item w3-button"><b>N.</b> Shin</a>
12+
<!-- Float links to the right. Hide them on small screens -->
13+
<div class="w3-right w3-hide-small">
14+
<a href="./index.html#projects" class="w3-bar-item w3-button">Projects</a>
15+
<a href="./index.html#gallery" class="w3-bar-item w3-button">Gallery</a>
16+
<a href="./index.html#about" class="w3-bar-item w3-button">About</a>
17+
<a href="./index.html#contact" class="w3-bar-item w3-button">Contact</a>
18+
</div>
19+
</div>
20+
</div>
21+
22+
23+
<br>
24+
25+
<div class="w3-container w3-padding-32" id="projects">
26+
<h2 class="w3-border-bottom w3-border-light-grey w3-padding-16">Restoring a 30-year old Motorcycle</h2>
27+
</div>
28+
29+
30+
<div class="ptext">
31+
<p>
32+
test
33+
</p>
34+
</div>
35+
36+
37+
</body>
38+
</html>

‎geiger.html

+46
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
<html>
2+
<title>Portfolio</title>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
<link rel="stylesheet" href="./style.css">
6+
<body>
7+
8+
<!-- Navbar (sit on top) -->
9+
<div class="w3-top">
10+
<div class="w3-bar w3-white w3-wide w3-padding w3-card">
11+
<a href="./index.html" class="w3-bar-item w3-button"><b>N.</b> Shin</a>
12+
<!-- Float links to the right. Hide them on small screens -->
13+
<div class="w3-right w3-hide-small">
14+
<a href="./index.html#projects" class="w3-bar-item w3-button">Projects</a>
15+
<a href="./index.html#gallery" class="w3-bar-item w3-button">Gallery</a>
16+
<a href="./index.html#about" class="w3-bar-item w3-button">About</a>
17+
<a href="./index.html#contact" class="w3-bar-item w3-button">Contact</a>
18+
</div>
19+
</div>
20+
</div>
21+
22+
23+
<br>
24+
25+
<div class="w3-container w3-padding-32" id="projects">
26+
<h2 class="w3-border-bottom w3-border-light-grey w3-padding-16">Homemade Geiger Counter</h2>
27+
</div>
28+
29+
30+
<div class="ptext">
31+
<p>
32+
test
33+
</p>
34+
</div>
35+
36+
<video width="320" height="240" controls>
37+
<source src="./geigervid.mp4" type="video/mp4">
38+
39+
Your browser does not support the video tag.
40+
</video>
41+
42+
<img src="./geigerboard.png"><img>
43+
44+
45+
</body>
46+
</html>

‎geiger.jpg

226 KB
Loading

‎geigerboard.png

88.7 KB
Loading

‎index.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,8 @@
3636
cursor: pointer;
3737
}
3838

39+
40+
3941
</style>
4042

4143
<body>
@@ -180,8 +182,8 @@ <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Gallery</h3>
180182
<!-- About Section -->
181183
<div class="w3-container w3-padding-32" id="about">
182184
<h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">About</h3>
183-
<p>Hi, Im Nathan, a high school student interested in technology, music, and art. </p>
184-
<p>This website is intended as a portfolio site to showcase my various projects.
185+
<p>Hi, Im Nathan, a high school senior at Pennsbury High School. I'm interested in technology, music, and art, and this <br>
186+
website is intended as a portfolio to showcase my various projects, hobbies and interests.
185187
</p>
186188
</div>
187189

‎jawns.svg

+16,540
Loading

‎lighter.jpg

5.45 MB
Loading

‎lights.gif

999 KB
Loading

‎lights.html

+37
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,41 @@
1+
<html>
2+
<title>Portfolio</title>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
<link rel="stylesheet" href="./style.css">
6+
<body>
17

8+
<!-- Navbar (sit on top) -->
9+
<div class="w3-top">
10+
<div class="w3-bar w3-white w3-wide w3-padding w3-card">
11+
<a href="./index.html" class="w3-bar-item w3-button"><b>N.</b> Shin</a>
12+
<!-- Float links to the right. Hide them on small screens -->
13+
<div class="w3-right w3-hide-small">
14+
<a href="./index.html#projects" class="w3-bar-item w3-button">Projects</a>
15+
<a href="./index.html#gallery" class="w3-bar-item w3-button">Gallery</a>
16+
<a href="./index.html#about" class="w3-bar-item w3-button">About</a>
17+
<a href="./index.html#contact" class="w3-bar-item w3-button">Contact</a>
18+
</div>
19+
</div>
20+
</div>
21+
22+
23+
<br>
24+
25+
<div class="w3-container w3-padding-32" id="projects">
26+
<h2 class="w3-border-bottom w3-border-light-grey w3-padding-16"> Music-timed Marching Band Lights</h2>
27+
28+
29+
<div class="ptext">
30+
<p>
31+
test
32+
</p>
33+
</div>
234

335

436
<iframe width="560" height="315" src="https://www.youtube.com/embed/vTPPtddFoWM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
37+
38+
39+
40+
</body>
41+
</html>

‎lights.jpg

-784 Bytes
Loading

‎photography.html

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<html>
2+
<title>Portfolio</title>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
<link rel="stylesheet" href="./style.css">
6+
<body>
7+
8+
<!-- Navbar (sit on top) -->
9+
<div class="w3-top">
10+
<div class="w3-bar w3-white w3-wide w3-padding w3-card">
11+
<a href="./index.html" class="w3-bar-item w3-button"><b>N.</b> Shin</a>
12+
<!-- Float links to the right. Hide them on small screens -->
13+
<div class="w3-right w3-hide-small">
14+
<a href="./index.html#projects" class="w3-bar-item w3-button">Projects</a>
15+
<a href="./index.html#gallery" class="w3-bar-item w3-button">Gallery</a>
16+
<a href="./index.html#about" class="w3-bar-item w3-button">About</a>
17+
<a href="./index.html#contact" class="w3-bar-item w3-button">Contact</a>
18+
</div>
19+
</div>
20+
</div>
21+
22+
<br>
23+
<br>
24+
<br>
25+
26+
<div class="w3-container w3-padding-32" id="projects">
27+
<h2 class="w3-border-bottom w3-border-light-grey w3-padding-16">Photography</h2>
28+
</div>
29+
30+
31+
32+
</body>
33+
</html>

‎radio.html

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<html>
2+
<title>Portfolio</title>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
<link rel="stylesheet" href="./style.css">
6+
<body>
7+
8+
<!-- Navbar (sit on top) -->
9+
<div class="w3-top">
10+
<div class="w3-bar w3-white w3-wide w3-padding w3-card">
11+
<a href="./index.html" class="w3-bar-item w3-button"><b>N.</b> Shin</a>
12+
<!-- Float links to the right. Hide them on small screens -->
13+
<div class="w3-right w3-hide-small">
14+
<a href="./index.html#projects" class="w3-bar-item w3-button">Projects</a>
15+
<a href="./index.html#gallery" class="w3-bar-item w3-button">Gallery</a>
16+
<a href="./index.html#about" class="w3-bar-item w3-button">About</a>
17+
<a href="./index.html#contact" class="w3-bar-item w3-button">Contact</a>
18+
</div>
19+
</div>
20+
</div>
21+
22+
23+
<br>
24+
25+
<div class="w3-container w3-padding-32" id="projects">
26+
<h2 class="w3-border-bottom w3-border-light-grey w3-padding-16">Making a "Coherer"-style Vintage Radio Replica</h2>
27+
</div>
28+
29+
30+
<div class="ptext">
31+
<p>
32+
test
33+
</p>
34+
</div>
35+
36+
37+
</body>
38+
</html>

‎radio.jpg

-45.3 KB
Loading

‎sdcard.JPG

1.61 MB
Loading

‎style.css

+7
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
2+
3+
.ptext {
4+
5+
margin: 32px;
6+
}
7+
18
/* W3.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes */
29
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
310
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */

‎suzuki.jpg

747 Bytes
Loading

‎tape.jpg

247 KB
Loading

‎tools.jpg

804 KB
Loading

‎wall.jpg

225 KB
Loading

0 commit comments

Comments
 (0)