From 9505282ff60f84292ff0ca5ddfb3b206a3829714 Mon Sep 17 00:00:00 2001 From: nathan Date: Tue, 16 Jun 2020 21:10:28 +0100 Subject: [PATCH] Bare beginnings of the website, including a README.md for reference --- README.md | 32 ++++++++++++++++++ css/meyerweb_reset.css | 48 ++++++++++++++++++++++++++ css/stylesheet.css | 68 +++++++++++++++++++++++++++++++++++++ files/cv.pdf | 0 includes/header.html | 41 ++++++++++++++++++++++ index.html | 77 ++++++++++++++++++++++++++++++++++++++++++ tech.html | 61 +++++++++++++++++++++++++++++++++ 7 files changed, 327 insertions(+) create mode 100644 README.md create mode 100644 css/meyerweb_reset.css create mode 100644 css/stylesheet.css create mode 100644 files/cv.pdf create mode 100644 includes/header.html create mode 100644 index.html create mode 100644 tech.html diff --git a/README.md b/README.md new file mode 100644 index 0000000..5640fcb --- /dev/null +++ b/README.md @@ -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. diff --git a/css/meyerweb_reset.css b/css/meyerweb_reset.css new file mode 100644 index 0000000..e29c0f5 --- /dev/null +++ b/css/meyerweb_reset.css @@ -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; +} diff --git a/css/stylesheet.css b/css/stylesheet.css new file mode 100644 index 0000000..0f3ea6c --- /dev/null +++ b/css/stylesheet.css @@ -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 */ diff --git a/files/cv.pdf b/files/cv.pdf new file mode 100644 index 0000000..e69de29 diff --git a/includes/header.html b/includes/header.html new file mode 100644 index 0000000..a9736dc --- /dev/null +++ b/includes/header.html @@ -0,0 +1,41 @@ +
+

Aney's homepage

+ +
+ diff --git a/index.html b/index.html new file mode 100644 index 0000000..c604fc9 --- /dev/null +++ b/index.html @@ -0,0 +1,77 @@ + + + + Aney's Homepage + + + + + + +
+

Aney's homepage

+ +
+ +
+

I'm Aney.

+

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.

+
+ +
+

I'm a "Computer Guy"

+

And have been "professionally" for the last 3 years, however I'm aware I know very little about the subject matter.

+
+ +
+

I've been working towards simple living

+

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.

+
+ +
+

My goal is to be F.I. and self sufficient

+

+
+ + + + + diff --git a/tech.html b/tech.html new file mode 100644 index 0000000..8e0d313 --- /dev/null +++ b/tech.html @@ -0,0 +1,61 @@ + + + + Software and Equipment + + + + + + +
+

Software and Equipment

+ +
+ +
+

Equipment

+
+ +
+

Software

+
+ + +