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> <main>
<section id="about"> <section id="about">
<h2>About Me</h2> <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> </section>
</main> </main>

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

@@ -25,7 +25,12 @@
<main> <main>
<section id="contact"> <section id="contact">
<h2>Contact Me</h2> <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> </section>
</main> </main>

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

@@ -3,64 +3,32 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="styles.css">
</head> </head>
<body> <body class="dark-grey-purple">
<header> <header>
<h1>My Profile</h1> <div class="container">
<nav> <h1>My Profile</h1>
<ul> <div id="menu-toggle"></div>
<li><a href="#">Home</a></li> <nav id="main-nav">
<li><a href="#">About</a></li> <ul>
<li><a href="#">Projects</a></li> <li><a href="index.html">Home</a></li>
<li><a href="#">Contact</a></li> <li><a href="about.html">About</a></li>
</ul> <li><a href="projects.html">Projects</a></li>
</nav> <li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header> </header>
<main> <main>
<section id="latest-commits"> <section id="latest-commits">
<h2>Latest Commits</h2> <h2>Latest Commits</h2>
<div id="commit-list"></div> <div id="commit-list">
<!-- Latest commits will be dynamically loaded here -->
</div>
</section> </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> </main>
<script src="script.js"></script> <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 */ /* Common Styles */
body { body {
margin: 0; margin: 0;
@@ -63,13 +61,26 @@ body {
display: flex; display: flex;
} }
.dark-grey-purple #main-nav ul li { .dark-grey-purple #main-nav li {
margin-left: 20px; margin-left: 10px;
} }
/* Media Query */ /* Media Queries */
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.dark-grey-purple header {
flex-direction: column;
align-items: flex-start;
}
.dark-grey-purple #main-nav { .dark-grey-purple #main-nav {
display: none;
}
.dark-grey-purple #menu-toggle {
display: block;
}
.dark-grey-purple #menu-toggle.active ~ #main-nav {
display: block; display: block;
} }
@@ -77,8 +88,9 @@ body {
flex-direction: column; flex-direction: column;
} }
.dark-grey-purple #main-nav ul li { .dark-grey-purple #main-nav li {
margin: 10px 0; margin-left: 0;
margin-bottom: 10px;
} }
} }