Adog64/Website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Finished complete overhaul of website design

Browse Source
This commit is contained in:
Adog64 2024-01-14 11:53:41 -05:00
parent c82a8b67b5
commit 4d9b800c72
5 changed files with 153 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
PerfectSunrise.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 570 KiB

BIN
Resume.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

36
index.html
View File

@ -11,11 +11,32 @@
Hey! My name is Aidan Sharpe. I'm a third-year Electrical and Computer Engineering student at Rowan University, and I'm on track to graduate in May of 2025 with my Bachelor of Science and a Certificate of Undergraduate Study in Cybersecurity Engineering.
</p>
<p>
I made this website primarily to serve as a hub for my profiles and projects.
</p>
</div>
<div class="content-box">
<h2>Check out my projects!</h2>
<p>
</p>
<h2>For Friends & Family</h2>
<p>
If you are a friend or family member looking for pictures from our most recent vacation, shoot me an email <a href="mailto:amsharpe102@pm.me">amsharpe102@pm.me</a>, and I'll get you set up with an account for my image sharing server.
</p>
<p>
If you are a friend or family member sitting in the same room as me, reading this aloud, you are not the first one.
</p>
</div>
<div class="content-box">
<h2>For Recruiters / Prospective Employers</h2>
<p>
If you are a recruiter or prospective employer, first of all, welcome! I am very thankful that I you have taken the time to visit my webpage. There is a decent amount to explore here. If you are looking for my portfolio, most if not all of my personal projects can be found on my gitea instance. Other than that, feel free to explore! If you have any questions, please don't hesitate to reach out to me via email <a href="mailto:amsharpe102@pm.me">amsharpe102@pm.me</a>.
</p>
</div>
<div class="content-box">
<h2>For Project Collaborators</h2>
<p>
If you are here looking to be a collaborator on a school project, please shoot an email to my school address: <a href="mailto:sharpe23@students.rowan.edu">sharpe23@students.rowan.edu</a>. Otherwise, if you want to collaborate on one of my personal projects, please shoot an email to my "real" email address: <a href="mailto:amsharpe102@pm.me">amsharpe102@pm.me</a>.
Thank you for wanting to collaborate!
</p>
</div>
<div class="content-box">
<h2>Helpful Links</h2>
@ -38,10 +59,13 @@
LaTeX Template
</p>
</div>
<div>
<a href="https://gitea.sharpe6.com/Adog64/Resume/src/branch/master/Aidan_Sharpe_Resume.pdf"><img class="icon" src="Resume.png"/></a>
<p class="icon-text">
Resume
</p>
</div>
</div>
<p>
My resume in pdf format is available <a href="https://gitea.sharpe6.com/Adog64/Resume/src/branch/master/Aidan_Sharpe_Resume.pdf">here.</a>
</p>
</div>
</body>
</html>

82
sharpe6style.css Executable file → Normal file
View File

@ -1,72 +1,60 @@
* {
font-family: Helvetica;
}
font-family: Helvetica; }
.top_bar {
background-color: #16161d;
padding: 1px;
}
background-color: #16161d;
padding: 1px; }
.column {
float: left;
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
float: left;
width: 90%;
margin-left: 5%;
margin-right: 5%; }
.content-box {
background-image: linear-gradient(to bottom right, rgba(54, 54, 70, 0.5), rgba(54, 54, 70, 0.2));
border-radius: 10px;
padding: 10px;
width: 80%;
margin: 10px;
margin-left: auto;
margin-right: auto;
}
background-color: rgba(31, 31, 40, 0.7);
border-radius: 10px;
padding: 10px;
width: 80%;
margin: 10px;
margin-left: auto;
margin-right: auto; }
.icon-group {
display: flex;
}
display: flex; }
.icon {
border-radius: 10px;
width: 100px;
height: 100px;
margin: 15px;
margin-top: 0;
margin-bottom: 0;
}
border-radius: 10px;
width: 100px;
height: 100px;
margin: 15px;
margin-top: 0;
margin-bottom: 0; }
.icon-text {
margin-top: 0;
text-align: center;
}
margin-top: 0;
text-align: center; }
h1 {
color: #7e9cd8;
margin-left: 5%;
margin-right: 5%;
padding: 10px 0px;
}
color: #7e9cd8;
margin-left: 5%;
margin-right: 5%;
padding: 10px 0px; }
h2 {
color: #ff5d62;
}
color: #ff5d62; }
p {
color: #dcd7ba;
}
color: #dcd7ba; }
body {
background-color: #252535;
margin: 0px;
}
background-image: url("PerfectSunrise.jpg");
background-size: auto 150%;
background-repeat: no-repeat;
margin: 0px; }
a:link {
color: #dcd7ba;
}
color: #7e9cd8; }
a:visited {
color: #957fb8;
}
color: #957fb8; }

88
sharpe6style.scss Executable file
View File

@ -0,0 +1,88 @@
$wave_blue1: #2d4f67;
$autumn_red: #c34043;
$peach_red: #ff5d62;
$autumn_green: #66946a;
$carp_yellow: #e6c384;
$crystal_blue: #7e9cd8;
$oni_violet: #957fb8;
$fuji_white: #dcd7ba;
$sumi_ink0: #16161d;
$sumi_ink1: #1F1F28;
$sumi_ink4: #54546d;
$winter_blue: #252535;
* {
font-family: Helvetica;
}
.top_bar {
background-color: $sumi_ink0;
padding: 1px;
}
.column {
float: left;
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
.content-box {
background-color: rgba(31, 31, 40, 0.7);
border-radius: 10px;
padding: 10px;
width: 80%;
margin: 10px;
margin-left: auto;
margin-right: auto;
}
.icon-group {
display: flex;
}
.icon {
border-radius: 10px;
width: 100px;
height: 100px;
margin: 15px;
margin-top: 0;
margin-bottom: 0;
}
.icon-text {
margin-top: 0;
text-align: center;
}
h1 {
color: #7e9cd8;
margin-left: 5%;
margin-right: 5%;
padding: 10px 0px;
}
h2 {
color: #ff5d62;
}
p {
color: #dcd7ba;
}
body {
background-image: url("PerfectSunrise.jpg");
background-size: auto 150%;
background-repeat: no-repeat;
margin: 0px;
}
a:link {
color: $crystal_blue;
}
a:visited {
color: $oni_violet;
}