Started messing with gradients
This commit is contained in:
parent
ed754afb76
commit
975100dbed
@ -1,16 +0,0 @@
|
||||
<head>
|
||||
<title>Anything Else</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Anything Else</h1>
|
||||
<p>
|
||||
Here are some quick links to some different places around the site!
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="https://gitea.sharpe6.com">Gitea</a></li>
|
||||
<li><a href="https://bitwarden.sharpe6.com">Bitwarden</a></li>
|
||||
<li><a href="https://nextcloud.sharpe6.com">Nextcloud</a></li>
|
||||
</ul>
|
||||
|
||||
</body>
|
22
index.html
22
index.html
@ -1,32 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="https://www.sharpe6.com/sharpe6style.css">
|
||||
<link rel="stylesheet" href="sharpe6style.css">
|
||||
<title>Welcome</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="top_bar">
|
||||
<h1><img src="wave_100.png" alt="Under the Wave off Kanagawa" width="30" height="30"> Sharpe6 <a href="https://www.linkedin.com/in/aidan-sharpe-b86955224/"><img src="LinkedIn.png" width="30" height="30" style="float: right; padding-left: 10px;"></a> <a href="https://gitea.sharpe6.com/Adog64"><img src="Gitea_Logo.png" width="30" height="30" style="float: right;"></a></h1>
|
||||
|
||||
</div>
|
||||
<div class="column">
|
||||
<h2>Who is Aidan Sharpe?</h2>
|
||||
<div class="content-box">
|
||||
<h2>Aidan Sharpe</h2>
|
||||
<p>
|
||||
Hi! My name is Aidan Sharpe and this is my personal website. Everything is self-hosted in docker containers on my Rasberry Pi 4 Model B. For example, this webpage is hosted in an Apache container loaded with some fairly basic static html.
|
||||
</p>
|
||||
<p>
|
||||
My primary goal for this webpage is making it easier to communicate. I would much rather have the freedom to edit everything that the end-user sees rather than having to conform to the suffocating constraints of mainstream social media platforms.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div class="content-box">
|
||||
<h2>Check out my projects!</h2>
|
||||
<p>
|
||||
Alongside this Apache http server you will also find my personal <a href="https://gitea.sharpe6.com/Adog64">Gitea</a> instace. Gitea is a self-hosted git server, a kind-of lightweight version of GitLab. It is also hosted on my Raspberry Pi server, and I use it as a way to sync files across my devices with version management. On Gitea, you will find most of my personal projects, so it serves as a personal portfolio. Anything from my configuration files for my linux desktop to school projects to my Rubik's cube timer mobile app. Of course, I can't spoil everything here, so feel free to check it out!
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div class="content-box">
|
||||
<h2>Resume</h2>
|
||||
<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>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -14,6 +14,16 @@
|
||||
margin-right: 5%;
|
||||
}
|
||||
|
||||
.content-box {
|
||||
background-image: linear-gradient(to bottom left, rgba(54, 54, 70, 0.8), rgba(30, 31, 40, 0.5));
|
||||
border-radius: 10px;
|
||||
padding: 10px;
|
||||
width: 80%;
|
||||
margin: 10px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #7e9cd8;
|
||||
margin-left: 5%;
|
||||
|
Loading…
Reference in New Issue
Block a user