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