From 50e333de48a0b7bdc2721c8571916fc30a77f6cf Mon Sep 17 00:00:00 2001
From: HauErn Lien <lienhe81@gmail.com>
Date: Mon, 30 Sep 2024 07:20:47 +0000
Subject: [PATCH] Update 3 files
- /static/style.css
- /static/script.js
- /wiki/pages/tryhomepage.html
---
static/script.js | 12 --------
static/style.css | 43 ---------------------------
wiki/pages/tryhomepage.html | 59 ++++++++++++++++++++++++++++++++++++-
3 files changed, 58 insertions(+), 56 deletions(-)
delete mode 100644 static/script.js
delete mode 100644 static/style.css
diff --git a/static/script.js b/static/script.js
deleted file mode 100644
index 5a4ea6ff..00000000
--- a/static/script.js
+++ /dev/null
@@ -1,12 +0,0 @@
-document.querySelector('.sachet').addEventListener('click', function() {
- const bag = document.querySelector('.bag');
- const scent = document.querySelector('.scent');
-
- // Untie the bag
- bag.classList.add('untied');
-
- // Release the scent
- scent.classList.add('release');
- });
-
-
\ No newline at end of file
diff --git a/static/style.css b/static/style.css
deleted file mode 100644
index 08cdcef5..00000000
--- a/static/style.css
+++ /dev/null
@@ -1,43 +0,0 @@
-body {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100vh;
- background-color: #f0f0f0;
- }
-
- .sachet {
- position: relative;
- width: 150px;
- height: 200px;
- }
-
- .bag {
- width: 100%;
- height: 100%;
- background-size: contain;
- background-repeat: no-repeat;
- transition: background-image 1s ease-in-out;
- }
-
- .untied {
- background-image: url('https://static.igem.wiki/teams/5187/untie.png'); /* Replace with your untied image */
- }
-
- .scent {
- position: absolute;
- width: 100px;
- height: 100px;
- top: -50px;
- left: 25px;
- background: radial-gradient(circle, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
- opacity: 0;
- transform: scale(0.5);
- transition: opacity 2s ease, transform 2s ease;
- }
-
- .scent.release {
- opacity: 1;
- transform: scale(1.5);
- }
-
\ No newline at end of file
diff --git a/wiki/pages/tryhomepage.html b/wiki/pages/tryhomepage.html
index cf593e4a..95b733a8 100644
--- a/wiki/pages/tryhomepage.html
+++ b/wiki/pages/tryhomepage.html
@@ -13,6 +13,63 @@
<div class="scent"></div>
</div>
- <script src="script.js"></script>
+ <script>
+ document.querySelector('.sachet').addEventListener('click', function() {
+ const bag = document.querySelector('.bag');
+ const scent = document.querySelector('.scent');
+
+ // Untie the bag
+ bag.classList.add('untied');
+
+ // Release the scent
+ scent.classList.add('release');
+ });
+ </script>
+
+ <style>
+ body {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ background-color: #f0f0f0;
+ }
+
+ .sachet {
+ position: relative;
+ width: 150px;
+ height: 200px;
+ }
+
+ .bag {
+ width: 100%;
+ height: 100%;
+ background-size: contain;
+ background-repeat: no-repeat;
+ transition: background-image 1s ease-in-out;
+ }
+
+ .untied {
+ background-image: url('https://static.igem.wiki/teams/5187/untie.png'); /* Replace with your untied image */
+ }
+
+ .scent {
+ position: absolute;
+ width: 100px;
+ height: 100px;
+ top: -50px;
+ left: 25px;
+ background: radial-gradient(circle, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
+ opacity: 0;
+ transform: scale(0.5);
+ transition: opacity 2s ease, transform 2s ease;
+ }
+
+ .scent.release {
+ opacity: 1;
+ transform: scale(1.5);
+ }
+
+ </style>
</body>
</html>
\ No newline at end of file
--
GitLab