august-2025-content-update #1
20
index.html
20
index.html
@@ -5,16 +5,14 @@
|
|||||||
<title>Welcome</title>
|
<title>Welcome</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="content-box">
|
|
||||||
<!--img class="profile_picture" src="profile.jpeg"/-->
|
<!--img class="profile_picture" src="profile.jpeg"/-->
|
||||||
<h2>Welcome!</h2>
|
<h1>Welcome!</h1>
|
||||||
<p>
|
<p>
|
||||||
Hey, I'm Aidan Sharpe, welcome to my website!
|
Hey, I'm Aidan Sharpe, welcome to my website!
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
I made this website primarily to serve as a personal hub for my projects, but I hope to grow it's scope over time. I self-host the web server along with a wide array of other Docker containers on my Dell Poweredge R610 running Debian Linux.
|
I made this website primarily to serve as a personal hub for my projects, but I hope to grow it's scope over time. I self-host the web server along with a wide array of other Docker containers on my Dell Poweredge R610 running Debian Linux.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
|
||||||
<!--
|
<!--
|
||||||
<div class="content-box">
|
<div class="content-box">
|
||||||
<h2>For Friends & Family</h2>
|
<h2>For Friends & Family</h2>
|
||||||
@@ -25,20 +23,17 @@
|
|||||||
If you are a friend or family member sitting in the same room as me, reading this aloud, you are not the first one.
|
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>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
-->
|
<h1>For Recruiters / Prospective Employers</h1>
|
||||||
<div class="content-box">
|
|
||||||
<h2>For Recruiters / Prospective Employers</h2>
|
|
||||||
<p>
|
<p>
|
||||||
If you are a recruiter or prospective employer, welcome! I am very thankful that you have taken the time to visit my webpage. 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>.
|
If you are a recruiter or prospective employer, welcome! I am very thankful that you have taken the time to visit my webpage. 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>
|
</p>
|
||||||
</div>
|
-->
|
||||||
<div class="content-box">
|
<footer>
|
||||||
<h2>Helpful Links</h2>
|
|
||||||
<div class="icon-group">
|
<div class="icon-group">
|
||||||
<div>
|
<div>
|
||||||
<a href="https://gitea.sharpe6.com/Adog64"><img class="icon" src="Gitea_Logo.png"/></a>
|
<a href="https://gitea.sharpe6.com/Adog64"><img class="icon" src="Gitea_Logo.png"/></a>
|
||||||
<p class="icon-text">
|
<p class="icon-text">
|
||||||
Gitea Instance
|
Gitea
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
@@ -50,10 +45,9 @@
|
|||||||
<div>
|
<div>
|
||||||
<a href="mailto:amsharpe102@pm.me"><img class="icon" src="ProtonMail.png"/></a>
|
<a href="mailto:amsharpe102@pm.me"><img class="icon" src="ProtonMail.png"/></a>
|
||||||
<p class="icon-text">
|
<p class="icon-text">
|
||||||
E-Mail Me
|
E-Mail
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</footer>
|
||||||
</div>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
34
mdblog/blogtest.html
Normal file
34
mdblog/blogtest.html
Normal file
@@ -0,0 +1,34 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="generator" content="pandoc" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||||
|
<title>Blog Test</title>
|
||||||
|
<style>
|
||||||
|
code{white-space: pre-wrap;}
|
||||||
|
span.smallcaps{font-variant: small-caps;}
|
||||||
|
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||||
|
div.column{flex: auto; overflow-x: auto;}
|
||||||
|
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||||
|
/* The extra [class] is a hack that increases specificity enough to
|
||||||
|
override a similar rule in reveal.js */
|
||||||
|
ul.task-list[class]{list-style: none;}
|
||||||
|
ul.task-list li input[type="checkbox"] {
|
||||||
|
font-size: inherit;
|
||||||
|
width: 0.8em;
|
||||||
|
margin: 0 0.8em 0.2em -1.6em;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||||
|
</style>
|
||||||
|
<link rel="stylesheet" href="../sharpe6style.css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header id="title-block-header">
|
||||||
|
<h1 class="title">Blog Test</h1>
|
||||||
|
<p class="date">August 28th, 2025</p>
|
||||||
|
</header>
|
||||||
|
<p>This is a test</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
7
mdblog/blogtest.md
Normal file
7
mdblog/blogtest.md
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
---
|
||||||
|
title: Blog Test
|
||||||
|
date: August 28th, 2025
|
||||||
|
css: ../sharpe6style.css
|
||||||
|
---
|
||||||
|
|
||||||
|
This is a test
|
||||||
@@ -11,22 +11,13 @@
|
|||||||
margin-left: 5%;
|
margin-left: 5%;
|
||||||
margin-right: 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 {
|
.icon-group {
|
||||||
display: flex; }
|
display: flex; }
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
width: 100px;
|
width: 50px;
|
||||||
height: 100px;
|
height: 50px;
|
||||||
margin: 15px;
|
margin: 15px;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0; }
|
margin-bottom: 0; }
|
||||||
@@ -38,11 +29,11 @@
|
|||||||
.profile_picture {
|
.profile_picture {
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
|
||||||
|
.date {
|
||||||
|
color: #c34043; }
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
color: #7e9cd8;
|
color: #7e9cd8; }
|
||||||
margin-left: 5%;
|
|
||||||
margin-right: 5%;
|
|
||||||
padding: 10px 0px; }
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
color: #ff5d62; }
|
color: #ff5d62; }
|
||||||
@@ -51,13 +42,21 @@ p {
|
|||||||
color: #dcd7ba; }
|
color: #dcd7ba; }
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-image: url("PerfectSunrise.jpg");
|
background-color: #1F1F28;
|
||||||
background-size: auto 150%;
|
padding: 10px;
|
||||||
background-repeat: no-repeat;
|
width: 80%;
|
||||||
margin: 0px; }
|
margin: 10px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto; }
|
||||||
|
|
||||||
a:link {
|
a:link {
|
||||||
color: #7e9cd8; }
|
color: #7e9cd8; }
|
||||||
|
|
||||||
a:visited {
|
a:visited {
|
||||||
color: #957fb8; }
|
color: #957fb8; }
|
||||||
|
|
||||||
|
footer {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 10%; }
|
||||||
|
|||||||
@@ -28,24 +28,14 @@ $winter_blue: #252535;
|
|||||||
margin-right: 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 {
|
.icon-group {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
width: 100px;
|
width: 50px;
|
||||||
height: 100px;
|
height: 50px;
|
||||||
margin: 15px;
|
margin: 15px;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
@@ -64,11 +54,15 @@ $winter_blue: #252535;
|
|||||||
//border-width: 3px;
|
//border-width: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.date {
|
||||||
|
color: $autumn_red;
|
||||||
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
color: $crystal_blue;
|
color: $crystal_blue;
|
||||||
margin-left: 5%;
|
//margin-left: 5%;
|
||||||
margin-right: 5%;
|
//margin-right: 5%;
|
||||||
padding: 10px 0px;
|
//padding: 10px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
@@ -81,10 +75,12 @@ p {
|
|||||||
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-image: url("PerfectSunrise.jpg");
|
background-color: $sumi_ink1;
|
||||||
background-size: auto 150%;
|
padding: 10px;
|
||||||
background-repeat: no-repeat;
|
width: 80%;
|
||||||
margin: 0px;
|
margin: 10px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:link {
|
a:link {
|
||||||
@@ -94,3 +90,10 @@ a:link {
|
|||||||
a:visited {
|
a:visited {
|
||||||
color: $oni_violet;
|
color: $oni_violet;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 10%;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user