-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (110 loc) · 6.59 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
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
<html lang="en">
<head>
<title>Rory's Portfolio</title>
<link rel="stylesheet" type="text/css" href="index.css"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<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=Fragment+Mono&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/42b7904875.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="app-bar">
<div class="title">
<p>Rory Nguyen</p>
</div>
<nav>
<div class="nav-bar-element">
<a id="nav-link" href="#home"><p>Home</p></a>
</div>
<div class="nav-bar-element">
<a id="nav-link" href="#about"><p>About Me</p></a>
</div>
<div class="nav-bar-element">
<a id="nav-link" href="#projects"><p>Projects</p></a>
</div>
<div class="nav-bar-element">
<a id="nav-link" href="#contact"><p>Contact Me</p></a>
</div>
</nav>
</div>
<div class="home-content" id="home">
<h1>Hi, my name is Rory Nguyen.</h1>
<h1>I'm a software engineer interested in security and networking.</h1>
<a href="#about"><button class="navigation-button">About Me</button></a>
<a href="#projects"><button class="navigation-button">Projects</button></a>
</div>
<div class="about-content" id="about">
<img alt="Image of Rory Nguyen in a blazer" id="about-picture" src="/assets/Photobook_Rory_Nguyen.jpg"></img>
<div class="about-text">
<h1>About Me</h1>
<p>
Hi, my name is Rory Nguyen. I was born in Haiphong, Vietnam but grew up on the Jersey Shore.
I have experience with data analytics at a student-led startup, web scraping and developing internal tools at Infosys, creating update tools and drivers for the first smart door company, and working alongside
the trips team at Expedia to program machine-learning enabled packages. In the fall, I will be heading to Oracle's OCI team.
</p>
<p>
My hobbies include attending local concerts, watching movies, thrifting, and listening to podcasts.
</p>
<a target="_blank" rel="noopener noreferrer" href="https://drive.google.com/file/d/1mHRXxejc8F7zKBSwTjHd4siY7U6jGMCM/view?usp=sharing"><button class="resume-button">View Resume</button></a>
</div>
</div>
<div class="projects-content" id="projects">
<div class="project-heading"><h1>Projects</h1></div>
<div class="project-wrapper">
<div class="project-object">
<div class="project-title">
<a aria-label="Click to read more about YourLife project" id="project-link" href="projects/your-life.html"><h2>YourLife</h2></a>
<a aria-label="Click to watch my YourLife demo" id="contact-link" target="_blank" rel="noopener noreferrer" href="https://drive.google.com/file/d/1M6EBWP8zjgGbYhnJcVMydMfvUAoT912t/view?usp=sharing">
<i class="fa-solid fa-arrow-up-right-from-square fa-2x"></i>
</a>
</div>
<div class="project-description">
<div class="project-date"><p>SEPT-DEC 2022</p></div>
<p>For one of my classes, my teammates and I were tasked to create a website that creates a slideshow-style video about yourself using a few easy questions. We used the Flask API and various image crawling and photo
editing python libraries.</p>
</div>
</div>
<div class="project-object">
<div class="project-title">
<a aria-label="Click to read more about my photo app project" id="project-link" href="projects/photo-app.html"><h2>Photo App Project</h2></a>
<a aria-label="Click to open photo app demo" id="contact-link" target="_blank" rel="noopener noreferrer" href="https://secure-photo-app-demo.herokuapp.com/">
<i class="fa-solid fa-arrow-up-right-from-square fa-2x"></i>
</a>
</div>
<div class="project-description">
<div class="project-date"><p>APR-JUN 2022</p></div>
<p>In my Intro to Web Development class, our class project was to develop a website using REST APIs and Heroku that allows users to login and view their friends' posts, with authencation and stored user functionality.</p></div>
</div>
<div class="project-object">
<div class="project-title">
<a aria-label="Click to read more about my web player project" id="project-link" href="projects/music-player.html"><h2>Music Player</h2></a>
</div>
<div class="project-description">
<div class="project-date"><p>NOV 2022</p></div>
<p>In my Human-Computer Interaction class, I made a mobile music player using HTML, CSS, and Javascript that allows users to select albums and songs to play and to play, pause, and skip through songs.</p></div>
</div>
</div>
</div>
<div class="contact-content" id="contact">
<img alt="Image of Rory Nguyen in formal clothes in front of stars saying 'Next is Now' at Grace Hopper Celebration 2022" id="contact-picture" src="/assets/ghc.jpg"></img>
<div class="contact-text">
<div class="contact-heading"><h1>Get In Touch</h1></div>
<p>
Thanks for visiting my website! You can contact me using the following links.
</p>
<div class="email-contact">
<i title="email envelope icon" class="fa-regular fa-envelope fa-3x"></i>
<p>rorynguyen[at]gmail[dot]com</p>
</div>
<a aria-label="Click to open my linkedin.com profile" id="contact-link" target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/rory-nguyen-76b3711a9/">
<i title="linkedin.com icon" class="fa-brands fa-linkedin fa-3x"></i>
</a>
<a aria-label="Click to open my instagram.com profile" id="contact-link" target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/dtnguyener/">
<i title="instagram.com icon" class="fa-brands fa-instagram fa-3x"></i>
</a>
</div>
</div>
</body>
</html>