new houses

1 year ago · 588711505f
parent 8123fbbba3
commit 588711505f
6 changed files with 22 additions and 14 deletions
--- a/css/style_webweave.css
+++ b/css/style_webweave.css
@ -40,7 +40,7 @@ body {

 h1 {
    font-family: monospace;
-    font-size: calc(5rem + 3vw); /* Responsive font size for h1 */
+    font-size: calc(5rem + 3vw);
    color: #e5e5e5;
    margin-top: 200px;
    margin-bottom: 20px;
@ -48,18 +48,18 @@ h1 {

 h2 {
    font-family: monospace;
-    font-size: 1.6rem; /* Adjust the font size for h2 as needed for responsiveness */
+    font-size: 1.6rem; 
    color: #e5e5e5;
 }

 h3 {
-    font-size: 1rem; /* Adjust the font size for h3 as needed for responsiveness */
+    font-size: 1rem; 
    margin-top: 300px;
 }

 #header {
    font-family: 'worksans', sans-serif;
-    font-size: calc(1.2rem + 0.5vw); /* Responsive font size for #header */
+    font-size: calc(1.2rem + 0.5vw); 
    margin-top: 20px;
    color: #e5e5e5;
 }
@ -74,17 +74,27 @@ h3 {
 #image-container img {
    max-width: 400px;
    max-height: 400px;
-    cursor: pointer; /* Add pointer cursor to indicate images are clickable */
+    cursor: pointer; 
 }

 #start-text {
-    display: none; /* Hide the text initially */
+    display: none; 
 }

 #footer {
-    font-size: calc(1rem + 0.5vw); /* Responsive font size for #footer */
+    font-size: calc(1rem + 0.5vw); 
    position: absolute;
    bottom: 0;
    left: 10px;
    color: #313131;
 }
+
+#christmas-image {
+    position: fixed;
+    top: 5px;
+    left: 5px;
+    width: 100px; 
+    height: auto; 
+    z-index: 1000; 
+}
+
--- a/images/.DS_Store
+++ b/images/.DS_Store
--- a/images/christmas.png
+++ b/images/christmas.png
--- a/images/hut.png
+++ b/images/hut.png
--- a/index.html
+++ b/index.html
@ -42,9 +42,4 @@
    </div>
    <h3>
        <a href="https://hub.xpub.nl/breadcube/backplaces/webweave.html"><img src="images/christmas.png" alt="" width="400" height="400"></a>
-        <a href="https://hub.xpub.nl/breadcube/backplaces/luddite.html"><img src="images/hut.png" alt="" width="400" height="400"></a>
-    </h3>
- </div>
-
-</body>
-</html>
+        <a href="https://hub.xpub.nl/breadcube/backplaces/luddite.html"><img src="images/hut.png" alt=""
--- a/webweave.html
+++ b/webweave.html
@ -7,6 +7,9 @@
 <body>
    <p id="header">webweave by clicking on a comment</p>
    <div id="image-container"></div>
+    <a href="https://hub.xpub.nl/breadcube/backplaces/index.html" target="_blank">
+        <img id="christmas-image" src="images/christmas.png" alt="Christmas Image">
+    </a>

 </body>
 <p id="footer">credits for the webweaving go to sea--shore.tumblr.com</p>