Added start of page.

This commit is contained in:
Andrew Lalis 2023-06-17 22:16:00 +02:00
parent 79c83304ed
commit 30b7c39b19
4 changed files with 55 additions and 1 deletions

7
README.md Normal file
View File

@ -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.

BIN
images/freespeech_now.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -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>

3
style.css Normal file
View File

@ -0,0 +1,3 @@
article {
max-width: 50ch;
}