nathan
/
aney.co.uk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Style and content changes and rewritten. Any instances of scripts and other un-hosted content removed.

Browse Source
release/0.3.0
Nathan Steel 5 years ago
parent 5f67113ea5
commit b3671c3d74
33 changed files with 405 additions and 1174 deletions
Show Stats Download Patch File Download Diff File

23
README.md
Unescape Escape View File

@ -2,13 +2,13 @@
This is my what will become my personal website. This is my what will become my personal website.
Since I haven't worked with web or design in a few years I've decided The goal is to have the entire website be small and entirely
to create this, but with a focus on content rather than "design". self-hosted/under my control.
## Semantic and Speed ## Semantic and Speed
My goal for this is to convey everything I want; all whilst keeping The website should convey everything I want; all whilst remaining
the website semantic, accessable, and snappy semantic, accessable, and snappy.
## To Do ## To Do
@ -17,22 +17,11 @@ the website semantic, accessable, and snappy
- Validation of HTML - Validation of HTML
- Liquid Layout - Liquid Layout
- Speed testing and improvements - Speed testing and improvements
- Scripts for blog, page building, etc
- Scripts for CSS
- Make more appealing
## Additional Work ## Additional Work
A fancy CV/about me boilerplater. A fancy CV/about me boilerplater.
This could however be made into a seperate project for other's use A blog with RSS
A blog and RSS system A Git repository page (linked to self-hosted git)
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.
Not due to complexity, but work, home life, and then the unhealthy use of PCs.

48
blog.html
Unescape Escape View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="main.css">
<title>Aney's Blog</title>
</head>
<body>
<header>
<h1>Aney's Network</h1>
<nav>
<p><a href="index.html">home</a></p>
<p><a href="blog.html">blog</a></p>
<p><a href="equipment.html">equipment</a></p>
<p><a href="onebag.html">onebag</a></p>
<p><a href="#">video</a></p>
<p><a href="#">git</a></p>
<p><a href="support.html">support</a></p>
<p><a href="files/cv.pdf">cv</a></p>
<hr/>
</nav>
</header>
<main>
<section>
<h1>February 2021</h1>
<ul>
<li><p>Jan 22 2021 - <a href="#">What's a blog?</a></p></li>
<li><p>Jan 22 2021<a href="#"></a></p></li>
</ul>
</section>
<section>
<h1>January 2021</h1>
<ul>
<li><p>Jan 22 2021<a href="#"></a></p></li>
</ul>
</section>
</main>
<footer>
<hr/>
<p>Designed and written with <a href="https://danluu.com/web-bloat/">web bloat</a> in mind</p>
<p>Made with <a href="#">aSite</a> | <a href="https://github.com/Aney/website">Source Code</a></p>
</footer>
</body>
</html>

48
css/meyerweb_reset.css
Unescape Escape View File

@ -1,48 +0,0 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

13
css/mobile.css
Unescape Escape View File

@ -1,13 +0,0 @@
@media screen and (max-device-width: 480px){
.main{
}
h1,h2,h3,h4,h5,p{
text-align: center;
}
.content-list section{
width: 100%;
}
}

165
css/stylesheet.css
Unescape Escape View File

@ -1,165 +0,0 @@
html{
overflow-y: scroll; /* Invalid? But it works */
font-size: 1em;
}
html,body{
background: #282828;
/* background: #ECEFF4; /* Nord */
font-family: 'Open Sans', sans-serif;
}
.main{
max-width: 960px;
padding: 0 1%;
margin: 0 auto;
}
/* Text */
h1, h2, h3, h4, h5{
color: #98971a;
/* color: #3B4252; /* Nord */
font-weight: bold;
margin: 0.25em 0;
}
p{
color: #a89984;
/* color: #3B4252; /* Nord */
margin: 0.5em 0;
}
ul p{
margin: 0.1em 0;
}
h1{
font-size: 1.5em;
text-align: center;
margin-bottom: 1em;
}
h2{
font-size: 1em;
}
h3{
font-size: 1em;
}
p{
line-height: 1.2em;
}
/* Links */
a{
text-decoration: none;
color: #458588;
}
a:hover{
color: #b16286;
}
.anchor, .anchor:hover{
color: #98971a;
cursor: default;
}
/* Lists */
ul{
}
/* Positions */
section, article{
margin-bottom: 2em;
}
.item{
margin-left: 1em;
margin-bottom: 1em;
}
/* Stuff */
.home h2{
font-size: 1em;
}
/* Footer */
footer{
margin: 0 auto;
text-align: center;
margin-bottom: 0.5em;
}
footer p{
margin: 0;
line-height: 1em;
}
/* Header */
header{
padding: 0.5em 0;
margin-bottom: 2em;
background: #98971a;
}
header *{
vertical-align: middle;
}
header h1{
display: inline-block;
text-align: left;
width: 18.5%;
margin: 0;
font-size: 1.2em;
color: #282828;
}
/* Navigation */
nav{
text-align: right;
display: inline-block;
width: 80%;
}
nav ul{
display: inline-block;
margin-left: 0;
list-style-type: none;
}
nav ul li p{
display: inline-block;
}
nav ul li{
display: inline-block;
}
nav a{
color: #282828;
}
nav a:hover{
color: #d78821;
}
.content{
padding-bottom: 2em;
}
.content-list section{
width: 49.5%;
display: inline-block;
vertical-align: top;
margin-bottom: 0;
}
/* cc241d red
d79921 yellow
689d6a aqua
458588 blue*
purple b16286 */

