From 4cba7c49f5ca741af2fcf7785af80879edba2468 Mon Sep 17 00:00:00 2001
From: Shraddha <shraddharaghuram@student.tudelft.nl>
Date: Wed, 4 Sep 2024 10:52:37 +0000
Subject: [PATCH] moving elements around
---
static/homepage.css | 18 +++++++++---------
wiki/pages/home.html | 4 ++--
2 files changed, 11 insertions(+), 11 deletions(-)
diff --git a/static/homepage.css b/static/homepage.css
index 0d3253b..d84a66b 100644
--- a/static/homepage.css
+++ b/static/homepage.css
@@ -323,7 +323,7 @@
width: 400px;
height: 200px;
flex-shrink: 0;
- transform: translateX(110%);
+ transform: translateX(80%);
background: linear-gradient(180deg, rgba(198, 235, 232, 0.00) 0%, rgba(198, 235, 232, 0.30) 100%), url(https://static.igem.wiki/teams/5054/braarudosphaera-bigelowii-nitroplast-webp.png), 0px / 124.243% 105.026% no-repeat;
opacity: 0;
transition: all 0.5s linear;
@@ -332,7 +332,7 @@
top: 7800px;
width: 350px;
height: 350px;
- transform: translateX(-42.5%);
+ transform: translateX(-60.5%);
background: url(https://static.igem.wiki/teams/5054/braarudosphaera-bigelowii.jpg);
opacity: 0;
transition: all 0.5s linear;
@@ -341,7 +341,7 @@
top: 8000px;
width: 400px;
height: 500px;
- transform: translate(110%);
+ transform: translate(80%);
background: linear-gradient(180deg, rgba(198, 235, 232, 0.00) 0%, rgba(198, 235, 232, 0.30) 100%), url(https://static.igem.wiki/teams/5054/1-fhcicaa6dp-c4wqstxpqkg.jpg), 0px -70.565px / 100% 129.911% no-repeat;
opacity: 0;
transition: all 0.5s linear;
@@ -354,8 +354,8 @@
width: 330px;
height: 220px;
flex-shrink: 0;
- border-radius: 33.854px;
- transform: translateX(-42%);
+ /* border-radius: 33.854px; */
+ transform: translateX(-60.5%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%), url(https://static.igem.wiki/teams/5054/iglesia-de-nuestra-se-ora-de-la-blanca-cardej-n-espa-a-2012-09-01-dd-02-3.webp), 50% / cover no-repeat;
opacity: 0;
transition: all 0.5s linear;
@@ -749,7 +749,7 @@
top: 7500px;
width: 340px;
height: 200px;
- transform: translateX(20%);
+ transform: translateX(-20%);
opacity: 0;
transition: all 0.5s linear;
}
@@ -758,7 +758,7 @@
top: 8150px;
width: 340px;
height: 200px;
- transform: translateX(-42.5%);
+ transform: translateX(-60.5%);
opacity: 0;
transition: all 0.5s linear;
}
@@ -766,7 +766,7 @@
top: 7850px;
width: 340px;
height: 200px;
- transform: translateX(120%);
+ transform: translateX(90%);
opacity: 0;
transition: all 0.5s linear;
}
@@ -774,7 +774,7 @@
top: 8740px;
width: 340px;
height: 200px;
- transform: translateX(-42%);
+ transform: translateX(-55%);
opacity: 0;
transition: all 0.5s linear;
}
diff --git a/wiki/pages/home.html b/wiki/pages/home.html
index fab9c7a..6c746a1 100644
--- a/wiki/pages/home.html
+++ b/wiki/pages/home.html
@@ -211,9 +211,9 @@
</div>
-<script src="{{ url_for('static', filename = 'homepage.js') }}" type="text/javascript"></script>
+<!-- <script src="{{ url_for('static', filename = 'homepage.js') }}" type="text/javascript"></script> -->
-<script src="{{ url_for('static', filename = 'homepage-animation.js') }}" type="text/javascript"></script>
+<!-- <script src="{{ url_for('static', filename = 'homepage-animation.js') }}" type="text/javascript"></script> -->
--
GitLab