Front end changes, basic content, and semantics.

release/0.3.0
Aney 6 years ago
parent d75dd8af65
commit 452e255dc5

@ -24,6 +24,7 @@ the website semantic, accessable, and snappy
- Validation of HTML
- Liquid Layout
- Speed testing and improvements
- Server side programming (?)
## Additional Work
@ -31,6 +32,10 @@ A fancy CV/about me boilerplater.
This could however be made into a seperate project for other's use
A blog and RSS system
Again, this may be made into a seperate modular project and added onto the site
### Will take a while
Like all things I work on, this will likely take a hot minute to complete.

@ -0,0 +1,61 @@
<html>
<head>
<title>Blog</title>
<link href="css/meyerweb_reset.css" type="text/css" rel="stylesheet">
<link href="css/stylesheet.css" type="text/css" rel="stylesheet">
</head>
<body>
<header>
<h1>Aney's homepage</h1>
<nav>
<ul>
<li><p>Home:</p>
<ul>
<li><p><a href="index.html">Home</a></p></li>
</ul>
</li>
<li><p>Content:</p>
<ul>
<li><p><a href="https://www.youtube.com/user/AneyOC">Youtube</a></p></li>
<li><p><a href="https://www.twitch.tv/sir_aney">Twitch</a></p></li>
</ul>
</li>
<li><p>Work:</p>
<ul>
<li><p><a href="https://www.github.com/aney">Github</a></p></li>
<li><p><a href="files/cv.pdf">CV</a></p></li>
</ul>
</li>
<li><p>Tech:</p>
<ul>
<li><p><a href="tech.html#equipment">Equipment</a></p></li>
<li><p><a href="tech.html#software">Software</a></p></li>
</ul>
</li>
<li><p>Misc:</p>
<ul>
<li><p><a href="blog.html">Blog</a></p></li>
<li><p><a href="donate.html">Donate</a></p></li>
</ul>
</li>
</ul>
</nav>
</header>
<section id="content">
<article>
<h2>Title</h2>
<p>ajsfkjfds fdj kfjd lfjdsl fjd f</p>
</article>
</section>
<footer>
<p>aney.co.uk</p>
</footer>
</body>
</html>

