-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (86 loc) · 4.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>maidq</title>
<link rel="shortcut icon" href="images/madoka.png">
<link href='https://fonts.googleapis.com/css?family=Open Sans' rel='stylesheet'>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
<link href="styles/assets/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="styles/cover.css" rel="stylesheet">
<link href="styles/cover2.css" rel="stylesheet">
</head>
<body>
<div id="overlay"></div>
<div class="sky"></div>
<div class="skyset"></div>
<div class="mountains layer1 lax"></div>
<div class="mountains layer2 lax"></div>
<div class="mountains layer3 lax"></div>
<div class="mountains layer4 lax"></div>
<div class="mountains layer5 lax"></div>
<div class="mountains layer6 lax"></div>
<div class="mountains layer7 lax"></div>
<div class="layer1-ext"></div>
<div class="layer2-ext"></div>
<div class="gray"></div>
<div class="gray-cover"></div>
<div onclick="window.scrollTo(0, window.innerHeight * 0.6);" class="down-cnt abt-me rm" style="z-index: 20">
<p>enter</p>
<img id="down" src="images/down.png">
</div>
<div class="typewriter">
<div class="typewriter-text welcome">
<h1>maidq</h1>
</div>
</div>
<footer>
<p class="float-md-start"><span class="p-text" onclick="window.scrollTo(0, 0); closeViewer();">back to top</span></p>
</footer>
<div class="scroll-div1">
<!-- <div id="overlay1"></div> -->
<header class="mb-auto">
<div class="nv-cnt d-flex w-100 h-100 p-3 mx-auto flex-column">
<h3 class="float-md-start mb-0 maidq-text">maidq</h3>
<nav class="nav nav-masthead">
<a class="nav-link fw-bold py-1 px-0 active" aria-current="page" href="index.html">About</a>
<a target="_blank" class="nav-link fw-bold py-1 px-0" href="projects.html">Projects</a>
<a target="_blank" class="nav-link fw-bold py-1 px-0" href="art.html">Art</a>
</nav>
<div style="display:inline; margin-top:10px">
<a target="_blank" href="https://www.linkedin.com/in/brian-mai-104b54214/"><i class="fab fa-linkedin-in p-text"></i></a>
<a target="_blank" href="https://github.com/bmai1"><i class="fab fa-github p-text"></i></a>
<a target="_blank" href="https://www.youtube.com/@mai_dq"><i class="fab fa-youtube p-text"></i></a>
</div>
</div>
</header>
<div class="dt-left"></div>
<div class="dt-right"></div>
<div class="text-container">
<div style="text-align: center;">
<h3>Hello!</h3>
<p style="text-align: left;">
My name is Brian Q. Mai. I'm currently pursuing a Bachelor's degree in Software Engineering at Charles W. Davidson College of Engineering, San Jose State University, and I am expected to graduate in December 2027.
<br>
<br>
I have experience with various programming languages such as Python, JavaScript, Java, C++, and Rust. I consider myself a fullstack developer, but I enjoy backend development more.
Some technologies, frameworks, and libraries I am familiar with are Git, Flask, React.js, Next.js, SQL, Docker, Pandas, and TensorFlow.
<br>
<br>
Besides coding, I enjoy reading, drawing, and playing the classical guitar. As a hobby, I upload cool music that I find on YouTube in the form of playlists, from <a href="https://www.youtube.com/watch?v=PEEV_PcLWO0" target="_blank" style="color:white">70s Japanese jazz fusion</a> to <a href="https://www.youtube.com/watch?v=YwHDMYq0S3g" target="_blank" style="color:white">contemporary classical soundtracks</a>, with a modest following of 80,000 subscribers.
<br>
</div>
</div>
<div onclick="window.scrollTo(0, window.innerHeight * 1.6);" class="down-cnt" style="z-index: 50;">
<p>more</p>
<img id="down" src="images/down.png">
</div>
</div>
<script src="parallax.js"></script>
<script src="preload.js"></script>
<script src="onload.js"></script>
<script src="art.js"></script>
<script src="https://kit.fontawesome.com/12d193f302.js" crossorigin="anonymous"></script>
</body>
</html>