136
equipment.html
Unescape Escape View File

@ -0,0 +1,136 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="main.css">
<title>Aney's Network</title>
</head>
<body>
<header>
<h1>Aney's Network</h1>
<nav>
<p><a href="index.html">home</a></p>
<p><a href="blog.html">blog</a></p>
<p><a href="equipment.html">equipment</a></p>
<p><a href="onebag.html">onebag</a></p>
<p><a href="#">video</a></p>
<p><a href="#">git</a></p>
<p><a href="support.html">support</a></p>
<p><a href="files/cv.pdf">cv</a></p>
<hr/>
</nav>
</header>
<main>
<section>
<h1>My tech, and gear</h1>
<p>This is the hardware I use to make and manage my home and life.</p>
<p>This page is going to be reworked, for now it's content is there to prevent broken links</p>
</section>
<section id="equipment">
<section id="computers">
<h1>Computers</h1>
<section id="laptop" class="item">
<h1>Laptop</h1>
<p>Thinkpad x220</p>
<section class="specs">
<ul>
<li><p>i5 2540m</p></li>
<li><p>6GB RAM</p></li>
<li><p>500GB mSata SSD</p></li>
<li><p>500GB SSD</p></li>
</ul>
</section>
</section>
<section id="computer" class="item">
<h1>Computer</h1>
<p>Custom Build</p>
<section class="specs">
<ul>
<li><p>R5 2600X</p></li>
<li><p>16GB RAM</p></li>
<li><p>500GB m.2. SSD</p></li>
<li><p>Vega 64</p></li>
</ul>
</section>
</section>
</section>
<section id="peripherals">
<h1>Peripherals</h1>
<section class="item">
<h1>Keyboard</h1>
<p>Razer Blackwidow Lite</p>
</section>
<section class="item">
<h1>Mouse</h1>
<p>Logitech MX Master</p>
</section>
<section class="item">
<h1>Microphone</h1>
<p>Blue Yeti</p>
</section>
<section class="item">
<h1>Monitors</h1>
<p>Something 1920x1080</p>
<p>BenQ 1600x900</p>
</section>
</section>
<section id="servers">
<h1>Servers</h1>
<section class="item">
<h1>Thinkcentre</h1>
<p>Proxmox Host</p>
<section class="specs">
<ul>
<li><p>i5 4570</p></li>
<li><p>16GB RAM</p></li>
<li><p>1TB HDD</p></li>
<li><p>2 Port Network Card</p></li>
<li><p>GT 710</p></li>
</ul>
</section>
</section>
<section class="item">
<h1>lilnas</h1>
<p>OMV NAS</p>
<section class="specs">
<ul>
<li><p>i3 4160</p></li>
<li><p>8GB RAM</p></li>
<li><p>32GB USB</p></li>
<li><p>500GB HDD</p></li>
<li><p>4TB HDD</p></li>
</ul>
</section>
</section>
<section class="item">
<h1>moxbox</h1>
<p>Proxmox Host</p>
<section class="specs">
<ul>
<li><p>i7 7500</p></li>
<li><p>8GB RAM</p></li>
<li><p>500GB HDD</p></li>
</ul>
</section>
</section>
</section>
<section id="mobile" class="item">
<h1>Mobile</h1>
<p>Huawei P8 Lite 2017</p>
</section>
</section>
</main>
<footer>
<hr/>
<p>Designed and written with <a href="https://danluu.com/web-bloat/">web bloat</a> in mind</p>
<p>Made with <a href="#">aSite</a> | <a href="https://github.com/Aney/website">Source Code</a></p>
</footer>
</body>
</html>

