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

Changes to styling and content

Browse Source
release/0.3.0
Aney 6 years ago
parent 8ad9fa97b6
commit db6979d061
7 changed files with 294 additions and 265 deletions
Show Stats Download Patch File Download Diff File

67
blog.html
Unescape Escape View File

@ -1,63 +1,50 @@
<!DOCTYPE html>
<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">
<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>
<h1>Aney's Blog</h1>
<div class="main">
<h1>Aney</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="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.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>
<li><p><a href="donate.html">Support</a></p></li>
</ul>
</nav>
</div>
</header>
<section id="content">
<article>
<h2>Title</h2>
<h4>Author: Aney</h4>
<h4>Date: 28/06/2020</h4>
<h4>Tags: Linux Essentialism Personal Cooking</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 id="content" class="main">
<section>
<h2>March</h2>
<p><a href="post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
<p><a href="post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
<p><a href="post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
<p><a href="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="post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
<p><a href="post.html">28/06/2020 Blog title here, look it's here, the heading of the post</a></p>
</section>
</section>
<footer>
<p>aney.co.uk</p>
<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>

119
css/stylesheet.css
Unescape Escape View File

@ -1,51 +1,25 @@
html{
overflow-y: scroll; /* Invalid? But it works */
font-size: 1em;
}
html,body{
background: #282828;
max-width: 960px;
margin: 0 auto;
margin-top: 1em;
font-family: courier monospace;
padding: 0 0.5em;
}
/* Navigation */
nav{
margin: 0 auto;
text-align: center;
margin-bottom: 2em;
width: 80%;
font-family: 'Open Sans', sans-serif;
}
nav ul{
display: inline-block;
margin-left: 0;
margin-right: 0.5em;
list-style-type: none;
}
nav ul li p{
color: #98971a;
display: inline-block;
font-size: 1.1em;
}
nav ul li{
display: inline-block;
}
/* Footer */
footer{
.main{
max-width: 960px;
padding: 0 1%;
margin: 0 auto;
text-align: center;
}
/* Text */
h1, h2, h3, h4, h5{
color: #98971a;
font-weight: bold; margin: 0.25em 0 0.25em 0;}
font-weight: bold;
margin: 0.25em 0;
}
p{
color: #a89984;
@ -63,7 +37,7 @@ h1{
}
h2{
font-size: 1.5em;
font-size: 1.4em;
}
h3{
@ -91,12 +65,10 @@ a:hover{
/* Lists */
ul{
margin-left: 1em;
list-style-type: circle; /* square */
color: #d79921;
}
/* Positions */
section{
section, article{
margin-bottom: 2em;
}
@ -104,6 +76,75 @@ section{
margin-left: 1em;
margin-bottom: 1em;
}
/* Stuff */
.home h2{
font-size: 1em;
}
/* Footer */
footer{
margin: 0 auto;
text-align: center;
}
/* 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-list section{
width: 49.5%;
display: inline-block;
vertical-align: top;
margin-bottom: 0;
}
/* cc241d red
d79921 yellow
689d6a aqua

43
donate.html
Unescape Escape View File

@ -1,7 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<title>Donate</title>
<meta charset="UTF-8">
<title>Aney's Homepage</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="css/meyerweb_reset.css" type="text/css" rel="stylesheet">
<link href="css/stylesheet.css" type="text/css" rel="stylesheet">
</head>
@ -9,43 +12,22 @@
<body>
<header>
<h1>Donate</h1>
<div class="main">
<h1>Aney</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="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.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>
<li><p><a href="donate.html">Support</a></p></li>
</ul>
</nav>
</div>
</header>
<section id="content">
<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>
@ -68,7 +50,8 @@
</section>
<footer>
<p>aney.co.uk</p>
<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>

7
includes/footer.html
Unescape Escape View File

@ -1,4 +1,9 @@
<footer>
<p>aney.co.uk</p>
<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>

13
includes/header.html
Unescape Escape View File

@ -4,22 +4,25 @@
<head>
<meta charset="UTF-8">
<title>Aney's Homepage</title>
<link href="css/meyerweb_reset.css" type="text/css" rel="stylesheet">
<link href="css/stylesheet.css" type="text/css" rel="stylesheet">
<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="tech.html#equipment">Equipment</a></p></li>
<li><p><a href="blog.html">Blog</a></p></li>
<li><p><a href="donate.html">Donate</a></p></li>
<li><p><a href="donate.html">Support</a></p></li>
</ul>
</nav>
</div>
</header>

75
index.html
Unescape Escape View File

@ -1,51 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Aney's Homepage</title>
<link href="css/meyerweb_reset.css" type="text/css" rel="stylesheet">
<link href="css/stylesheet.css" type="text/css" rel="stylesheet">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="css/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<header>
<h1>Aney's homepage</h1>
<div class="main">
<h1>Aney</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="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.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>
<li><p><a href="donate.html">Support</a></p></li>
</ul>
</nav>
</div>
</header>
<section id="content">
<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>
@ -53,22 +34,50 @@
<section>
<h2>I'm a "Computer Guy"</h2>
<p>And have been "professionally" for the last 3 years, however I'm aware I know very little about the subject matter.</p>
<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 3 or so years ago I realised I had far too much stuff, and if was, without my knowing causing me lots of stress. I took charge and cleared around 70 t-shirts from my wardrobe, and I felt a better. After this I reduced my wallet's contents, and then stumbled accross Minimalism that has changed how I view things, for the better.</p>
<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>aney.co.uk</p>
<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>

65
tech.html
Unescape Escape View File

@ -1,7 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<title>Software and Equipment</title>
<meta charset="UTF-8">
<title>Aney's Homepage</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="css/meyerweb_reset.css" type="text/css" rel="stylesheet">
<link href="css/stylesheet.css" type="text/css" rel="stylesheet">
</head>
@ -9,42 +12,22 @@
<body>
<header>
<h1>Software and Equipment</h1>
<div class="main">
<h1>Aney</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="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.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>
<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>
@ -71,13 +54,29 @@
</ul>
</div>
<h3>Microphone</h3>
<h3>Webcam</h3>
<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>Razer Blackwidow Lite, Keyboard</p></li>
<li><p>Logitech MX Master, Wireless Mouse</p></li>
<li><p>Any old earbuds, so long as they sound okay.</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 id="content">
<section>
<h2><a id="software" class="anchor">Software</a></h2>
<div class="item">
@ -121,9 +120,11 @@
</div>
</section>
</section>
<footer>
<p>aney.co.uk</p>
<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>

Write Preview
Loading…
Cancel
Save