AprilEaton/Personal-Webpage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Moving about into its own directory for better organization

Browse source
This commit is contained in:
April Eaton 2025-12-08 19:04:52 +01:00
parent 9fe3597c6f
commit 25dda4dd8b
3 changed files with 29 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

17
about/about.css Normal file
View file

@ -0,0 +1,17 @@
body {
li {
/* list-style-type: none; */
display: flex;
align-items: center;
img {
height: 1rem;
margin: 0.2rem;
}
}
a {
font-style: normal;
text-decoration: none;
}
}

4
about/about.js Normal file
View file

@ -0,0 +1,4 @@
function loadDependencies() {
loadHTML("header", "/header.html");
loadHTML("footer", "/footer/footer.html");
}

28
about/index.html Normal file
View file

@ -0,0 +1,28 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>About Me</title>
<meta name="description" content="A brief biography" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Radio+Canada:ital,wght@0,300..700;1,300..700&display=swap"
rel="stylesheet"
/>
<link href="/global.css" rel="stylesheet" />
<link href="/about/about.css" rel="stylesheet" />
<link href="/header.css" rel="stylesheet" />
<script type="text/javascript" src="/loadin.js"></script>
<script type="text/javascript" src="/about/about.js"></script>
</head>
<body onload="loadDependencies()">
<header id="header"></header>
<article>I'm just a girl!</article>
<footer id="footer"></footer>
</body>
</html>