jyack/jadonyack.github.io
1
0
Fork 0
mirror of https://github.com/jadonyack/jadonyack.github.io.git synced 2026-06-12 17:56:11 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix Home page picture alignment. Update info.

Browse Source
This commit is contained in:
Jadon Yack
2023-09-05 16:04:43 -04:00
parent fb73730680
commit fde0991743
4 changed files with 57 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
contact.html
View File

@@ -6,13 +6,17 @@
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="topnav">
<ul>
<li><a href="resume.html">Resume</a></li>
<li><a class="active" href="contact.html">Contact</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="index.html">Home</a></li>
</ul>
<div>
<!----====NAVIGATION BAR START====---->
<div class="topnav">
<ul>
<li><a href="resume.html">Resume</a></li>
<li><a class="active" href="contact.html">Contact</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="index.html">Home</a></li>
</ul>
</div>
<!----====NAVIGATION BAR END====---->
</div>
</body>
</html>

29
index.html
View File

@@ -24,19 +24,19 @@
<div class="intro">
<h1>ABOUT ME</h1>
<p>
I'm an undergraduate Computer Science student at the
Hey! I'm Jadon, and I'm an undergraduate Computer Science student at the
University of Michigan in Ann Arbor, with a passion for
software engineering and computer networking. I particularly
enjoy the problem solving aspects, especially after
solving an issue that has been giving me trouble.
software engineering and computer networking. I am also interested in
gaining knowledge in cloud computing and DevOps. In particular, I enjoy
the problem solving aspects, especially after solving an issue that has
been giving me trouble. Some of the coursework I've taken at U of M includes
Computer Organization, Data Structures and Algorithms, Computer Networks,
and Computer Security. During my senior year I will be taking Operating Systems
and Web Systems as my final two electives.
</p>
</div>
<!----====INTRO END====---->
<div class="pc">
<div class="pc-picture">
<img src="imgs/PC.jpg"
alt="Close up view of a watercooled CPU">
</div>
<div class="pc-text">
<p>
I built my computer that I use day in and day out, including
@@ -44,10 +44,21 @@
to include the graphics card in the loop later down the road.
It's always a fun challenge to maintain the cooling system
and make further additions to the system that has been a
work in progress for the past three years.
work in progress for the past three years. I chose the parts
primarily with gaming in mind, so a high-end graphics card and
processor were a must. These choices also allow me to stream
my gameplay on Twitch, which was something I kept in mind while
choosing parts. Soon after the initial build, I added more memory
to the system in order to host game servers off of this computer,
while still allowing me to use it without issue.
</p>
</div>
<div class="pc-picture">
<img src="imgs/PC.jpg"
alt="Close up view of a watercooled CPU">
</div>
</div>
</div>
<!----====MAIN CONTENT END====---->
</div>

18
projects.html
View File

@@ -6,13 +6,17 @@
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="topnav">
<ul>
<li><a href="resume.html">Resume</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a class="active" href="projects.html">Projects</a></li>
<li><a href="index.html">Home</a></li>
</ul>
<div>
<!----====NAVIGATION BAR START====---->
<div class="topnav">
<ul>
<li><a href="resume.html">Resume</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a class="active" href="projects.html">Projects</a></li>
<li><a href="index.html">Home</a></li>
</ul>
</div>
<!----====NAVIGATION BAR END====---->
</div>
</body>
</html>

21
style.css
View File

@@ -1,6 +1,7 @@
html {
background-color: #303030;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: larger;
color: aliceblue;
}
@@ -57,24 +58,32 @@ body {
.intro {
text-align: center;
margin-bottom: 20vh;
}
.pc {
margin: 20vh 0;
margin: 10vh 0;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.pc-picture {
float: right;
height: fit-content;
width: fit-content;
}
.pc-picture img {
width: auto;
height: 50vh;
float: right;
height: 40vh;
padding-left: 3vw;
}
.pc-text {
text-align: left;
padding: 20vh 0;
text-align: center;
float: left;
}
.resume-text {