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>
|
||||
<html>
|
||||
<header>
|
||||
<link rel="stylesheet" href="main.css">
|
||||
<link rel="stylesheet" href="https://www.nerdfonts.com/assets/css/webfont.css">
|
||||
</header>
|
||||
|
||||
<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>
|
||||
</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