From 9fe3597c6f87d987f23ccc71a8c26d7f6ab6ff6d Mon Sep 17 00:00:00 2001 From: April Eaton Date: Mon, 8 Dec 2025 19:04:24 +0100 Subject: [PATCH] Moving /links and populating it with some basic content --- footer/footer.css | 1 + global.css | 7 +++++++ header.css | 1 + links.css | 17 ----------------- links.html | 29 ---------------------------- links.js | 3 --- links/index.html | 40 +++++++++++++++++++++++++++++++++++++++ links/links.css | 45 ++++++++++++++++++++++++++++++++++++++++++++ links/links.js | 5 +++++ links/portfolio.html | 37 ++++++++++++++++++++++++++++++++++++ links/protfolio.html | 13 +++++++++++++ 11 files changed, 149 insertions(+), 49 deletions(-) delete mode 100644 links.css delete mode 100644 links.html delete mode 100644 links.js create mode 100644 links/index.html create mode 100644 links/links.css create mode 100644 links/links.js create mode 100644 links/portfolio.html create mode 100644 links/protfolio.html diff --git a/footer/footer.css b/footer/footer.css index b57bc0b..3fcf46d 100644 --- a/footer/footer.css +++ b/footer/footer.css @@ -8,4 +8,5 @@ footer { border-radius: 0.5rem; border-width: 2px; background: linear-gradient(15deg, #dc8a78, #f2d5cf); + width: calc(100% - 0.5rem - 10px); } diff --git a/global.css b/global.css index 98d89e7..627cc8c 100644 --- a/global.css +++ b/global.css @@ -15,12 +15,19 @@ body { grid-template-columns: 100%; min-height: 100svh; + min-width: 100%; + + justify-items: center; a { color: #232634; font-style: italic; } + ul { + padding-left: 0px; + } + li { img { height: 1rem; diff --git a/header.css b/header.css index 733aba0..8075637 100644 --- a/header.css +++ b/header.css @@ -5,6 +5,7 @@ header { border-radius: 0.5rem; border-width: 2px; background: linear-gradient(15deg, #f2d5cf, #dc8a78); + width: calc(100% - 0.5rem - 10px); .logo { height: 1rem; diff --git a/links.css b/links.css deleted file mode 100644 index be34d85..0000000 --- a/links.css +++ /dev/null @@ -1,17 +0,0 @@ -body { - li { - /* list-style-type: none; */ - display: flex; - align-items: center; - - img { - height: 1rem; - margin: 0.2rem; - } - } - - a { - font-style: normal; - text-decoration: none; - } -} diff --git a/links.html b/links.html deleted file mode 100644 index 73e63a0..0000000 --- a/links.html +++ /dev/null @@ -1,29 +0,0 @@ - - - - - - Personal Links - - - - - - - - - - - - - - - - - diff --git a/links.js b/links.js deleted file mode 100644 index 5f598e9..0000000 --- a/links.js +++ /dev/null @@ -1,3 +0,0 @@ -function loadDependencies() { - loadHTML("header", "/header.html"); -} diff --git a/links/index.html b/links/index.html new file mode 100644 index 0000000..d9eefec --- /dev/null +++ b/links/index.html @@ -0,0 +1,40 @@ + + + + + + Personal Links + + + + + + + + + + + + + + + +
+ +
+
+ + + diff --git a/links/links.css b/links/links.css new file mode 100644 index 0000000..c9a6b32 --- /dev/null +++ b/links/links.css @@ -0,0 +1,45 @@ +body { + article { + margin: 0.5rem; + padding: 0.5rem; + width: 40rem; + } +} + +#find-me { + li { + list-style-type: none; + display: flex; + align-items: center; + + img { + height: 1rem; + margin: 0.2rem; + } + } + + a { + font-style: normal; + text-decoration: none; + } +} + +#portfolio { + li { + display: flex; + flex-direction: column; + + margin: 5px; + padding: 0.25rem; + padding-left: 0.75rem; + padding-right: 0.75rem; + border-style: solid; + border-radius: 0.5rem; + border-width: 2px; + background: linear-gradient(15deg, #f2d5cf, #dc8a78); + } + + a { + font-style: normal; + } +} diff --git a/links/links.js b/links/links.js new file mode 100644 index 0000000..36d2507 --- /dev/null +++ b/links/links.js @@ -0,0 +1,5 @@ +function loadDependencies() { + loadHTML("header", "/header.html"); + loadHTML("footer", "/footer/footer.html"); + loadHTML("portfolio", "/links/portfolio.html"); +} diff --git a/links/portfolio.html b/links/portfolio.html new file mode 100644 index 0000000..215b9dd --- /dev/null +++ b/links/portfolio.html @@ -0,0 +1,37 @@ +

Previous Work

+ diff --git a/links/protfolio.html b/links/protfolio.html new file mode 100644 index 0000000..78348f3 --- /dev/null +++ b/links/protfolio.html @@ -0,0 +1,13 @@ +

Previous Work

+