-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patheasterj3.html
executable file
·148 lines (138 loc) · 6.71 KB
/
easterj3.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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Stock Tracker PRO</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous">
</script>
<link href="styles.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="icon" type="image/png" href="favicon.png">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary" id="main-bar">
<div class="container-fluid">
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./vonbergb.html">Gunnar</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./easterj3.html">Jeremy</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./stocks.html">Stocks</a>
</li>
<li class="nav-item">
<a class="nav-link" id="historyNavButton" href="./history.html">History</a>
</li>
</ul>
<ul class="navbar-nav navbar-right">
<li class="nav-item">
<button type="button" class="btn" onclick="logout()" id ='logoutButton'>
Logout
</button>
<button type="button" id="loginNavButton" class="btn btn-outline-success" data-bs-toggle="modal"
data-bs-target="#loginModal">
Login
</button>
<button type="button" id = "signUpNavButton" class="btn" data-bs-toggle="modal" data-bs-target="#signUpModal">
Sign Up
</button>
</li>
</ul>
</div>
</div>
</nav>
<header class="bg-primary text-white text-center p-5">
<h1>Jeremy</h1>
<h2>Who is he?</h2>
</header>
<div class = 'container my-5'>
<div class="row">
<div class="col-md-4">
<img src="photos/SB.jpg" class="img-fluid" alt="Jeremy">
</div>
<div class = 'col-md-8'>
<h2>Who am I?</h2>
<p>My name's Jeremy, and I'm a sophomore computer science major!</p>
<div class="mb-3">
<h3>Bio</h3>
<p>I'm a sophomore computer science major at Miami University. I started programming in high school and fell in love, and knew that's what I wanted to pursue in my future. I never really knew what area of computer science I wanted to explore, but I am very interested in databases and machine learning!</p>
</div>
<div class="mb-3">
<h3>Relevant Skills</h3>
<p>I currenty possess skills in Java, Python, C++, Javascript, html, sql, and am familiar with various data structures. I also am proficient in statistical modeling and interpreting said models.</p>
</div>
<div class="mb-3">
<h3>Misc.</h3>
<p>I am a big fan of prog rock and heavy metal, I have 4 amazing cats, and play multiple instruments in my free time, including the steel pan!</p>
</div>
<div class="mb-3">
<h3>Contact Me!</h3>
<p>The best way to contact me is my email. You can find my email here:</p><div class="list-group">
<a href="mailto:[email protected]" class="list-group-item list-group-item-action d-flex align-items-center">
<i class="fas fa-envelope me-3"></i> [email protected]
</a>
</div>
</div>
</div>
</div>
<footer class="bg-light text-center text-lg-start mt-auto py-3">
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2024 Jeremy Easter
</div>
</footer>
<div class="modal" id="loginModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<label for="loginUsername">Username:</label>
<input type="text" class="form-control" id ="loginUsername" name="loginUsername" placeholder="Username">
<label for="loginPassword">Password:</label>
<input type="password" class="form-control" id="loginPassword" name="loginPassword" placeholder="Password">
<div class="modal-footer">
<button type="button" id="loginButton" onclick="login()" class="btn btn-primary">Login</button>
<button type="button" id="closeLoginButton" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal" id="signUpModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<label for="signUpName">Name:</label>
<input type="text" class="form-control" id="signUpName" name="signUpName" placeholder="Name">
<label for="signUpUsername">Username:</label>
<input type="text" class="form-control" id="signUpUsername" name="signUpUsername" placeholder="Username">
<label for="signUpPassword">Password:</label>
<input type="password" class="form-control" id="signUpPassword" name="signUpPassword" placeholder="Password">
<label for="signUpPassword">Confirm Password:</label>
<input type="password" class="form-control" id="signUpPasswordConfirm" name="signUpPasswordConfirm" placeholder="Confirm Password">
<div class="modal-footer">
<button type="button" id="signUpButton" onclick="signUp()" class="btn btn-primary">Sign Up</button>
<button type="button" id="closeSignUpButton" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<script src="script.js"></script>
</body>
</html>