Deploy main branch to demo

Arisamiga · Jan 5, 2025 · 953fcf1 · 953fcf1
1 parent 822c3fc
commit 953fcf1
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -8,6 +8,9 @@
     <script src="./script/index.js" defer></script>
 </head>
 <body>
+    <div class="top-strip">
+        <a href="https://github.com/Arisamiga/Wishlist" target="_blank">This is a Demo! Click here to return to repository for the project</a>
+    </div>
     <img src="./images/avatar.gif" alt="Avatar" class="avatar">
     <button class="dark-mode-button" onclick="toggleDarkMode()"><svg width=20 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#ffffff"><path d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path></svg></button>
     <div class="wishlist-container">

diff --git a/demo/style/index.css b/demo/style/index.css
@@ -96,6 +96,29 @@ h1 {
 .sort:hover {
     border-color: #72b2dd;
 }
+
+.top-strip {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background-color: #45a049;
+    color: #fff;
+    text-align: left;
+    padding: 10px;
+    z-index: 1000;
+}
+
+.top-strip a {
+    color: #fff;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+.top-strip a:hover {
+    text-decoration: underline;
+}
+
 .dark-mode {
     background-color: #333;
     color: #f0f8ff;
@@ -138,6 +161,10 @@ h1 {
 .dark-mode-button:hover {
     background-color: #45a049;
 }
+.dark-mode .top-strip {
+    background-color: #5a5a5a;
+}
+
 .avatar {
     width: 6rem; 
     display: block;