0
favicon/favicon.ico → images/favicon.ico
Unescape Escape View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 8.5 KiB

BIN
images/logo.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

9
includes/footer.html
Unescape Escape View File

@ -1,9 +0,0 @@
<footer>
<p>Designed and written with <a href="https://danluu.com/web-bloat/">web bloat</a> in mind.</p>
<p>Made with <a href="#">aSite</a> | <a href="https://github.com/Aney/website">Source Code</a></p>
</footer>
</body>
</html>

30
includes/header.html
Unescape Escape View File

@ -1,30 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Aney's Homepage</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="/css/style.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="/favicon/favicon.ico">
<link rel="icon" href="/favicon/favicon.ico">
</head>
<body>
<header>
<div class="main">
<h1>Aney</h1>
<nav>
<ul>
<li><p><a href="/index.html">Home</a></p></li>
<li><p><a href="/blog.html">Blog</a></p></li>
<li><p><a href="/tech.html">Equipment</a></p></li>
<li><p><a href="https://www.youtube.com/user/AneyOC">Youtube</a></p></li>
<li><p><a href="https://www.github.com/aney">Github</a></p></li>
<li><p><a href="/donate.html">Support</a></p></li>
</ul>
</nav>
</div>
</header>

48
index.html
Unescape Escape View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="main.css">
<title>Aney's Network</title>
</head>
<body>
<header>
<h1>Aney's Network</h1>
<nav>
<p><a href="index.html">home</a></p>
<p><a href="blog.html">blog</a></p>
<p><a href="equipment.html">equipment</a></p>
<p><a href="onebag.html">onebag</a></p>
<p><a href="#">video</a></p>
<p><a href="#">git</a></p>
<p><a href="support.html">support</a></p>
<p><a href="files/cv.pdf">cv</a></p>
<hr/>
</nav>
</header>
<main>
<section>
<h1>I am the domain master</h1>
<p>The goal of this site is to be minimal, quick, small, and self-hosted. This includes the blog, video, and git repositories.</p>
</section>
<section id="blog-posts">
<h1>Recent Blog Posts</h1>
<ul>
<li><p>Jan 22 2021 - <a href="#">How does the internet broke??</a></p></li>
<li><p>Jan 22 2021 - <a href="#">What's a blog?</a></p></li>
<li><p><a href="#">More Posts...</a></p></li>
</ul>
</section>
</main>
<footer>
<hr/>
<p>Designed and written with <a href="https://danluu.com/web-bloat/">web bloat</a> in mind</p>
<p>Made with <a href="#">aSite</a> | <a href="https://github.com/Aney/website">Source Code</a></p>
</footer>
</body>
</html>

82
main.css
Unescape Escape View File

