replace left-panel with background-image

2026-02-17 00:56:14 +01:00
parent 2314b73411
commit 29c9b8b194
2 changed files with 10 additions and 8 deletions
--- a/index.html
+++ b/index.html
@@ -5,7 +5,6 @@
        <link rel="stylesheet" href="main.css" />
    </head>
    <body>
-        <div id="left-panel"></div>
        <div id="right-panel">
            <div class="left-hang">
                <div><img id="david-portrait" src="david.jpg" alt="David Portrait" /></div>
--- a/main.css
+++ b/main.css
@@ -36,6 +36,16 @@
    }
 }

+html {
+    height: 100%;
+}
+body {
+    background-image: linear-gradient(to right, rgb(185,205,229), rgb(185,205,229));
+    background-size: 6.7cm 100%;
+    background-position: top left;
+    background-repeat: no-repeat;
+}
+
 * {
    margin: 0;
    padding: 0;
@@ -48,13 +58,6 @@
    print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
 }

-#left-panel {
-    float: left;
-    width: 6.7cm;
-    height: 29.7cm;
-    background: rgb(185,205,229);
-}
-
 #right-panel {
    margin-left: 6.7cm;
    padding: 2.5cm 1cm;