Added start of page.
This commit is contained in:
parent
79c83304ed
commit
30b7c39b19
|
@ -0,0 +1,7 @@
|
|||
# Andrew's Homepage
|
||||
|
||||
This project contains my hand-written HTML homepage for the world-wide-web.
|
||||
|
||||
It's meant to be deployed as a simple set of files on a server, and doesn't
|
||||
use anything fancy beyond what can be done with a normal text editor and an
|
||||
HTTP file server.
|
Binary file not shown.
After Width: | Height: | Size: 11 KiB |
46
index.html
46
index.html
|
@ -1,8 +1,52 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>Andrew's Homepage</title>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="description" content="The Homepage of Andrew Lalis."/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
<!-- <link rel="stylesheet" href="style.css" type="text/css"/> -->
|
||||
<style>
|
||||
article {
|
||||
max-width: 50ch;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
Hello
|
||||
<main>
|
||||
<h1 style="text-align: center;">Andrew's Homepage</h1>
|
||||
|
||||
<nav style="text-align: center;">
|
||||
<a href="https://github.com/andrewlalis">GitHub</a>
|
||||
<a href="https://www.linkedin.com/in/andrew-lalis/">LinkedIn</a>
|
||||
<a href="https://www.youtube.com/channel/UC9X4mx6-ObPUB6-ud2IGAFQ">YouTube</a>
|
||||
<a href="contact">Contact</a>
|
||||
</nav>
|
||||
|
||||
<hr/>
|
||||
|
||||
<article>
|
||||
<h2>About Andrew</h2>
|
||||
<p>
|
||||
Andrew (the author of this site) is a software engineer by education and profession, but I also do a few other things in my spare time. That includes some combination of running, lifting, computer gaming, and cooking.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h2>About this Site</h2>
|
||||
<p>
|
||||
This page was written by Andrew Lalis, to be his personal website on the world-wide-web. It's got all the usual stuff that a personal site should have, like important links and contact details, plus a little series of articles I've written about my experiences with programming, lifting, gaming, or anything else of interest.
|
||||
</p>
|
||||
<p>
|
||||
As you can see, I'm a fan of the <em>plain HTML is responsive</em> school of thought. This website is intentionally very simple in its structure, styling, and interactivity. This is because I believe that the vast majority of the internet's most popular websites sacrifice usability and accessibility to make a flashier product.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
Loading…
Reference in New Issue