ghndrx/docker-test-image
1
0
Fork 0
mirror of https://github.com/ghndrx/docker-test-image.git synced 2026-02-10 06:45:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

update everything html/css

Browse Source
This commit is contained in:
Gregory Hendrickson
2023-06-09 17:27:46 -07:00
parent c22d9b2559
commit f1d4721251
4 changed files with 65 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
static-html-directory/about.html
View File

@@ -25,7 +25,29 @@
<main>
<section id="about">
<h2>About Me</h2>
<!-- Content for the About page goes here -->
<p>
Hello! My name is Gregory, and I have a passion for coffee, dogs, sports cars, computer servers, and automation.
</p>
<h3>Coffee Enthusiast</h3>
<p>
Coffee has always been an integral part of my daily routine. There's something magical about the aroma and taste of a freshly brewed cup of coffee that fuels my creativity and productivity.
</p>
<h3>Dog Lover</h3>
<p>
I'm a proud dog parent and believe that dogs bring immense joy and companionship into our lives. My furry friend Riker is not just a pet but a beloved member of my family.
</p>
<h3>Sports Car Enthusiast</h3>
<p>
I have a deep admiration for sports cars. The sleek design, powerful engines, and precision engineering fascinate me. I enjoy keeping up with the latest trends and advancements in the automotive world.
</p>
<h3>Computer Servers and Automation</h3>
<p>
As a graduate of Dakota State University with a B.S. in Network Security & Administration, I developed a strong interest in computer servers and automation. I'm fascinated by the complexities of server infrastructure and passionate about leveraging automation to streamline processes and enhance efficiency.
</p>
<h3>Educational Background</h3>
<p>
I graduated from Dakota State University in 2018 with a B.S. in Network Security & Administration. During my time at the university, I gained valuable knowledge and skills in network security, administration, and other relevant areas of study.
</p>
</section>
</main>

7
static-html-directory/contact.html
View File

@@ -25,7 +25,12 @@
<main>
<section id="contact">
<h2>Contact Me</h2>
<!-- Content for the Contact page goes here -->
<p>If you have any inquiries or would like to connect, feel free to reach out to me:</p>
<ul>
<li><strong>Email:</strong> <a href="mailto:greg@hndrx.co">greg@hndrx.co</a></li>
<li><strong>LinkedIn:</strong> <a href="https://www.linkedin.com/in/grhendrickson/">LinkedIn Profile</a></li>
<li><strong>GitHub:</strong> <a href="https://github.com/ghndrx/">GitHub Profile</a></li>
</ul>
</section>
</main>

58
static-html-directory/index.html
View File

@@ -3,64 +3,32 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Profile</title>
<title>Home - My Profile</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<body class="dark-grey-purple">
<header>
<div class="container">
<h1>My Profile</h1>
<nav>
<div id="menu-toggle"></div>
<nav id="main-nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact</a></li>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<main>
<section id="latest-commits">
<h2>Latest Commits</h2>
<div id="commit-list"></div>
<div id="commit-list">
<!-- Latest commits will be dynamically loaded here -->
</div>
</section>
<section id="about">
<h2>About Me</h2>
<p>
Hello! My name is Gregory, and I have a passion for coffee, dogs, sports cars, computer servers, and automation.
</p>
<h3>Coffee Enthusiast</h3>
<p>
Coffee has always been an integral part of my daily routine. There's something magical about the aroma and taste of a freshly brewed cup of coffee that fuels my creativity and productivity.
</p>
<h3>Dog Lover</h3>
<p>
I'm a proud dog parent and believe that dogs bring immense joy and companionship into our lives. My furry friend Riker is not just a pet but a beloved member of my family.
</p>
<h3>Sports Car Enthusiast</h3>
<p>
I have a deep admiration for sports cars. The sleek design, powerful engines, and precision engineering fascinate me. I enjoy keeping up with the latest trends and advancements in the automotive world.
</p>
<h3>Computer Servers and Automation</h3>
<p>
As a graduate of Dakota State University with a B.S. in Network Security & Administration, I developed a strong interest in computer servers and automation. I'm fascinated by the complexities of server infrastructure and passionate about leveraging automation to streamline processes and enhance efficiency.
</p>
<h3>Educational Background</h3>
<p>
I graduated from Dakota State University in 2018 with a B.S. in Network Security & Administration. During my time at the university, I gained valuable knowledge and skills in network security, administration, and other relevant areas of study.
</p>
</section>
<section id="contact">
<h2>Contact Me</h2>
<p>If you have any inquiries or would like to connect, feel free to reach out to me:</p>
<ul>
<li><strong>Email:</strong> <a href="mailto:greg@hndrx.co">greg@hndrx.co</a></li>
<li><strong>LinkedIn:</strong> <a href="https://www.linkedin.com/in/grhendrickson/">LinkedIn Profile</a></li>
<li><strong>GitHub:</strong> <a href="https://github.com/ghndrx/">GitHub Profile</a></li>
</ul>
</section>
</main>
<script src="script.js"></script>

26
static-html-directory/styles.css
View File

@@ -1,5 +1,3 @@
/* Add these styles to your existing styles.css file or create a new one */
/* Common Styles */
body {
margin: 0;
@@ -63,13 +61,26 @@ body {
display: flex;
}
.dark-grey-purple #main-nav ul li {
margin-left: 20px;
.dark-grey-purple #main-nav li {
margin-left: 10px;
}
/* Media Query */
/* Media Queries */
@media screen and (max-width: 768px) {
.dark-grey-purple header {
flex-direction: column;
align-items: flex-start;
}
.dark-grey-purple #main-nav {
display: none;
}
.dark-grey-purple #menu-toggle {
display: block;
}
.dark-grey-purple #menu-toggle.active ~ #main-nav {
display: block;
}
@@ -77,8 +88,9 @@ body {
flex-direction: column;
}
.dark-grey-purple #main-nav ul li {
margin: 10px 0;
.dark-grey-purple #main-nav li {
margin-left: 0;
margin-bottom: 10px;
}
}