-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (121 loc) · 8.19 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Home</title>
</head>
<body style="background-color:#5d5d5e;">
<nav class="navbar navbar-expand-lg bg-primary" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand">Home</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarColor01">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link active" href="resume.html">Resume
<span class="visually-hidden">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="Kubernetes-Challenge.html">Kubernetes
<span class="visually-hidden">(current)</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Links</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://www.linkedin.com/in/chuckhupertii/">LinkedIn</a>
<a class="dropdown-item" href="https://www.youtube.com/channel/UC_Lkq87SZ2rTUPP-RL7lTNA">YouTube</a>
<a class="dropdown-item" href="https://github.com/chupert91">GitHub</a>
<div class="dropdown-divider"></div>
<p><small class="text-body-secondary">Temporary Links</small></p>
<a class="dropdown-item" href="#">Outrun WebApp</a>
<a class="dropdown-item" href="http://ec2-18-215-233-116.compute-1.amazonaws.com:30007">Netflix</a>
</div>
</li>
</ul>
</div>
</div>
</nav>
<header class="home-header" style="text-align:center;">
<h1 style="font-size:72px; color:#fff;">Chuck Hupert II</h1>
<h3 class="lead" style="color:#908e91;">Email: [email protected]</h3>
</header>
<div class="basic-grid" style="display: flex; width: 100%; margin-top: 2rem;">
<div style="display:inline; text-align:center; margin-left:auto; padding-right:1rem;">
<a href="https://github.com/chupert91" target="_blank" >
<svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" fill="#fff" class="bi bi-github" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
</svg>
</a>
</div>
<div style="display:inline; text-align:center; padding-right:1rem; padding-left:1rem;">
<a href="https://www.linkedin.com/in/chuckhupertii/" target="_blank" >
<svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" fill="#fff" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"/>
</svg>
</a>
</div>
<div style="display:inline; padding-left:1rem; margin-right:auto;">
<a href="https://www.youtube.com/@TechChatterwithChuck" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" fill="#fff" class="bi bi-youtube" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"/>
</svg>
</a>
</div>
</div>
<div class="counter" style="text-align:center;">
<h5 style="color:#fff;">this site has been viewed <a id="counter"></a> times.</h5>
</div>
<section id="about" style="width:100%, padding-top:5rem;">
<div class="about-container" style="background-color:#000;">
<div class="profile-picture">
<img src="images/greySuit.png" style="width:18rem; height:22rem;"/>
</div>
<div class="bio" style="text-align:center;">
<h2 class="about-header" style="color:#fff;">About Me</h2>
<h4 style="color:#fff; margin-top:4rem;">Hi, I'm Chuck, cloud developer specializing in machine learning, adept at leveraging cloud technologies to build
scalable and efficient ML solutions. Passionate about harnessing the power of data to create intelligent and
impactful applications in the cloud computing ecosystem.</h4>
</div>
</div>
</section>
<section id="diagram" style="display:flex;">
<div class="diagram-container" style="background-color:#FF9900;">
<div class="architecture" style="text-align:center; background-color:#FF9900;">
<h3 class="arc-heading">site Architecture</h3>
<small class="text-body-secondary">This is an AWS S3 hosted site which uses Route 53 DNS to connect to a CloudFront distribution using TLS provided by Amazon Certificate Manager.
An API Gateway trigger invokes a Python Lambda function to retrieve and update information from DynamoDB.
</small>
</div>
<div class="diagram" style="text-align:center; background-color: #000;">
<img src="images/Diagram.jpg">
</div>
</div>
</section>
<div class="basic-grid" style="display: flex; width: 100%; background-color:#000">
<div style="display:inline; text-align:center; margin-left:auto; padding-right:1rem; padding-top:2rem; padding-bottom:2rem;">
<img src="images/aws-sa.png" style="width:5rem;">
</div>
<div style="display:inline; text-align:center; padding-right:1rem; padding-top:2rem; padding-bottom:2rem;">
<img src="images/cloudpractitioner.png" style="width:5rem;">
</div>
<div style="display:inline; text-align:center; padding-right:1rem; padding-top:2rem; padding-bottom:2rem;">
<img src="images/gcp_ace.png" style="width:5rem;">
</div>
<div style="display:inline; text-align:center; padding-right:1rem; padding-left:1rem; padding-top:2rem; padding-bottom:2rem;">
<img src="images/securityPlus.png" style="width:5rem;">
</div>
<div style="display:inline; padding-left:1rem; margin-right:auto; padding-top:2rem; padding-bottom:2rem;">
<img src="images/projectPlus.png" style="width:5rem;">
</div>
</div>
<script src="script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
</body>
</html>