Add basic site content
This commit is contained in:
parent
c5d4472027
commit
a976e9b2ea
4 changed files with 212 additions and 2 deletions
33
public/about.html
Normal file
33
public/about.html
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<header>
|
||||||
|
<link rel="stylesheet" href="main.css">
|
||||||
|
<link rel="stylesheet" href="https://www.nerdfonts.com/assets/css/webfont.css">
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="titlebar">
|
||||||
|
<h1>Aaron G.C. Personal Website</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<div class="navbar">
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html">Home</a></li>
|
||||||
|
<li><a href="projects.html">Projects</a></li>
|
||||||
|
<li><a href="about.html">About & Contact <</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="page">
|
||||||
|
<p>Site currently under construction.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>Hand written by Aaron Cook <a href="https://gitlab.com/CookenMonster/aarongc.com"><i
|
||||||
|
class="nf nf-dev-gitlab"></i></a></p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -1,6 +1,31 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
<header>
|
||||||
|
<link rel="stylesheet" href="main.css">
|
||||||
|
<link rel="stylesheet" href="https://www.nerdfonts.com/assets/css/webfont.css">
|
||||||
|
</header>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
Wuttup.
|
<div class="titlebar">
|
||||||
|
<h1>Aaron G.C. Personal Website</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<div class="navbar">
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html">Home <</a></li>
|
||||||
|
<li><a href="projects.html">Projects</a></li>
|
||||||
|
<li><a href="about.html">About & Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="page">
|
||||||
|
<p>Site currently under construction.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>Hand written by Aaron Cook <a href="https://gitlab.com/CookenMonster/aarongc.com"><i class="nf nf-dev-gitlab"></i></a></p>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
98
public/main.css
Normal file
98
public/main.css
Normal file
|
|
@ -0,0 +1,98 @@
|
||||||
|
/**** Global ****/
|
||||||
|
:root {
|
||||||
|
/* Gruvbox colors https://github.com/morhetz/gruvbox */
|
||||||
|
--background: #282828;
|
||||||
|
--foreground: #ebdbb2;
|
||||||
|
--gray: #928374;
|
||||||
|
--gray-light: #a89984;
|
||||||
|
--red: #cc241d;
|
||||||
|
--red-light: #fb4934;
|
||||||
|
--green: #98921a;
|
||||||
|
--green-light: #b8bb26;
|
||||||
|
--yellow: #d79921;
|
||||||
|
--yellow-light: #fabd2f;
|
||||||
|
--blue: #458588;
|
||||||
|
--blue-light: #83a598;
|
||||||
|
--purple: #b16286;
|
||||||
|
--purple-light: #d3869b;
|
||||||
|
--aqua: #679d6a;
|
||||||
|
--aqua-light: #8ec07c;
|
||||||
|
--orange: #d65d0e;
|
||||||
|
--orange-light: fe8019;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--background);
|
||||||
|
color: var(--foreground);
|
||||||
|
font-family: monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link {
|
||||||
|
color: var(--green);
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color: var(--aqua);
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/**** Title Bar ****/
|
||||||
|
.titlebar {
|
||||||
|
border-bottom: var(--foreground) solid 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/**** Navbar ****/
|
||||||
|
.navbar {
|
||||||
|
padding-right: 1rem;
|
||||||
|
border-right: var(--foreground) solid 1px;
|
||||||
|
width: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar ul {
|
||||||
|
padding-left: 0.5rem;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar li {
|
||||||
|
padding: 0.125rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar li:hover {
|
||||||
|
background-color: var(--gray);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: var(--foreground);
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-selected {
|
||||||
|
color: var(--green);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**** Page ****/
|
||||||
|
.page {
|
||||||
|
padding-left: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/**** Footer *****/
|
||||||
|
.footer {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: var(--orange);
|
||||||
|
}
|
||||||
54
public/projects.html
Normal file
54
public/projects.html
Normal file
|
|
@ -0,0 +1,54 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<header>
|
||||||
|
<link rel="stylesheet" href="main.css">
|
||||||
|
<link rel="stylesheet" href="https://www.nerdfonts.com/assets/css/webfont.css">
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="titlebar">
|
||||||
|
<h1>Aaron G.C. Personal Website</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<div class="navbar">
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html">Home</a></li>
|
||||||
|
<li><a href="projects.html">Projects <</a></li>
|
||||||
|
<li><a href="about.html">About & Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="page">
|
||||||
|
<h2>Projects</h2>
|
||||||
|
<p>Below is a list of my publicly available personal projects.</p>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<h3>Bytenuts</h3>
|
||||||
|
<p>
|
||||||
|
Terminal application for communicating with serial devices. Written in C
|
||||||
|
with ncurses.
|
||||||
|
</p>
|
||||||
|
<p><a href="https://gitlab.com/CookenMonster/bytenuts">GitLab Link</a></p>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<h3>OpenRCore</h3>
|
||||||
|
<p>TBA</p>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<h3>Empack</h3>
|
||||||
|
<p>MessagePack library written in C designed to be easily embeddable.</p>
|
||||||
|
<p><a href="https://gitlab.com/CookenMonster/empack">GitLab Link</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>Hand written by Aaron Cook <a href="https://gitlab.com/CookenMonster/aarongc.com"><i
|
||||||
|
class="nf nf-dev-gitlab"></i></a></p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Reference in a new issue