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 PC picture. Add Resume page buttons.

Browse Source
This commit is contained in:
Jadon Yack
2022-10-02 17:07:11 -04:00
parent d8cefca69d
commit fb73730680
4 changed files with 89 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
JYack_Resume_Public.pdf Normal file
View File

Binary file not shown.

32
index.html
View File

@@ -21,7 +21,7 @@
<!----====MAIN CONTENT START====---->
<div class="main-content">
<!----====INTRO START====---->
<section class="intro">
<div class="intro">
<h1>ABOUT ME</h1>
<p>
I'm an undergraduate Computer Science student at the
@@ -30,20 +30,24 @@
enjoy the problem solving aspects, especially after
solving an issue that has been giving me trouble.
</p>
</section>
</div>
<!----====INTRO END====---->
<section class="pc">
<img src="imgs/PC.jpg"
alt="Close up view of a watercooled CPU">
<p>
I built my computer that I use day in and day out, including
the custom watercooling loop that cools the CPU, with plans
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.
</p>
</section>
<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
the custom watercooling loop that cools the CPU, with plans
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.
</p>
</div>
</div>
</div>
<!----====MAIN CONTENT END====---->
</div>

39
resume.html
View File

@@ -6,13 +6,36 @@
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="topnav">
<ul>
<li><a class="active" href="resume.html">Resume</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="index.html">Home</a></li>
</ul>
</div>
<!----====MAIN CONTAINER START====---->
<div>
<!----====NAVIGATION BAR START====---->
<div class="topnav">
<ul>
<li><a class="active" href="resume.html">Resume</a></li>
<li><a 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====---->
<!----====MAIN CONTENT START====---->
<div class="main-content">
<!----====RESUME START====---->
<div class="resume-text">
<h1>Looking to hire me?</h1>
<p>
You can view or download my resume below, and I look forward
to hearing from you! Alternatively, you can send me a message
via the Contact page.
</div>
<!----====RESUME END====---->
<div class="buttons">
<a href="JYack_Resume_Public.pdf" class="btn" download="JYack_Resume.pdf">Download Resume</a>
<a href="contact.html" class="btn">Contact Me</a>
</div>
</div>
<!----====MAIN CONTENT END====---->
</div>
<!----====MAIN CONTAINER END====---->
</body>
</html>

47
style.css
View File

@@ -1,6 +1,7 @@
html {
background-color: #303030;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: aliceblue;
}
body {
@@ -56,20 +57,52 @@ body {
.intro {
text-align: center;
bottom margin: 20vh;
margin-bottom: 20vh;
}
.pc {
margin: 20vh 0;
width: 100%;
text-align: left;
}
.pc img {
display: block;
max-width: 10vw;
object-fit: contain;
object-position: right;
.pc-picture img {
width: auto;
height: 50vh;
float: right;
padding-left: 3vw;
}
.pc-text {
text-align: left;
padding: 20vh 0;
}
.resume-text {
text-align: center;
}
.buttons {
width: 50vw;
margin: auto;
text-align: center;
}
.btn {
font-size: 16px;
font-weight: 500;
text-decoration: none;
padding: 12px 35px;
margin: 3vh 5vw;
color: aliceblue;
border-radius: 40px;
display: inline-block;
white-space: nowrap;
border: none;
background: #2727af;
transition: all 0.3s ease;
}
.btn:hover {
transform: scale(1.05);
background: #191970
}