@ -0,0 +1,82 @@
@media (prefers-color-scheme: dark){
body {color:#fff;background:#000;}
a:link {color:#9cf;}
a:hover, a:visited:hover {color:#cef;}
a:visited {color:#9ce;}
}
@media print{
body{
max-width:none
}
}
body{
margin:0.2em auto;
max-width:40em;
padding:0 .62em;
font:1.2em/1.62 sans-serif;
}
h1,h2,h3 {
line-height:1.2;
}
header{
line-height: 1.2em;
}
header h1{
margin-bottom: 0;
}
a{
text-decoration: none;
}
nav p{
display: inline-block;
padding: 0;
margin: 0;
}
html, body {
height: 100%;
}
body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
background-image: url(images/logo.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 10em;
}
main{
flex: 1 0 auto;
}
ul{
padding-left: 0;
list-style-position: inside;
display: inline-block;
margin: 0;
}
ul p{
display: inline-block;
margin: 0.5em 0;
}
footer {
flex-shrink: 0;
}
footer p{
margin: 0;
}
.item{
display: inline-block;
width: 47%;
/*
background: red;
border: 1px solid black;
*/
vertical-align: top;
margin: 1%;
}

10
makepage.sh
Unescape Escape View File

@ -1,10 +0,0 @@
#!/bin/bash
# Build all Blogposts
# Build all the Pages
cat includes/header.html pages/$1.html includes/footer.html > www/$1.html
# Build Stylesheet, and minimise it
# Compress Images for page load, but keep the full image for download, etc

8
makeposts.sh
Unescape Escape View File

@ -1,8 +0,0 @@
#!/bin/bash
# Build all Blogposts
for filename in posts/*.md; do
filename= echo $filename | grep "[^\/]+(?=)$"
echo $filename
cat includes/header.html $filename includes/footer.html > blog/$filename.html
done

43
onebag.html
Unescape Escape View File

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="main.css">
<title>Aney's Network</title>
</head>
<body>
<header>
<h1>Aney's Network</h1>
<nav>
<p><a href="index.html">home</a></p>
<p><a href="blog.html">blog</a></p>
<p><a href="equipment.html">equipment</a></p>
<p><a href="onebag.html">onebag</a></p>
<p><a href="#">video</a></p>
<p><a href="#">git</a></p>
<p><a href="support.html">support</a></p>
<p><a href="files/cv.pdf">cv</a></p>
<hr/>
</nav>
</header>
<main>
<section>
<h1>Onebag and travel gear</h1>
<p>The gear I keep for my travels, mostly contained in a single bag.</p>
<p>Many items from my equipment page is also included in my onebag.</p>
</section>
<section id="equipment">
</section>
</main>
<footer>
<hr/>
<p>Designed and written with <a href="https://danluu.com/web-bloat/">web bloat</a> in mind</p>
<p>Made with <a href="#">aSite</a> | <a href="https://github.com/Aney/website">Source Code</a></p>
</footer>
</body>
</html>

15
pages/blog.html
Unescape Escape View File

@ -1,15 +0,0 @@
<section id="content" class="main">
<section>
<h2>March</h2>
<p><a href="blog/post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
<p><a href="blog/post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
<p><a href="blog/post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
<p><a href="blog/post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
</section>
<section>
<h2>February</h2>
<p><a href="blog/post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
<p><a href="blog/post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
</section>
</section>

23
pages/donate.html
Unescape Escape View File

@ -1,23 +0,0 @@
<section id="content" class="main">
<section>
<h2>Help me keep going</h2>
<p>I do not expect donations, and will keep doing what I need to, in order to continue what I do. Donatations are however greatly appreciated.</p>
<p>A one off, or recurring donation will help me:</p>
<ul>
<li><p>Keep up my websites</p></li>
<li><p>Make videos and other content</p></li>
<li><p>Work on open-source projects</p></li>
</ul>
</section>
<section>
<h2>Links and Addresses</h2>
<p>If you have decided to help me out, please donate with one of the links, or addresses below.</p>
<ul>
<li><p>Paypal: <a href="paypal.me/ItsAney">Here</a></p></li>
<li><p>Etherium: 0x72CDDc2260BFc1EaEf37d48c8Da6d96fFc05eb32</p></li>
<li><p>Bitcoin: 1EMExZpg8TUW2uq91v4c6mBYeRdzFNvkK4</p></li>
<li><p>BAT: If you use <a href="https://brave.com/ane496">Brave Browser</a>, tip with the built in button</p></li>
</ul>
</section>
</section>

48
pages/index.html
Unescape Escape View File

@ -1,48 +0,0 @@
<section id="content" class="home main">
<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>
</section>
<section>
<h2>I'm a "Computer Guy"</h2>
<p>And have been "professionally" for close to two years now, however I'm aware I know very little about the subject matter.</p>
</section>
<section>
<h2>I've been working towards simple living</h2>
<p>As around three years ago I realised I had far too much stuff, and it was causing lots of hidden stress. I took charge and cleared around 70 t-shirts from my wardrobe, and felt immediately better. After this I reduced my wallet's contents, and then stumbled accross Minimalism Youtube that I used to edumikate myself.</p>
</section>
<section>
<h2>My goal is to be F.I. and self sufficient</h2>
<p>So that I can live without the need of other outside sources, and more importantly, big corporations.</p>
</section>
<section class="content-list">
<section id="blog-list">
<h2>Check my Blog</h2>
<p>Full <a href="#">Blog</a> or <a href="#">RSS</a></p>
<ul>
<li><p><a href="#">Why did I switch to a Thinkpad?</a></p></li>
<li><p><a href="#">My minimalism journey</a></p></li>
<li><p><a href="#">Help fix the bloated web</a></p></li>
<li><p><a href="#">My development setup</a></p></li>
<li><p><a href="#">Remove social media</a></p></li>
</ul>
</section>
<section id="video-list">
<h2>Check my Videos</h2>
<p>Hosted on <a href="#">Youtube</a> and Updated when I see fit</p>
<ul>
<li><p><a href="#">Why did I switch to a Thinkpad?</a></p></li>
<li><p><a href="#">My minimalism journey</a></p></li>
<li><p><a href="#">Help fix the bloated web</a></p></li>
<li><p><a href="#">My development setup</a></p></li>
<li><p><a href="#">Remove social media</a></p></li>
</ul>
</section>
</section>
</section>

12
pages/post.html
Unescape Escape View File

@ -1,12 +0,0 @@
<section id="content" class="main">
<article>
<h2>Why Windows is ass</h2>
<h4>28/06/2020 By Aney</h4>
<p>Content, and bloggin system currently doesn't exit. It will however be very basic, and work well with RSS feeds</p>
<p>Tags can be filtered, and hopefully generate an RSS feed for specific, authors, tags, etc.</p>
</article>
<section>
<p><a href="#">Last Post: Why deez nuts is big</a></p>
<p><a href="#">On my mind, you stay onmamoind: Next Post</a></p>
</section>
</section>

96
pages/tech.html
Unescape Escape View File

@ -1,96 +0,0 @@
<section id="content" class="main">
<section>
<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>512GB EVO 970 NVME<p></li>
<li><p>120GB SSD</p></li>
<li><p>1TB HDD</p></li>
<li><p>Vega 64</p></li>
</ul>
</div>
<div class="item">
<h3>Microphone - Blue Yeti</h3>
<p>It's good, and it's cheap. I also use a microphone arm with it, and have thrown out the stand. Oop.</p>
</div>
<div class="item">
<h3>Peripherals</h3>
<p>The other stuff I use with my laptop/PC</p>
<ul>
<li><p>Thinkpad Dock</p></li>
<li><p>Razer Blackwidow Lite, Keyboard</p></li>
<li><p>Logitech MX Master, Wireless Mouse</p></li>
<li><p>BENQ Monitor. 1600x900, with a monitor stand.</p></li>
</ul>
</div>
<div class="item">
<h3>Phone</h3>
<p>I used a Huawei P8 Lite 2017. This is purely because it was cheap, and I could afford it. As long as a phone is usable, can be used as a hotspot, and has a solid battery life, that's good for me.</p>
</div>
</section>
<section>
<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>
</section>

15
posts/Why-did-I-switch-to-a-thinkpad.md
Unescape Escape View File

@ -1,15 +0,0 @@
# Because I could
Is that enough for you? It better be
# Actual Reasons
- Cool
- Good
- Epic
# Macbook vs Thinkpad
Macbook is lighter, feels slightly better, and has 5x the battery life, and a way better screen, and speakers...
Thinkpad has a nice keyboard, and yea

13
posts/making-my-website.md
Unescape Escape View File

@ -1,13 +0,0 @@
I decided that I wanted to be platform independant, with no-one pulling the strings on what I could, or couldn't say/do.
I'd been easing off the greater web for a while, but kept coming back for some reason or another. Most of the time being to check up on someone, or something; To see if there were any cools videos, etc.
My domain name had been sitting vacant for quite some time, and after some *woke* content from a few youtubers, and blogs I was reading at the time. I decided to start up again.
# Starting out
I've built websites before, and I was pretty good at making visually appealing websites with CSS. I wanted to focus more on content this time around, like the web should be focussed on.
From this decision I built a website with a slight focus on semantic markup, as it was a pre-release after all. This site was highly influenced by the design of lukesmith.xyz, you can see that itteration of the site (here)[#link]. I then took it upon myself to research a little about semantic markup, good minimal css practises, and stumble upon *web bloat*, which made me double down on the decision to make a content focussed, small, easily accessible site.
For example, I want as many people to be able to access and browse my website as possible, regardless of where they live, what their internet is like, and such.

1
style.sh
Unescape Escape View File

@ -1 +0,0 @@
cat css/meyerweb_reset.css css/stylesheet.css css/mobile.css > www/css/style.css

42
support.html
Unescape Escape View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="main.css">
<title>Aney's Network</title>
</head>
<body>
<header>
<h1>Aney's Network</h1>
<nav>
<p><a href="index.html">home</a></p>
<p><a href="blog.html">blog</a></p>
<p><a href="equipment.html">equipment</a></p>
<p><a href="onebag.html">onebag</a></p>
<p><a href="#">video</a></p>
<p><a href="#">git</a></p>
<p><a href="support.html">support</a></p>
<p><a href="files/cv.pdf">cv</a></p>
<hr/>
</nav>
</header>
<main>
<section>
<h1>Support</h1>
<p>Pay me.</p>
</section>
<section id="equipment">
</section>
</main>
<footer>
<hr/>
<p>Designed and written with <a href="https://danluu.com/web-bloat/">web bloat</a> in mind</p>
<p>Made with <a href="#">aSite</a> | <a href="https://github.com/Aney/website">Source Code</a></p>
</footer>
</body>
</html>

52
www/blog.html
Unescape Escape View File

@ -1,52 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Aney's Homepage</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="/css/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<header>
<div class="main">
<h1>Aney</h1>
<nav>
<ul>
<li><p><a href="/index.html">Home</a></p></li>
<li><p><a href="/blog.html">Blog</a></p></li>
<li><p><a href="/tech.html">Equipment</a></p></li>
<li><p><a href="https://www.youtube.com/user/AneyOC">Youtube</a></p></li>
<li><p><a href="https://www.github.com/aney">Github</a></p></li>
<li><p><a href="/donate.html">Support</a></p></li>
</ul>
</nav>
</div>
</header>
<section id="content" class="main">
<section>
<h2>March</h2>
<p><a href="blog/post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
<p><a href="blog/post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
<p><a href="blog/post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
<p><a href="blog/post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
</section>
<section>
<h2>February</h2>
<p><a href="blog/post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
<p><a href="blog/post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
</section>
</section>
<footer>
<p>Designed and written with <a href="https://danluu.com/web-bloat/">web bloat</a> in mind.</p>
<p>Made with <a href="#">aSite</a> | <a href="https://github.com/Aney/website">Source Code</a></p>
</footer>
</body>
</html>

49
www/blog/post.html
Unescape Escape View File

@ -1,49 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Aney's Homepage</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="/css/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<header>
<div class="main">
<h1>Aney</h1>
<nav>
<ul>
<li><p><a href="/index.html">Home</a></p></li>
<li><p><a href="/blog.html">Blog</a></p></li>
<li><p><a href="/tech.html">Equipment</a></p></li>
<li><p><a href="https://www.youtube.com/user/AneyOC">Youtube</a></p></li>
<li><p><a href="https://www.github.com/aney">Github</a></p></li>
<li><p><a href="/donate.html">Support</a></p></li>
</ul>
</nav>
</div>
</header>
<section id="content" class="main">
<article>
<h2>Why Windows is ass</h2>
<h4>28/06/2020 By Aney</h4>
<p>Content, and bloggin system currently doesn't exit. It will however be very basic, and work well with RSS feeds</p>
<p>Tags can be filtered, and hopefully generate an RSS feed for specific, authors, tags, etc.</p>
</article>
<section>
<p><a href="#">Last Post: Why deez nuts is big</a></p>
<p><a href="#">On my mind, you stay onmamoind: Next Post</a></p>
</section>
</section>
<footer>
<p>Designed and written with <a href="https://danluu.com/web-bloat/">web bloat</a> in mind.</p>
<p>Made with <a href="#">aSite</a> | <a href="https://github.com/Aney/website">Source Code</a></p>
</footer>
</body>
</html>

226
www/css/style.css
Unescape Escape View File

@ -1,226 +0,0 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html{
overflow-y: scroll; /* Invalid? But it works */
font-size: 1em;
}
html,body{
background: #282828;
/* background: #ECEFF4; /* Nord */
font-family: 'Open Sans', sans-serif;
}
.main{
max-width: 960px;
padding: 0 1%;
margin: 0 auto;
}
/* Text */
h1, h2, h3, h4, h5{
color: #98971a;
/* color: #3B4252; /* Nord */
font-weight: bold;
margin: 0.25em 0;
}
p{
color: #a89984;
/* color: #3B4252; /* Nord */
margin: 0.5em 0;
}
ul p{
margin: 0.1em 0;
}
h1{
font-size: 1.5em;
text-align: center;
margin-bottom: 1em;
}
h2{
font-size: 1em;
}
h3{
font-size: 1em;
}
p{
line-height: 1.2em;
}
/* Links */
a{
text-decoration: none;
color: #458588;
}
a:hover{
color: #b16286;
}
.anchor, .anchor:hover{
color: #98971a;
cursor: default;
}
/* Lists */
ul{
}
/* Positions */
section, article{
margin-bottom: 2em;
}
.item{
margin-left: 1em;
margin-bottom: 1em;
}
/* Stuff */
.home h2{
font-size: 1em;
}
/* Footer */
footer{
margin: 0 auto;
text-align: center;
margin-bottom: 0.5em;
}
footer p{
margin: 0;
line-height: 1em;
}
/* Header */
header{
padding: 0.5em 0;
margin-bottom: 2em;
background: #98971a;
}
header *{
vertical-align: middle;
}
header h1{
display: inline-block;
text-align: left;
width: 18.5%;
margin: 0;
font-size: 1.2em;
color: #282828;
}
/* Navigation */
nav{
text-align: right;
display: inline-block;
width: 80%;
}
nav ul{
display: inline-block;
margin-left: 0;
list-style-type: none;
}
nav ul li p{
display: inline-block;
}
nav ul li{
display: inline-block;
}
nav a{
color: #282828;
}
nav a:hover{
color: #d78821;
}
.content{
padding-bottom: 2em;
}
.content-list section{
width: 49.5%;
display: inline-block;
vertical-align: top;
margin-bottom: 0;
}
/* cc241d red
d79921 yellow
689d6a aqua
458588 blue*
purple b16286 */
@media screen and (max-device-width: 480px){
.main{
}
h1,h2,h3,h4,h5,p{
text-align: center;
}
.content-list section{
width: 100%;
}
}

62
www/donate.html
Unescape Escape View File

@ -1,62 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Aney's Homepage</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="/css/style.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="/favicon/favicon.ico">
<link rel="icon" href="/favicon/favicon.ico">
</head>
<body>
<header>
<div class="main">
<h1>Aney</h1>
<nav>
<ul>
<li><p><a href="/index.html">Home</a></p></li>
<li><p><a href="/blog.html">Blog</a></p></li>
<li><p><a href="/tech.html">Equipment</a></p></li>
<li><p><a href="https://www.youtube.com/user/AneyOC">Youtube</a></p></li>
<li><p><a href="https://www.github.com/aney">Github</a></p></li>
<li><p><a href="/donate.html">Support</a></p></li>
</ul>
</nav>
</div>
</header>
<section id="content" class="main">
<section>
<h2>Help me keep going</h2>
<p>I do not expect donations, and will keep doing what I need to, in order to continue what I do. Donatations are however greatly appreciated.</p>
<p>A one off, or recurring donation will help me:</p>
<ul>
<li><p>Keep up my websites</p></li>
<li><p>Make videos and other content</p></li>
<li><p>Work on open-source projects</p></li>
</ul>
</section>
<section>
<h2>Links and Addresses</h2>
<p>If you have decided to help me out, please donate with one of the links, or addresses below.</p>
<ul>
<li><p>Paypal: <a href="paypal.me/ItsAney">Here</a></p></li>
<li><p>Etherium: 0x72CDDc2260BFc1EaEf37d48c8Da6d96fFc05eb32</p></li>
<li><p>Bitcoin: 1EMExZpg8TUW2uq91v4c6mBYeRdzFNvkK4</p></li>
<li><p>BAT: If you use <a href="https://brave.com/ane496">Brave Browser</a>, tip with the built in button</p></li>
</ul>
</section>
</section>
<footer>
<p>Designed and written with <a href="https://danluu.com/web-bloat/">web bloat</a> in mind.</p>
<p>Made with <a href="#">aSite</a> | <a href="https://github.com/Aney/website">Source Code</a></p>
</footer>
</body>
</html>

39
www/equipment.html
Unescape Escape View File

@ -1,39 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Aney's Homepage</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="/css/style.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="/favicon/favicon.ico">
<link rel="icon" href="/favicon/favicon.ico">
</head>
<body>
<header>
<div class="main">
<h1>Aney</h1>
<nav>
<ul>
<li><p><a href="/index.html">Home</a></p></li>
<li><p><a href="/blog.html">Blog</a></p></li>
<li><p><a href="/tech.html">Equipment</a></p></li>
<li><p><a href="https://www.youtube.com/user/AneyOC">Youtube</a></p></li>
<li><p><a href="https://www.github.com/aney">Github</a></p></li>
<li><p><a href="/donate.html">Support</a></p></li>
</ul>
</nav>
</div>
</header>
<footer>
<p>Designed and written with <a href="https://danluu.com/web-bloat/">web bloat</a> in mind.</p>
<p>Made with <a href="#">aSite</a> | <a href="https://github.com/Aney/website">Source Code</a></p>
</footer>
</body>
</html>

BIN
www/favicon/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.5 KiB

1
www/files/cv.pdf
Unescape Escape View File

@ -1 +0,0 @@
files/cv.pdf

87
www/index.html
Unescape Escape View File

@ -1,87 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Aney's Homepage</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="/css/style.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="/favicon/favicon.ico">
<link rel="icon" href="/favicon/favicon.ico">
</head>
<body>
<header>
<div class="main">
<h1>Aney</h1>
<nav>
<ul>
<li><p><a href="/index.html">Home</a></p></li>
<li><p><a href="/blog.html">Blog</a></p></li>
<li><p><a href="/tech.html">Equipment</a></p></li>
<li><p><a href="https://www.youtube.com/user/AneyOC">Youtube</a></p></li>
<li><p><a href="https://www.github.com/aney">Github</a></p></li>
<li><p><a href="/donate.html">Support</a></p></li>
</ul>
</nav>
</div>
</header>
<section id="content" class="home main">
<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>
</section>
<section>
<h2>I'm a "Computer Guy"</h2>
<p>And have been "professionally" for close to two years now, however I'm aware I know very little about the subject matter.</p>
</section>
<section>
<h2>I've been working towards simple living</h2>
<p>As around three years ago I realised I had far too much stuff, and it was causing lots of hidden stress. I took charge and cleared around 70 t-shirts from my wardrobe, and felt immediately better. After this I reduced my wallet's contents, and then stumbled accross Minimalism Youtube that I used to edumikate myself.</p>
</section>
<section>
<h2>My goal is to be F.I. and self sufficient</h2>
<p>So that I can live without the need of other outside sources, and more importantly, big corporations.</p>
</section>
<section class="content-list">
<section id="blog-list">
<h2>Check my Blog</h2>
<p>Full <a href="#">Blog</a> or <a href="#">RSS</a></p>
<ul>
<li><p><a href="#">Why did I switch to a Thinkpad?</a></p></li>
<li><p><a href="#">My minimalism journey</a></p></li>
<li><p><a href="#">Help fix the bloated web</a></p></li>
<li><p><a href="#">My development setup</a></p></li>
<li><p><a href="#">Remove social media</a></p></li>
</ul>
</section>
<section id="video-list">
<h2>Check my Videos</h2>
<p>Hosted on <a href="#">Youtube</a> and Updated when I see fit</p>
<ul>
<li><p><a href="#">Why did I switch to a Thinkpad?</a></p></li>
<li><p><a href="#">My minimalism journey</a></p></li>
<li><p><a href="#">Help fix the bloated web</a></p></li>
<li><p><a href="#">My development setup</a></p></li>
<li><p><a href="#">Remove social media</a></p></li>
</ul>
</section>
</section>
</section>
<footer>
<p>Designed and written with <a href="https://danluu.com/web-bloat/">web bloat</a> in mind.</p>
<p>Made with <a href="#">aSite</a> | <a href="https://github.com/Aney/website">Source Code</a></p>
</footer>
</body>
</html>

135
www/tech.html
Unescape Escape View File

@ -1,135 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Aney's Homepage</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="/css/style.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="/favicon/favicon.ico">
<link rel="icon" href="/favicon/favicon.ico">
</head>
<body>
<header>
<div class="main">
<h1>Aney</h1>
<nav>
<ul>
<li><p><a href="/index.html">Home</a></p></li>
<li><p><a href="/blog.html">Blog</a></p></li>
<li><p><a href="/tech.html">Equipment</a></p></li>
<li><p><a href="https://www.youtube.com/user/AneyOC">Youtube</a></p></li>
<li><p><a href="https://www.github.com/aney">Github</a></p></li>
<li><p><a href="/donate.html">Support</a></p></li>
</ul>
</nav>
</div>
</header>
<section id="content" class="main">
<section>
<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>512GB EVO 970 NVME<p></li>
<li><p>120GB SSD</p></li>
<li><p>1TB HDD</p></li>
<li><p>Vega 64</p></li>
</ul>
</div>
<div class="item">
<h3>Microphone - Blue Yeti</h3>
<p>It's good, and it's cheap. I also use a microphone arm with it, and have thrown out the stand. Oop.</p>
</div>
<div class="item">
<h3>Peripherals</h3>
<p>The other stuff I use with my laptop/PC</p>
<ul>
<li><p>Thinkpad Dock</p></li>
<li><p>Razer Blackwidow Lite, Keyboard</p></li>
<li><p>Logitech MX Master, Wireless Mouse</p></li>
<li><p>BENQ Monitor. 1600x900, with a monitor stand.</p></li>
</ul>
</div>
<div class="item">
<h3>Phone</h3>
<p>I used a Huawei P8 Lite 2017. This is purely because it was cheap, and I could afford it. As long as a phone is usable, can be used as a hotspot, and has a solid battery life, that's good for me.</p>
</div>
</section>
<section>
<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>
</section>
<footer>
<p>Designed and written with <a href="https://danluu.com/web-bloat/">web bloat</a> in mind.</p>
<p>Made with <a href="#">aSite</a> | <a href="https://github.com/Aney/website">Source Code</a></p>
</footer>
</body>
</html>
Write Preview
Loading…
Cancel
Save