-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
885 lines (718 loc) · 32.1 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
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="main.css" rel="stylesheet" >
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!-- CSS -->
<link rel="stylesheet" href="bootstrap.css">
<!-- Broswer Icon -->
<link rel="icon" type="image/x-icon" href="/img/off-white-favicon.png">
<title>Cole Current</title>
</head>
<body>
<!-- Navbar -->
<nav class="navbar bg-primary py-3 fixed-top">
<div class="container-fluid">
<a href="#" class="navbar-brand fw-bold fs-1 text-dark pb-0 fw-bold">Cole-Current.</a>
</div>
<div class="container-fluid text-light fw-bold fs-6 text-dark lh-1" id="nav_sub_head">
Undergraduate Computer Science Student
</div>
<div>
<a href="https://twitter.com/virgilabloh/status/730773333541855233?s=12" target="_blank">
<img class="" id="qr" src="img/qr-code.png" alt="">
</a>
</div>
</nav>
<!-- Intro -->
<section class="introduction">
<div class="about-me-header">"ABOUT ME"</div>
<div class="about-me-text">
<span>Hello! I’m a student in the process of finishing my undergraduate degree in Computer Science from Michigan State University.</span> <br>
<span>I currently work as an Application Support Specialist Intern at AM General. I'm originally from Coloma, a small town in South-West Michigan.</span> <br>
<span>I am passionate about designing and learning about technology and how it can play a beneficial role in the world around us. I am excited to see the impact I can have and look forward to exploring the field more broadly.</span> <br>
<br>
<span>Feel free to reach out!</span>
</div>
<a class="btn btn-primary fw-bold border border-dark mt-3" href="mailto:[email protected]" target="_blank">
<i class="bi bi-send-fill"></i> [email protected]
</a>
</section>
<!-- Resume -->
<section style="text-align:center;" class="resume-section p-3 pb-4 bg-primary justify-content-center">
<!--
Resume Link
<a href="#" data-bs-toggle="modal" data-bs-target="#enroll" style="text-decoration: none;" class="resume text-dark fw-bold fs-1">
<div id="resume-text-wrapper">
"RESUME.pdf"
</div>
</a>
-->
<a data-bs-target="#enroll" style="text-decoration: none;" class="text-dark fw-bold fs-1">
<div>
"TECHNICAL SKILLS"
</div>
</a>
<div class="pt-1 fw-bold"style="margin-left: 50px; margin-right: 50px; opacity: 0.9"> <p>JAVA    •    PYTHON    •    C++    •    C    •    ARM ASSEMBLY    •    JAVASCRIPT / HTML / CSS    •    GIT/GITHUB    •    REACT    •    BOOTSTRAP    •    POWER APPS / POWER AUTOMATE / POWER BI    •    FASTAPI    •    AZURE    •    POSTMAN </p>
</div>
</section>
<!-- Resume Modal -->
<div class="modal fade modal-lg " id="enroll" tabindex="-1" aria-labelledby="enrollLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content bg-primary">
<div class="modal-body">
<div class="ExternalFiles">
<iframe src="https://drive.google.com/file/d/1B-4WcZ24t0v6M_TkPvgEP5lS1XT2yicV/preview" width="750" height="950" allow="autoplay"></iframe>
</div>
</div>
<div class="download-button text-center pb-3">
<a style="text-decoration: none; color: #000000; font-weight: bold; font-size: xx-large;" href="Resume.pdf" download>download.</a>
</div>
</div>
</div>
</div>
<!-- Project and Relevant Classes Dropdown-->
<section class="project-classes-cards">
<div class="row bg-primary px-4 m-0">
<div class="col-sm-6 ">
<div class="card bg-primary">
<div class="card-body text-center">
<h5 class="card-title text-center fw-bold">"MAJOR-RELATED COURSES"</h5>
<p class="card-text text-center"id="class_proj_paragraph">A list of the several courses that have helped me develop my skills in programming and aided in my journey to create meaningful software.</p>
<a class="btn btn-primary border-dark fw-bold border" data-bs-toggle="collapse" data-bs-target="#collapseClasses" role="button" aria-expanded="false" aria-controls="collapseClasses">
relevant-courses.
</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card bg-primary">
<div class="card-body text-center">
<h5 class="card-title text-center fw-bold">"PROJECTS"</h5>
<p class="card-text text-center" id="class_proj_paragraph">A collection of my projects that have allowed me to apply my skills and knowledge to create meaningful solutions.
</p>
<a class="btn btn-primary fw-bold border border-dark" data-bs-toggle="collapse" data-bs-target="#collapseProjects" role="button" aria-expanded="false" aria-controls="collapseProjects">
projects.
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Relevant Classes -->
<section class="relevant-classes">
<div class="collapse" id="collapseClasses">
<div class="card card-body bg-primary col">
<h1 class="code-title">"RELEVANT COURSES"</h1>
<div class="p-4 container-fluid university">
<div class="school-info">
<div class="icon-container">
<a target="_blank" href="http://msu.edu"><img class="icon university-logo" src="img/michigan-state-logo.png" alt="Michigan State University Logo"></a>
</div>
<div class="school-info-text">
<b>"MICHIGAN STATE UNIVERSITY"</b>
<i style="font-weight: normal; font-size: medium;">Computer Science</i>
</div>
<p>Graduating December 2025</p>
</div>
<div>
<ul class="pt-3 university-coursework">
<li>Object Oriented Programming</li>
<li>Data Structures and Algorithms</li>
<li>Computer Systems</li>
<li>Computer Organization and Architecture</li>
<li>Discrete Structures in Computer Science</li>
<li>Introduction to Engineering Design</li>
<li>Introduction to Programming I, II - Python, C++</li>
<li>Calculus I, Calculus II, Calculus III / Multivariable Calculus</li>
<li>Physics I, Physics II</li>
</ul>
</div>
</div>
<div class="p-4 container-fluid highschool">
<div class="school-info">
<div class="icon-containter">
<a target="_blank" href="https://www.ccs.coloma.org"><img class="icon" src="img/coloma-logo.png" alt="Coloma High School Logo"></a>
</div>
<div class="school-info-text">
<b>"COLOMA HIGH SCHOOL"</b>
<i style="font-weight: normal; font-size: medium;" >High School Diploma</i>
</div>
<p>September 2015 - May 2020</p>
</div>
<div>
<ul class="pt-3 university-coursework">
<li>Advanced Placement Computer Science</li>
<li>Foundations of Programming</li>
<li>Public Speaking I, Public Speaking II</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Projects -->
<section class="projects">
<div class="collapse bg-primary " id="collapseProjects">
<div class="bg-primary projects-header-container">
<h1 class="code-title">"PROJECTS"</h1>
<div class="projects-header bg-primary text-dark">
While I dont quite yet have my full collection of projects on display, I have included samples of code from past projects and assignments. More content will be added soon.
</div>
</div>
<!-- Java -->
<div class="java">
<h3 class="code-title">"PRIME NUMBER GENERATOR"</h3>
<p class="code-description">Program written in java that inputs two numbers and returns all the prime numbers between them.</p>
<!-- Java Source Code Accordian-->
<div class="accordion accordion-flush" id="questions">
<div class="accordion-item bg-primary" id="rrr">
<div class="accordion-button-wrapper">
<button class="accordion-button collapsed bg-primary border border-dark" type="button" data-bs-toggle="collapse" data-bs-target="#java-src">
SOURCE CODE
</button>
</div>
<div id="java-src" class="accordion-collapse collapse"
data-bs-parent="#questions">
<div class="code-header">
Generator-Class
<a href="sample_code_files/PrimeNumberGenerator.java" target="_blank" style="color: black">
<i class="bi bi-filetype-java"></i>
</a>
</div>
<div class="code-container">
<div class="code-box java-generator">
<pre>
import java.util.ArrayList;
/**
* Returns all prime numbers within a given range
*
* @author Cole Current
* @version 5/12/2020
*/
public class PrimeNumberGenerator{
public static ArrayList<Integer> findPrimes(int low, int high){
ArrayList<Integer> primes = new ArrayList<Integer>();
//Loops through entire range of given numbers
for(int i = low; i < high; i++){
boolean prime = true;
int j = 2;
while(j <= i/2){
//Checks if current index is a prime number
if(i % j == 0){
prime = false;
j += i;
}
j++;
}
//If number is prime add to array of prime numbers
if(prime)
{
primes.add(i);
}
}
//Return full array of prime numbers
return primes;
}
}
</pre>
</div>
</div>
<div class="code-header">
Main-Class
<a href="sample_code_files/PrimeNumberTester.java" target="_blank" style="color: black">
<i class="bi bi-filetype-java"></i>
</a>
</div>
<div class="code-container">
<div class="code-box java-main">
<pre>
import java.util.Scanner;
/**
* Inputs a range of numbers and outputs the range of prime
* numbers within that range from PrimeNumberGenerator.java
* @author Cole Current
* @version 5/12/2020
*/
public class PrimeNumberTester
{
public static void main(String[] args)
{
//Declare Scanner
Scanner in = new Scanner(System.in);
//Declare Object
PrimeNumberGenerator prime = new PrimeNumberGenerator();
//Ask user for lows and highs
System.out.println(" Welcome to the Prime Number Generator");
System.out.println("<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>");
System.out.println("First you have to enter range of numbers");
System.out.print("Please enter the low value: ");
int low = in.nextInt();
System.out.print("Please enter the high value: ");
int high = in.nextInt();
//Outputs all prime numbers within range
System.out.println("All prime numbers between " + low + " and " + high + ".");
System.out.println(prime.findPrimes(low, high));
System.out.println("<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>");
}
}
</pre>
</div>
</div>
</div>
</div>
<div class="sample-header">
Sample output for input of "13" and "74"
</div>
<div class="code-container">
<div class="code-box-output java-output">
<pre>
<code>
Welcome to the Prime Number Generator
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
First you have to enter range of numbers
Please enter the low value: 13
Please enter the high value: 74
All prime numbers between 13 and 74.
[13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71, 73]
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
</code>
</pre>
<div>
</div>
</div>
</div>
<!-- Python -->
<h3 class="code-title">"COUNTRY INFORMATION"</h3>
<p class="code-description">Program written in python that extracts and organizes data from a seperate .csv file of countries histories and governments while allowing the user parse through the given information.</p>
<!-- Python Source Code Accordian-->
<div class="accordion accordion-flush" id="questions">
<div class="accordion-item bg-primary">
<div class="accordion-button-wrapper">
<button class="accordion-button collapsed bg-primary border border-dark" type="button" data-bs-toggle="collapse" data-bs-target="#python-src">
SOURCE CODE
</button>
</div>
<div id="python-src" class="accordion-collapse collapse"
data-bs-parent="#questions">
<div>
<div class="code-header">
Main-Class
<a href="sample_code_files/proj07.py" target="_blank" style="color: black">
<i class="bi bi-filetype-py"></i>
</a>
<a href="sample_code_files/main_data.csv" target="_blank" style="color: black">
<i class="bi bi-filetype-csv"></i>
</a>
</div>
<div class="code-container">
<div class="code-box python-main">
<pre>
########################################################
# CSE 231 Project 7
#
# Program
# Prompt for file
# Organize country infromation from files into 2 lists
# Prompt for 4 options
# 1) Show which regime has lasted longest for specific country
# 2) List all countries which had lonest specified government
# 3) List all countries to specified length that have had the most regime changes
# 4) Prompt to quit
#
# Cole Current
# 4/13/2022
########################################################
import csv
from operator import itemgetter
REGIME=["Closed autocracy","Electoral autocracy","Electoral democracy","Liberal democracy"]
MENU='''\nRegime Options:
(1) Display regime history
(2) Display allies
(3) Display chaotic regimes
'''
def open_file():
"""
Opens specified file without crashing the program
Returns
-------
File Pointer
File pointer of specified file
"""
#Loops until a valid file is opened
while True:
#Gets file name input
user_input = input("Enter a file: ")
#Opens file wth name of input
try:
open(user_input, "r")
break
#If file name does not exist display error message
except FileNotFoundError:
print("File not found. Please try again.")
#Returns opened file pointer
return open(user_input, "r")
#DONE
def read_file(fp):
"""
Converts information from files into 2 lists
Parameters
----------
File Pointer
File Pointer from previously descirbed funciton
Returns
-------
country_names : List
list of every country from a file
list_of_regime_lists : List of Lists
List of every countries regime over a time period that exists in file
"""
reader = csv.reader(fp)
#Skips first line
next(fp, None)
country_names = []
list_of_regime_lists = [] #Master list of regimes
local_regime_list = [] #List of regimes for specific country
previous_country = None
#Counter variable
country_index = 0
#Loops through every line in the file
for line_lst in reader:
country = line_lst[1]
regime = line_lst[4]
if country != previous_country:
previous_country = country
country_names.append(country) #Append country to list
#Append regime list to master regime list
if country_index < 1:
pass
else:
list_of_regime_lists.append(local_regime_list)
#Reset local list of regimes
local_regime_list = []
country_index += 1
local_regime_list.append(int(regime))
#Append last regime onto master list
list_of_regime_lists.append(local_regime_list)
return country_names, list_of_regime_lists
#DONE
def history_of_country(country,country_names,list_of_regime_lists):
'''
Finds which regime has existed the longest in a specified country
Parameters
----------
country : str
Name of country in country_name list
country_names : List
List of every country in file
list_of_regime_lists : List of lists
List of every countries regime over a time period that exists in file
Returns
-------
str
Names of regime
'''
#Number of times each country has had a specific government
count_0 = 0
count_1 = 0
count_2 = 0
count_3 = 0
max = 0
#Finds position of country in list of countries
index = country_names.index(country)
#Creates list of every regime held of specified country
regime_history_list = list_of_regime_lists[index]
#Finds total years that regimes have existed
for item in regime_history_list:
if item == 0:
count_0 += 1
elif item == 1:
count_1 += 1
elif item == 2:
count_2 += 1
elif item == 3:
count_3 += 1
#Finds which regime was in power the longest
if count_0 > max:
max = count_0
if count_1 > max:
max = count_1
if count_2 > max:
max = count_2
if count_3 > max:
max = count_3
#Returns longest lasting regime
if max == count_0:
return "Closed autocracy"
if max == count_1:
return "Electoral autocracy"
if max == count_2:
return "Electoral democracy"
if max == count_3:
return "Liberal democracy"
def historical_allies(regime,country_names,list_of_regime_lists):
'''
Finds all countries that have had specified regime the longest
Parameters
----------
regime : string
Name of regime in string form
country_names : List
List of every country in file
list_of_regime_lists : List of lists
List of every countries regime over a time period that exists in file
Returns
-------
list_of_allies : List
list of every country that has had the longest specified regime
'''
list_of_allies = []
#Loops through list of countries
for country in country_names:
#Calls history_of_country() function to longest regimes
regime_name = history_of_country(country, country_names, list_of_regime_lists)
#Checks if current country was most often the specified regime
if regime_name == regime:
#Adds country to list of countries with same longest regime
list_of_allies.append(country)
return list_of_allies
def top_coup_detat_count(top, country_names,list_of_regime_lists):
'''
Creates a list of countries that have had the most regime change
Parameters
----------
top : int
Number of countries that are going to be listed in final list
country_names : List
List of every country in file
list_of_regime_lists : List of lists
List of every countries regime over a time period that exists in file
Returns
-------
List of Tuples
List of tuples that contain the country and the amount of regime changes it has had
'''
num_of_coup = 0
#index variable
i = 0
#List of countries and amount of coups
coup_list = []
#Loops through list of lists that contain regime
for item in list_of_regime_lists:
#Counter variable
counter = -1
prev_gov = None
#Loops through individual regime changes
for gov in item:
#Counts regime changes
if gov != prev_gov:
prev_gov = gov
counter += 1
coup_list.append((country_names[i], counter))
i += 1
#Sorts countries by number of regime changes
coup_list.sort(key=itemgetter(1), reverse = True)
return coup_list[:top]
def main():
fp = open_file()
country_names, list_of_regime_lists = read_file(fp)
#Output
while True:
print(MENU)
user_input = input("Input an option (Q to quit): ")
#Quit Function
if user_input == 'q' or user_input == 'Q':
break
#Option 1
if user_input == '1':
while True:
try:
country_input = input("Enter a country: ")
history = history_of_country(country_input, country_names, list_of_regime_lists)
break
except:
print("Invalid country. Please try again.")
print()
if history[0] == "C" or history[0] == "L":
print("Historically " + country_input + " has mostly been a " + history)
else:
print("Historically " + country_input + " has mostly been an " + history)
#Option 2
if user_input == '2':
while True:
try:
regime_input = input("Enter a regime: ")
allies = historical_allies(regime_input, country_names, list_of_regime_lists)
allies_list = []
for country in allies:
country_format = (country + ",")
allies_list.append(country_format)
allies_string = (' '.join(allies_list))
allies_string.rstrip(allies_string[-1])
break
except:
print("Invalid regime. Please try again.")
print()
print("Historically these countries are allies of type: " + regime_input)
print()
allies_list = []
for country in allies:
country_format = (country + ",")
allies_list.append(country_format)
allies_string = (' '.join(allies_list))
print(allies_string.rstrip(allies_string[-1]))
#Option 3
if user_input == '3':
while True:
try:
top_input = input("Enter how many to display: ")
top_list = top_coup_detat_count(int(top_input), country_names, list_of_regime_lists)
break
except:
print("Invalid number. Please try again.")
print("\n{: >25} {: >8}".format("Country", "Changes"))
#"{: >25} {: >8}"
print()
for items in top_list:
print("{: >25} {: >8}".format(items[0], items[1]))
else:
pass
print("The end.")
</pre>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sample-header">
Sample-Output
</div>
<div class="code-container">
<div class="code-box-output python-output">
<pre>
Enter a file: main_data.csv
Regime Options:
(1) Display regime history
(2) Display allies
(3) Display chaotic regimes
Input an option (Q to quit): 1
Enter a country: Afghanistan
Historically Afghanistan has mostly been a Closed autocracy
Regime Options:
(1) Display regime history
(2) Display allies
(3) Display chaotic regimes
Input an option (Q to quit): 2
Enter a regime: Liberal democracy
Historically these countries are allies of type: Liberal democracy
Australia, Austria, Belgium, Denmark, Finland, France, Germany, Greece, Iceland,
Ireland, Israel, Italy, Japan, Luxembourg, Mauritius, Netherlands, New Zealand,
Norway, Sweden, Switzerland, United Kingdom, United States
Regime Options:
(1) Display regime history
(2) Display allies
(3) Display chaotic regimes
Input an option (Q to quit): 3
Enter how many chaotic regimes to display: 10
Country Changes
Argentina 9
Bolivia 7
South Sudan 7
Sudan 7
Ghana 6
Bangladesh 5
Ecuador 5
Honduras 5
Peru 5
Philippines 5
Regime Options:
(1) Display regime history
(2) Display allies
(3) Display chaotic regimes
Input an option (Q to quit): q
The end.
</pre>
<div>
</div>
</section>
<!-- Contact & Map -->
<section class="p-5 bg-primary">
<div class="container">
<div class="row g-4">
<div class="col-md">
<h2 class="text-center mb-4 fw-bold">"CONTACT"</h2>
<ul class="list-group list-group-flush lead contact-info">
<li class="list-group-item bg-primary">
<span class="fw-bold">MAIN LOCATION:</span>
<span class="contact-info-text">918 E Grand River Ave, East Lansing, MI</span>
</li>
<li class="list-group-item bg-primary">
<span class="fw-bold">LINKEDIN:</span>
<a href="https://www.linkedin.com/in/colecurrent/" target="_blank" style="text-decoration: none; color: black;" class="contact-info-text">linkedin.com/in/colecurrent</a>
</li>
<li class="list-group-item bg-primary">
<span class="fw-bold">PHONE NUMBER:</span>
<span class="contact-info-text">(269) 281-1599</span>
</li>
<li class="list-group-item bg-primary">
<span class="fw-bold">PERSONAL EMAIL:</span>
<span class="contact-info-text">[email protected]</span>
</li>
<li class="list-group-item bg-primary">
<span class="fw-bold">STUDENT EMAIL:</span>
<span class="contact-info-text">[email protected]</span>
</li>
</ul>
</div>
<div class="col-md">
<div id="map"></div>
</div>
<a href="https://www.mapbox.com" target="_blank" class="mapbox-attribution">© mapbox</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="p-5 bg-dark text-light text-center position-relative">
<div class="container ">
<p class="fw-bold lead">COPYRIGHT © 2023 COLE CURRENT</p>
<div class="social-media">
<a target="_blank" href="https://www.linkedin.com/in/colecurrent/"><img class="social-media-icons" src="img/linkedin-logo.png" alt="Linkedin Logo"></a>
<a target="_blank" href="https://github.com/ColeCurrent"><img class="social-media-icons" style="filter: none" src="img/github-logo.png" alt="Github Logo"></a>
<a target="_blank" href="https://www.instagram.com/colecurrent/"><img class="social-media-icons" src="img/instagram-logo.png" alt="Instagram Logo"></a>
<a target="_blank" href="https://www.threads.net/@colecurrent"><img class="social-media-icons" src="img/threads-logo.png" alt="Threads Logo"></a>
<a href="" class="threads"></a>
</div>
<a href="#" class="position-absolute bottom-0 end-0 p-5">
<i class="bi bi-arrow-up-circle h1 text-light"></i>
</a>
</div>
</footer>
<!-- Scripts -->
<div class="container" id="scripts">
<!-- Java Script -->
<script src="main.js"></script>
<!--PDF.js-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/pdf.min.js"></script>
<!-- Bootstrap -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<!-- Mapbox -->
<script src='https://api.mapbox.com/mapbox-gl-js/v2.9.1/mapbox-gl.js'></script>
<script>
mapboxgl.accessToken = 'pk.eyJ1IjoiY29sZWN1cnJlbnQiLCJhIjoiY2xqdTg2Yms5MGVoZDNxbWg0cXlnM3VrbSJ9.s23F34B3_W_HzfEYZ-RluA';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v11',
attributionControl: false,
center: [-84.471428, 42.731499],
zoom: 14
});
</script>
</div>
</body>
</html>