Bare beginnings of the website, including a README.md for reference
commit
9505282ff6
@ -0,0 +1,32 @@
|
|||||||
|
# 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
|
||||||
|
to create this, but with a focus on content rather than "design".
|
||||||
|
|
||||||
|
## Semantic and Speed
|
||||||
|
|
||||||
|
My goal for this is to convey everything I want; all whilst keeping
|
||||||
|
the website semantic, accessable, and snappy
|
||||||
|
|
||||||
|
## To Do
|
||||||
|
|
||||||
|
- Core CSS
|
||||||
|
- HTML pages for:
|
||||||
|
- About me
|
||||||
|
- Experience
|
||||||
|
- Software I use
|
||||||
|
- Projects
|
||||||
|
- Books and recommendations
|
||||||
|
- Etc.
|
||||||
|
- Make the text readable
|
||||||
|
- Validation of HTML
|
||||||
|
- Liquid Layout
|
||||||
|
- Speed testing and improvements
|
||||||
|
|
||||||
|
### 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.
|
||||||
@ -0,0 +1,48 @@
|
|||||||
|
/* 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;
|
||||||
|
}
|
||||||
@ -0,0 +1,68 @@
|
|||||||
|
html,body{
|
||||||
|
background: #282828;
|
||||||
|
width: 960px;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 1em;
|
||||||
|
font-family: courier monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Navigation */
|
||||||
|
nav{
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
width: 75%;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul{
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul li p{
|
||||||
|
color: #98971a;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul li{
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Text */
|
||||||
|
h1, h2, h3, h4, h5{ color: #98971a; font-weight: bold; margin: 0.25em 0 0.25em 0;}
|
||||||
|
p{ color: #ededed; }
|
||||||
|
|
||||||
|
h1{
|
||||||
|
font-size: 2em;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2{
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
p{
|
||||||
|
line-height: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Links */
|
||||||
|
a{
|
||||||
|
text-decoration: none;
|
||||||
|
color: #458588;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover{
|
||||||
|
color: #b16286;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Positions */
|
||||||
|
section{
|
||||||
|
margin-bottom: 3em;
|
||||||
|
}
|
||||||
|
/* cc241d red
|
||||||
|
d79921 yellow
|
||||||
|
689d6a aqua
|
||||||
|
458588 blue*
|
||||||
|
purple b16286 */
|
||||||
@ -0,0 +1,41 @@
|
|||||||
|
<header>
|
||||||
|
<h1>Aney's homepage</h1>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<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>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>
|
||||||
|
</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>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>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
@ -0,0 +1,77 @@
|
|||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<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">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<header>
|
||||||
|
<h1>Aney's homepage</h1>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<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>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>
|
||||||
|
</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>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>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<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 the last 3 years, 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>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>My goal is to be F.I. and self sufficient</h2>
|
||||||
|
<p></p>
|
||||||
|
</section>
|
||||||
|
<footer>
|
||||||
|
<p>aney.co.uk</p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,61 @@
|
|||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Software and Equipment</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>Software and Equipment</h1>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<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>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>
|
||||||
|
</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>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>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2><a href="#equipment">Equipment</a></h2>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2><a href="#software">Software</a></h2>
|
||||||
|
</section>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue