From deb2f09f76c6dbf0c4693f8592d3bd9aec8189f4 Mon Sep 17 00:00:00 2001 From: zepp Date: Sun, 27 Oct 2024 21:05:18 -0400 Subject: [PATCH] Initial layout coded. Further development will involve functionality of the website itself. Along with a revisit of the layout for mobile devices --- index.html | 18 ++++++++++++++++++ style/style.css | 40 ++++++++++++++++++++++++++++++++-------- 2 files changed, 50 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index e729811..831e2d8 100644 --- a/index.html +++ b/index.html @@ -9,6 +9,24 @@ +
+
+ +

Baxter Images

+ +
+
+ +
+
+
+
+

Baxter's desktop

+

Welcome to Baxter's desktop, a time trip to before Baxter himself!

+

This site makes use of JavaScript, so you may want to turn that on if things aren't working as intended.

+

In the "Baxter Images" dialog, you can single-click on a photo to view it with a small description.

+

I hope you enjoy this little nostalgia trip featuring my cat, you can go back to his normal homepage here.

+
\ No newline at end of file diff --git a/style/style.css b/style/style.css index 07c9777..e4d3e16 100644 --- a/style/style.css +++ b/style/style.css @@ -1,16 +1,40 @@ -/* I may not want to reset margin and padding with a custom CSS framework - Saving it here in case I do though. -*/ - -/* *, ::before, ::after { +*, ::before, ::after { margin: 0; padding: 0; -} */ +} -/* html { +html { font-size: 16px; } + body { box-sizing: border-box; -} */ \ No newline at end of file + height: 100vh; + width: auto; +} + + +body { + display: grid; + grid-template-columns: 2fr 1fr; + gap: 8px; +} + + +.site-info { + height: 20rem; + width: auto; + margin: 1rem; + margin-top: 3rem; +} + +h1 { + margin: 1rem; +} + +p { + line-height: 1.5rem; + margin-bottom: 1rem; + margin-left: 1rem; +} \ No newline at end of file