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.

12
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,11 +30,14 @@
enjoy the problem solving aspects, especially after
solving an issue that has been giving me trouble.
</p>
</section>
</div>
<!----====INTRO END====---->
<section 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">
<p>
I built my computer that I use day in and day out, including
the custom watercooling loop that cools the CPU, with plans
@@ -43,7 +46,8 @@
and make further additions to the system that has been a
work in progress for the past three years.
</p>
</section>
</div>
</div>
</div>
<!----====MAIN CONTENT END====---->
</div>

23
resume.html
View File

@@ -6,6 +6,9 @@
<link href="style.css" rel="stylesheet">
</head>
<body>
<!----====MAIN CONTAINER START====---->
<div>
<!----====NAVIGATION BAR START====---->
<div class="topnav">
<ul>
<li><a class="active" href="resume.html">Resume</a></li>
@@ -14,5 +17,25 @@
<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
}