-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
275 lines (262 loc) · 15.8 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
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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Tim Rishell's Portfolio">
<title>Tim Rishell - Home</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link href="./resources/css/reset.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="./resources/css/style.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-H721TL27NS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-H721TL27NS');
</script>
<body class="bg-dark">
<header>
<!-- Header of page -->
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<div class="container">
<a class="nav-link" href="index.html"><img src="resources/images/it_me_trans.png" alt="Tim Rishell picture"
class="profile-picture"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="credentials.html">Credentials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<!-- Jumbotron -->
<div class="jumbotron jumbotron-fluid"
style="background-image: url('resources/images/northern_lights.jpg'); background-repeat: no-repeat; background-size: cover;">
<div class="container d-flex justify-content-center">
<h1 class="display-4 text-center animated fadeInLeft" id="jumboname">Tim Rishell</h1>
</div>
</div>
<!-- Aspirations and languages -->
<div class="container border-bottom">
<div class="row">
<div class="col">
<h1 class="text-center text-light">Home Page</h1><br>
<p class="text-center text-light">
I am pursuing a career as a Data Analyst and currently studying Data Analytics through a course offered by <br><a
href="https://www.nwmissouri.edu/">Northwest Missouri State University</a> via <a
href="https://nclab.com/">NCLab</a>.
My website offers a glimpse into my skills and capabilities. I am dedicated to continuous learning, always striving to broaden my horizons and stay at the forefront of technological advancements.
<br> Some of the topics I have studied:
<a href="#" class="text-light topics" data-toggle="collapse" data-target="#dataAnalyticsDesc" aria-expanded="false"
aria-controls="dataAnalyticsDesc">
Data Analytics</a>,
<a href="#" class="text-light topics" data-toggle="collapse" data-target="#SQLDesc" aria-expanded="false"
aria-controls="SQLDesc">
SQL</a>,
<a href="#" class="text-light topics" data-toggle="collapse" data-target="#wcagDesc" aria-expanded="false"
aria-controls="wcagDesc">
Web Accessibility</a>,
<a href="#" class="text-light topics" data-toggle="collapse" data-target="#htmlDesc" aria-expanded="false"
aria-controls="htmlDesc">
HTML</a>,
<a href="#" class="text-light topics" data-toggle="collapse" data-target="#cssDesc" aria-expanded="false"
aria-controls="cssDesc">
CSS</a>,
<a href="#" class="text-light topics" data-toggle="collapse" data-target="#pythonDesc" aria-expanded="false"
aria-controls="pythonDesc">
Python</a>, and
<a href="#" class="text-light topics" data-toggle="collapse" data-target="#javascriptDesc" aria-expanded="false"
aria-controls="javascriptDesc">
JavaScript</a>.<br>
</p>
<!-- Collapsible descriptions -->
<div id="accordion">
<div class="collapse" id="dataAnalyticsDesc" data-parent="#accordion">
<p class="text-center text-light">
<!-- Data Analytics Description -->
Data analytics is a computer science field that uses data to find patterns, trends, and relationships to
solve problems and generate insights. It involves collecting, organizing, and transforming data to make
predictions and informed decisions. Data analytics can help businesses grow, improve decision-making, and
shape business processes.
</p>
</div>
<div class="collapse" id="SQLDesc" data-parent="#accordion">
<p class="text-center text-light">
<!-- SQL Description -->
Structured Query Language (SQL) is a programming language that allows users to store, process, and access information in relational databases. Relational databases store information in tables, with rows and columns representing different data attributes and their relationships.
</p>
</div>
<div class="collapse" id="wcagDesc" data-parent="#accordion">
<p class="text-center text-light">
<!-- WCAG Description -->
Web Content Accessibility Guidelines (WCAG) defines how to make Web content more accessible to people
with disabilities. Accessibility involves a wide range of disabilities, including visual, auditory,
physical, speech, cognitive, language, learning, and neurological disabilities.
</p>
</div>
<div class="collapse" id="htmlDesc" data-parent="#accordion">
<p class="text-center text-light">
<!-- HTML Description -->
Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed
in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting
languages such as JavaScript.
</p>
</div>
<div class="collapse" id="cssDesc" data-parent="#accordion">
<p class="text-center text-light">
<!-- CSS Description -->
Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document
written in HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS describes how elements
should be rendered on screen, on paper, in speech, or on other media.
</p>
</div>
<div class="collapse" id="pythonDesc" data-parent="#accordion">
<p class="text-center text-light">
<!-- Python Description -->
Python is an interpreted, high-level, general-purpose programming language. Created by Guido van Rossum
and first released in 1991, Python's design philosophy emphasizes code readability with its notable use
of significant whitespace.
</p>
</div>
<div class="collapse" id="javascriptDesc" data-parent="#accordion">
<p class="text-center text-light">
<!-- JavaScript Description -->
JavaScript, often abbreviated as JS, is a high-level, interpreted scripting language that conforms to
the ECMAScript specification. JavaScript has curly-bracket syntax, dynamic typing, prototype-based
object-orientation, and first-class functions.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Separator and Feedback Section -->
<div class="container">
<div class="row">
<div class="col">
<br>
<p class="text-center text-light">On this page, you will find feedback I have received throughout my career. Sources include: Managers, Clients, and Customers
<br>Some names have been removed for privacy reasons.</p>
</div>
</div>
</div>
<div class="container mt-5 mb-5">
<div class="row">
<div class="col text-center">
<hr class="bg-light" style="width: 50%;">
<h2 class="text-light mt-4">Feedback</h2>
<hr class="bg-light" style="width: 50%;">
</div>
</div>
<div class="row">
<div class="col">
<div id="feedback" class="text-center mt-4">
<!-- Feedback will be dynamically added here -->
</div>
</div>
</div>
</div>
</main>
<footer class="bg-dark text-light text-center py-3">
<div class="container">
<p>© 2024 Tim Rishell | <a href="mailto:[email protected]" class="text-light">Contact</a></p>
<div>
<a href="https://github.com/Cheftr" class="text-light mr-2" aria-label="link to my github account" target="_blank"><i class="fab fa-github"></i></a>
<a href="https://linkedin.com/in/timrishellr" class="text-light mr-2" aria-label="link to my linkedin account" target="_blank"><i class="fab fa-linkedin"></i></a>
</div>
</div>
</footer>
<!-- Bootstrap and jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script>
var feedbacks = [
"One of Tim's most remarkable qualities was his adaptability. Regardless of the challenges presented, he remained composed and resourceful, consistently surpassing our expectations.",
"His commitment to meeting the needs of our customers was evident in his willingness to invest extra time and effort to deliver exceptional service.",
"Timothy did an outstanding job!",
"Got the Google spreadsheet finished thank you so much.",
"Timothy was awesome personable professional and precise thank you Aira.",
"Timothy was great, I explained to him that I needed to get a test done in a certain amount of time. He was very proficient and making sure that I did not go over that time. He was pleasant to speak with, and I truly appreciate his patience in the task that I had at hand.",
"My computer screen was not turning on and we were able to resolve the issue. Thanks.",
"Very thorough. Thank you!",
"Timothy was great. He helped me get the information and this is good so I am happy at the moment.",
"Wow! Tim was super efficient and professional, helping me to edit. Clone this guy, please!",
"Thanks for helping me do a little bit of troubleshooting.",
"Timothy was great. He assisted me with the LCD screen on my instant pot. Wonderful assistance. Very nice.",
"I sure appreciate your help! Thanks so much! I absolutely could not have done it without you.",
"Pleasant and very good about description. Made a great suggestion so that my picture would turn out better. Thank you!",
"Quick and efficient",
"He is an excellent guide, and he keeps his eye on my camera feed so he doesn’t miss a single thing.",
"Thank you for helping me with my computer and all my miscellaneous tasks. I appreciate it.",
"Tim was great to work with. He was very patient and gave fabulous instructions of where to place the camera. Keep up the great work!",
"Very good efficient didn’t have to explain twice what I was looking for",
"Great! Great! Great! Hire more agents like this guy. Incredible for what I needed. Great. I always love it when Tim is the agent. Fantastic! Thank you!",
"Tim did a great job! Very pleasant to speak with very helpful also. Thank you so much!",
"Timothy was incredibly helpful as I was navigating in an area that wasn’t all that familiar to me. There were a couple of uncontrolled crosswalks and he helped me make sure that the traffic was clear before I crossed. He also was giving me very good directions to the store that I needed to get to so I really do appreciate it.",
"Timothy was extremely helpful helping me find items in the grocery store for my party and he was very good at finding me alternatives to have them delivered five stars.",
"Tim did a very good job on helping us to find expiration dates for several products which were difficult to spot. He stuck with it until we got all of them done. He was very patient and described clearly what had to be done. He did an excellent job.",
"Thanks for giving a great description of a new T-shirt. All I received from a braille contest. Very efficient and great exclamations.",
"Tim was a very pleasant person to speak with. He took the time to answer questions and look things up, and the results were good.",
"Tim expertly told me where to find the instructions, took the picture, and read them to me! Thank you ever so much!",
"He was great at describing the way the cover letter looked, as well as the font. I was concerned about sending something out that didn’t look professional, and he assured me that this cover letter looked professional. Keep up the great work.",
"Thank you so much! Busy airports can be overwhelming and it really helps to have someone on to help navigate.",
"Tim is very efficient and helps me do my job extremely well. I appreciate all that he does, good Agent."
];
var feedbackContainer = document.getElementById('feedback');
var index = 0;
function displayFeedback() {
// Clear previous feedback
feedbackContainer.innerHTML = '';
// Create a new <p> element
var feedbackText = document.createElement('p');
feedbackText.classList.add('feedback-text');
feedbackText.textContent = feedbacks[index];
feedbackContainer.appendChild(feedbackText);
// Trigger reflow
void feedbackText.offsetWidth;
// Apply the show class to trigger the CSS animation
feedbackText.classList.add('show');
// Move to the next feedback item
index++;
if (index >= feedbacks.length) {
index = 0;
}
// Schedule the next feedback display
setTimeout(function () {
feedbackText.classList.remove('show');
setTimeout(displayFeedback, 1000); // Adjust delay as needed
}, 5000); // Adjust duration as needed
}
// Start displaying feedback when the page loads
document.addEventListener('DOMContentLoaded', function () {
displayFeedback();
});
</script>
</body>
</html>