jyack/jadonyack.github.io
1
0
Fork 0
mirror of https://github.com/jadonyack/jadonyack.github.io.git synced 2026-06-13 02:06: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"> <link href="style.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="topnav"> <div>
<ul> <!----====NAVIGATION BAR START====---->
<li><a href="resume.html">Resume</a></li> <div class="topnav">
<li><a class="active" href="contact.html">Contact</a></li> <ul>
<li><a href="projects.html">Projects</a></li> <li><a href="resume.html">Resume</a></li>
<li><a href="index.html">Home</a></li> <li><a class="active" href="contact.html">Contact</a></li>
</ul> <li><a href="projects.html">Projects</a></li>
<li><a href="index.html">Home</a></li>
</ul>
</div>
<!----====NAVIGATION BAR END====---->
</div> </div>
</body> </body>
</html> </html>

29
index.html
View File

@@ -24,19 +24,19 @@
<div class="intro"> <div class="intro">
<h1>ABOUT ME</h1> <h1>ABOUT ME</h1>
<p> <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 University of Michigan in Ann Arbor, with a passion for
software engineering and computer networking. I particularly software engineering and computer networking. I am also interested in
enjoy the problem solving aspects, especially after gaining knowledge in cloud computing and DevOps. In particular, I enjoy
solving an issue that has been giving me trouble. 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> </p>
</div> </div>
<!----====INTRO END====----> <!----====INTRO END====---->
<div class="pc"> <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"> <div class="pc-text">
<p> <p>
I built my computer that I use day in and day out, including 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. to include the graphics card in the loop later down the road.
It's always a fun challenge to maintain the cooling system It's always a fun challenge to maintain the cooling system
and make further additions to the system that has been a 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> </p>
</div> </div>
<div class="pc-picture">
<img src="imgs/PC.jpg"
alt="Close up view of a watercooled CPU">
</div>
</div> </div>
</div> </div>
<!----====MAIN CONTENT END====----> <!----====MAIN CONTENT END====---->
</div> </div>

18
projects.html
View File

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

21
style.css
View File

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