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;
}
}

1
about.js → about/about.js
View file

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

16
about.html → about/index.html
View file

@ -7,16 +7,22 @@
<meta name="description" content="A brief biography" /> <meta name="description" content="A brief biography" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<!-- Place favicon.ico in the root directory --> <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="/global.css" rel="stylesheet" />
<link href="/about.css" rel="stylesheet" /> <link href="/about/about.css" rel="stylesheet" />
<link href="/header.css" rel="stylesheet" /> <link href="/header.css" rel="stylesheet" />
<script type="text/javascript" src="/loadin.js"></script> <script type="text/javascript" src="/loadin.js"></script>
<script type="text/javascript" src="/about.js"></script> <script type="text/javascript" src="/about/about.js"></script>
</head> </head>
<body onload="loadDependencies()"> <body onload="loadDependencies()">
<header id="header"></header> <header id="header"></header>
I'm just a girl! <article>I'm just a girl!</article>
<footer id="footer"></footer>
</body> </body>
</html> </html>