@ -1,9 +1,14 @@
html{
overflow-y: scroll; /* Invalid? But it works */
}
html,body{
background: #282828;
width: 960px;
max-width: 960px;
margin: 0 auto;
margin-top: 1em;
font-family: courier monospace;
padding: 0 0.5em;
}
/* Navigation */
@ -11,12 +16,14 @@ nav{
margin: 0 auto;
text-align: center;
margin-bottom: 2em;
width: 75%;
width: 80%;
}
nav ul{
display: inline-block;
margin-left: 0;
margin-right: 0.5em;
list-style-type: none;
}
nav ul li p{
@ -29,9 +36,18 @@ nav ul li{
display: inline-block;
}
/* Footer */
footer{
margin: 0 auto;
text-align: center;
}
/* Text */
h1, h2, h3, h4, h5{ color: #98971a; font-weight: bold; margin: 0.25em 0 0.25em 0;}
p{ color: #ededed; }
h1, h2, h3, h4, h5{
color: #98971a;
font-weight: bold; margin: 0.25em 0 0.25em 0;}
p{ color: #a89984;}
h1{
font-size: 2em;
@ -43,6 +59,10 @@ h2{
font-size: 1.5em;
}
h3{
font-size: 1.2em;
}
p{
line-height: 1.2em;
}
@ -57,10 +77,26 @@ a:hover{
color: #b16286;
}
.anchor, .anchor:hover{
color: #98971a;
cursor: default;
}
/* Lists */
ul{
margin-left: 1em;
list-style-type: circle; /* square */
color: #d79921;
}
/* Positions */
section{
margin-bottom: 3em;
}
.item{
margin-left: 1em;
margin-bottom: 1em;
}
/* cc241d red
d79921 yellow
689d6a aqua

@ -0,0 +1,61 @@
<html>
<head>
<title>Blog</title>
<link href="css/meyerweb_reset.css" type="text/css" rel="stylesheet">
<link href="css/stylesheet.css" type="text/css" rel="stylesheet">
</head>
<body>
<header>
<h1>Aney's homepage</h1>
<nav>
<ul>
<li><p>Home:</p>
<ul>
<li><p><a href="index.html">Home</a></p></li>
</ul>
</li>
<li><p>Content:</p>
<ul>
<li><p><a href="https://www.youtube.com/user/AneyOC">Youtube</a></p></li>
<li><p><a href="https://www.twitch.tv/sir_aney">Twitch</a></p></li>
</ul>
</li>
<li><p>Work:</p>
<ul>
<li><p><a href="https://www.github.com/aney">Github</a></p></li>
<li><p><a href="files/cv.pdf">CV</a></p></li>
</ul>
</li>
<li><p>Tech:</p>
<ul>
<li><p><a href="tech.html#equipment">Equipment</a></p></li>
<li><p><a href="tech.html#software">Software</a></p></li>
</ul>
</li>
<li><p>Misc:</p>
<ul>
<li><p><a href="blog.html">Blog</a></p></li>
<li><p><a href="donate.html">Donate</a></p></li>
</ul>
</li>
</ul>
</nav>
</header>
<section id="content">
<article>
<h2>Title</h2>
<p>ajsfkjfds fdj kfjd lfjdsl fjd f</p>
</article>
</section>
<footer>
<p>aney.co.uk</p>
</footer>
</body>
</html>

@ -0,0 +1,4 @@
<footer>
<p>aney.co.uk</p>
</footer>

@ -2,6 +2,11 @@
<h1>Aney's homepage</h1>
<nav>
<ul>
<li><p>Home:</p>
<ul>
<li><p><a href="index.html">Home</a></p></li>
</ul>
</li>
<li><p>Content:</p>
<ul>
<li><p><a href="https://www.youtube.com/user/AneyOC">Youtube</a></p></li>
@ -10,7 +15,6 @@
</li>
<li><p>Work:</p>
<ul>
<li><p><a>Experience</a></p></li>
<li><p><a href="https://www.github.com/aney">Github</a></p></li>
<li><p><a href="files/cv.pdf">CV</a></p></li>
</ul>
@ -21,18 +25,10 @@
<li><p><a href="tech.html#software">Software</a></p></li>
</ul>
</li>
<li><p>Personal:</p>
<ul>
<li><p><a>Stuff</a></p></li>
<li><p><a>Library</a></p></li>
<li><p><a>Recipes</a></p></li>
</ul>
</li>
<li><p>Misc:</p>
<ul>
<li><p><a>Blog</a></p></li>
<li><p><a>RSS</a></p></li>
<li><p><a>Donate</a></p></li>
<li><p><a href="blog.html">Blog</a></p></li>
<li><p><a href="donate.html">Donate</a></p></li>
</ul>
</li>
</ul>

@ -12,6 +12,11 @@
<h1>Aney's homepage</h1>
<nav>
<ul>
<li><p>Home:</p>
<ul>
<li><p><a href="index.html">Home</a></p></li>
</ul>
</li>
<li><p>Content:</p>
<ul>
<li><p><a href="https://www.youtube.com/user/AneyOC">Youtube</a></p></li>
@ -20,7 +25,6 @@
</li>
<li><p>Work:</p>
<ul>
<li><p><a>Experience</a></p></li>
<li><p><a href="https://www.github.com/aney">Github</a></p></li>
<li><p><a href="files/cv.pdf">CV</a></p></li>
</ul>
@ -31,24 +35,17 @@
<li><p><a href="tech.html#software">Software</a></p></li>
</ul>
</li>
<li><p>Personal:</p>
<ul>
<li><p><a>Stuff</a></p></li>
<li><p><a>Library</a></p></li>
<li><p><a>Recipes</a></p></li>
</ul>
</li>
<li><p>Misc:</p>
<ul>
<li><p><a>Blog</a></p></li>
<li><p><a>RSS</a></p></li>
<li><p><a>Donate</a></p></li>
<li><p><a href="blog.html">Blog</a></p></li>
<li><p><a href="donate.html">Donate</a></p></li>
</ul>
</li>
</ul>
</nav>
</header>
<section id="content">
<section>
<h2>I'm Aney.</h2>
<p>A self-proclaimed waste, working on becoming an essentialist; and with that learning to use the PC to improve, and create an efficient workflow for my everyday life. </p>
@ -66,8 +63,10 @@
<section>
<h2>My goal is to be F.I. and self sufficient</h2>
<p></p>
<p>So that I can live without the need of other outside sources, and more importantly, big corporations.</p>
</section>
</section>
<footer>
<p>aney.co.uk</p>
</footer>

@ -9,9 +9,14 @@
<body>
<header>
<h1>Software and Equipment</h1>
<h1>Aney's homepage</h1>
<nav>
<ul>
<li><p>Home:</p>
<ul>
<li><p><a href="index.html">Home</a></p></li>
</ul>
</li>
<li><p>Content:</p>
<ul>
<li><p><a href="https://www.youtube.com/user/AneyOC">Youtube</a></p></li>
@ -20,7 +25,6 @@
</li>
<li><p>Work:</p>
<ul>
<li><p><a>Experience</a></p></li>
<li><p><a href="https://www.github.com/aney">Github</a></p></li>
<li><p><a href="files/cv.pdf">CV</a></p></li>
</ul>
@ -31,18 +35,10 @@
<li><p><a href="tech.html#software">Software</a></p></li>
</ul>
</li>
<li><p>Personal:</p>
<ul>
<li><p><a>Stuff</a></p></li>
<li><p><a>Library</a></p></li>
<li><p><a>Recipes</a></p></li>
</ul>
</li>
<li><p>Misc:</p>
<ul>
<li><p><a>Blog</a></p></li>
<li><p><a>RSS</a></p></li>
<li><p><a>Donate</a></p></li>
<li><p><a href="blog.html">Blog</a></p></li>
<li><p><a href="donate.html">Donate</a></p></li>
</ul>
</li>
</ul>
@ -50,12 +46,86 @@
</header>
<section>
<h2><a href="#equipment">Equipment</a></h2>
<h2><a id="equipment" class="anchor">Equipment</a></h2>
<div class="item">
<h3>Laptop - Thinkpad X200</h3>
<p>I bought my Thinkpad in June 2020, 12 years after it was released. This was bought to switch to from my Macbook Air 2015 7,2.</p>
<ul>
<li><p>Debian</p></li>
<li><p>Core 2 Duo P8600</p></li>
<li><p>4GB DDR3 RAM</p></li>
<li><p>250GB SSD</p></li>
</ul>
</div>
<div class="item">
<h3>PC</h3>
<p>My PC was intended to be sold once I got the Thinkpad, as that was to be my every-day driver. I am currently still in possesion of it however, for gaming with friends.</p>
<ul>
<li><p>Windows 10</p></li>
<li><p>Ryzen 5 2600X</p></li>
<li><p>16GB DDR4 RAM</p></li>
<li><p>320GB HDD</p></li>
<li><p>Vega 64</p></li>
</ul>
</div>
<h3>Microphone</h3>
<h3>Webcam</h3>
<h3>Peripherals</h3>
<h3>Phone</h3>
</section>
<section>
<h2><a href="#software">Software</a></h2>
<section id="content">
<h2><a id="software" class="anchor">Software</a></h2>
<div class="item">
<h3>Operating System - Debian</h3>
<p>Currently I'm running Debian 10 Buster on my daily driver. I went with a minimal install, and try to only include what I need.</p>
</div>
<div class="item">
<h3>Window Manager - dwm</h3>
<p>My current window manger is DWM, a tiling wm. It's lightweight, and once you get used to it, it feels better to use than a traditional wm</p>
</div>
<div class="item">
<h3>Terminal - st</h3>
<p>I use st, with a couple of custom keybinds and a gruvbox theme. I use this along with my shell of choice, zsh.</p>
</div>
<div class="item">
<h3>Browser - Brave</h3>
<p>This was a tie between ungoogled-chromium and Brave. I opted for Brave due to the BAT tokens.</p>
</div>
<div class="item">
<h3>Music, Video, and Images</h3>
<p>I use cmus for music, mpv for video, and feh for images. However, these are rarely used as I've been using Youtube for most consumption.</p>
</div>
<div class="item">
<h3>News and Downloads</h3>
<p>I use newsboat for my rss feeds, and youtube-dl with mpv to watch videos from my feed. I also use transmission for anime downloads.</p>
</div>
<div class="item">
<h3>Email - Gmail</h3>
<p>I've not setup an alternative for Gmail yet, so I'm still using Gmail for my emails. I also make use of Google Drive, but have been looking at alternatives.</p>
</div>
<div class="item">
<h3>Other</h3>
<p>For pretty much everything else I use, I recommend looking at my install script (that likely isn't finished/working) <a href="https://github.com/Aney/scripts/blob/master/install.sh">here</a></p>
</div>
</section>
<footer>
<p>aney.co.uk</p>
</footer>
</body>
</html>

Loading…
Cancel
Save