From ca94eee75d8b57ae4012585fedcc32e1df4dd539 Mon Sep 17 00:00:00 2001
From: HouTeng Chan <ht-chen21@mails.tsinghua.edu.cn>
Date: Fri, 26 Jul 2024 04:32:01 +0000
Subject: [PATCH] Update 14 files
- /wiki/pages/engineering.html
- /wiki/pages/team.html
- /wiki/pages/entrepreneurship.html
- /wiki/pages/experiments.html
- /wiki/pages/hardware.html
- /wiki/pages/human-practices.html
- /wiki/pages/inclusivity.html
- /wiki/pages/measurement.html
- /wiki/pages/model.html
- /wiki/pages/notebook.html
- /wiki/pages/proof-of-concept.html
- /wiki/pages/results.html
- /wiki/pages/safety.html
- /wiki/pages/software.html
---
wiki/pages/engineering.html | 77 +------------------------------
wiki/pages/entrepreneurship.html | 77 +------------------------------
wiki/pages/experiments.html | 77 +------------------------------
wiki/pages/hardware.html | 78 +------------------------------
wiki/pages/human-practices.html | 77 +------------------------------
wiki/pages/inclusivity.html | 77 +------------------------------
wiki/pages/measurement.html | 77 +------------------------------
wiki/pages/model.html | 77 +------------------------------
wiki/pages/notebook.html | 77 +------------------------------
wiki/pages/proof-of-concept.html | 77 +------------------------------
wiki/pages/results.html | 79 ++------------------------------
wiki/pages/safety.html | 78 +------------------------------
wiki/pages/software.html | 68 +--------------------------
wiki/pages/team.html | 7 +++
14 files changed, 24 insertions(+), 979 deletions(-)
diff --git a/wiki/pages/engineering.html b/wiki/pages/engineering.html
index 1f391bbf..ce305dc1 100644
--- a/wiki/pages/engineering.html
+++ b/wiki/pages/engineering.html
@@ -16,31 +16,7 @@
max-width: 800px;
margin: 0 auto;
}
- .sidebar {
- position: fixed;
- left: 0;
- top: 280px;
- width: 160px;
- height: 40%;
- background-color: #ffffff;
- padding: 20px;
- box-shadow: 2px 0 5px rgba(0,0,0,0.1);
- border-radius: 20px;
- }
- .sidebar ul {
- list-style: none;
- padding: 0;
- }
- .sidebar ul li a {
- display: block;
- padding: 10px;
- color: hsl(17, 100%, 50%);
- text-decoration: none;
- }
- .sidebar ul li a:hover {
- background-color: #e9ecef;
- border-radius: 20px;
- }
+
h2 {
scroll-margin-top: 60px;
}
@@ -48,32 +24,6 @@
margin-left: 130px;
}
- .progress-container {
- position: fixed;
- left: 20px;
- bottom: 80px;
- width: 60px;
- height: 60px;
- z-index: 1000;
- }
-
- .progress-bar-circle {
- transform: rotate(-90deg);
- }
- .progress-circle {
- stroke: hsl(17, 100%, 50%);
- stroke-linecap: round;
- transition: stroke-dashoffset 0.3s;
- }
- .progress-text {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- font-size: 12px;
- font-weight: bold;
- color: hsl(17, 100%, 50%);
- }
</style>
</head>
<body>
@@ -157,31 +107,6 @@
</div>
</div>
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- var circle = document.querySelector('.progress-circle');
- var radius = circle.r.baseVal.value;
- var circumference = radius * 2 * Math.PI;
-
- circle.style.strokeDasharray = `${circumference} ${circumference}`;
- circle.style.strokeDashoffset = circumference;
-
- function setProgress(percent) {
- const offset = circumference - (percent / 100) * circumference;
- circle.style.strokeDashoffset = offset;
- document.querySelector('.progress-text').textContent = Math.round(percent) + '%';
- }
-
- function handleScroll() {
- var winScroll = document.documentElement.scrollTop;
- var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
- var scrolled = (winScroll / height) * 100;
- setProgress(scrolled);
- }
-
- window.addEventListener('scroll', handleScroll);
- });
- </script>
</body>
</html>
{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/entrepreneurship.html b/wiki/pages/entrepreneurship.html
index e1b983d3..edabe21c 100644
--- a/wiki/pages/entrepreneurship.html
+++ b/wiki/pages/entrepreneurship.html
@@ -16,31 +16,7 @@
max-width: 800px;
margin: 0 auto;
}
- .sidebar {
- position: fixed;
- left: 0;
- top: 280px;
- width: 160px;
- height: 40%;
- background-color: #ffffff;
- padding: 20px;
- box-shadow: 2px 0 5px rgba(0,0,0,0.1);
- border-radius: 20px;
- }
- .sidebar ul {
- list-style: none;
- padding: 0;
- }
- .sidebar ul li a {
- display: block;
- padding: 10px;
- color: hsl(17, 100%, 50%);
- text-decoration: none;
- }
- .sidebar ul li a:hover {
- background-color: #e9ecef;
- border-radius: 20px;
- }
+
h2 {
scroll-margin-top: 60px;
}
@@ -48,32 +24,6 @@
margin-left: 130px;
}
- .progress-container {
- position: fixed;
- left: 20px;
- bottom: 80px;
- width: 60px;
- height: 60px;
- z-index: 1000;
- }
-
- .progress-bar-circle {
- transform: rotate(-90deg);
- }
- .progress-circle {
- stroke: hsl(17, 100%, 50%);
- stroke-linecap: round;
- transition: stroke-dashoffset 0.3s;
- }
- .progress-text {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- font-size: 12px;
- font-weight: bold;
- color: hsl(17, 100%, 50%);
- }
</style>
</head>
<body>
@@ -157,31 +107,6 @@
</div>
</div>
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- var circle = document.querySelector('.progress-circle');
- var radius = circle.r.baseVal.value;
- var circumference = radius * 2 * Math.PI;
-
- circle.style.strokeDasharray = `${circumference} ${circumference}`;
- circle.style.strokeDashoffset = circumference;
-
- function setProgress(percent) {
- const offset = circumference - (percent / 100) * circumference;
- circle.style.strokeDashoffset = offset;
- document.querySelector('.progress-text').textContent = Math.round(percent) + '%';
- }
-
- function handleScroll() {
- var winScroll = document.documentElement.scrollTop;
- var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
- var scrolled = (winScroll / height) * 100;
- setProgress(scrolled);
- }
-
- window.addEventListener('scroll', handleScroll);
- });
- </script>
</body>
</html>
{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/experiments.html b/wiki/pages/experiments.html
index 3bec2d31..982269cb 100644
--- a/wiki/pages/experiments.html
+++ b/wiki/pages/experiments.html
@@ -16,31 +16,7 @@
max-width: 800px;
margin: 0 auto;
}
- .sidebar {
- position: fixed;
- left: 0;
- top: 280px;
- width: 160px;
- height: 40%;
- background-color: #ffffff;
- padding: 20px;
- box-shadow: 2px 0 5px rgba(0,0,0,0.1);
- border-radius: 20px;
- }
- .sidebar ul {
- list-style: none;
- padding: 0;
- }
- .sidebar ul li a {
- display: block;
- padding: 10px;
- color: hsl(17, 100%, 50%);
- text-decoration: none;
- }
- .sidebar ul li a:hover {
- background-color: #e9ecef;
- border-radius: 20px;
- }
+
h2 {
scroll-margin-top: 60px;
}
@@ -48,32 +24,6 @@
margin-left: 130px;
}
- .progress-container {
- position: fixed;
- left: 20px;
- bottom: 80px;
- width: 60px;
- height: 60px;
- z-index: 1000;
- }
-
- .progress-bar-circle {
- transform: rotate(-90deg);
- }
- .progress-circle {
- stroke: hsl(17, 100%, 50%);
- stroke-linecap: round;
- transition: stroke-dashoffset 0.3s;
- }
- .progress-text {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- font-size: 12px;
- font-weight: bold;
- color: hsl(17, 100%, 50%);
- }
</style>
</head>
<body>
@@ -157,31 +107,6 @@
</div>
</div>
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- var circle = document.querySelector('.progress-circle');
- var radius = circle.r.baseVal.value;
- var circumference = radius * 2 * Math.PI;
-
- circle.style.strokeDasharray = `${circumference} ${circumference}`;
- circle.style.strokeDashoffset = circumference;
-
- function setProgress(percent) {
- const offset = circumference - (percent / 100) * circumference;
- circle.style.strokeDashoffset = offset;
- document.querySelector('.progress-text').textContent = Math.round(percent) + '%';
- }
-
- function handleScroll() {
- var winScroll = document.documentElement.scrollTop;
- var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
- var scrolled = (winScroll / height) * 100;
- setProgress(scrolled);
- }
-
- window.addEventListener('scroll', handleScroll);
- });
- </script>
</body>
</html>
{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/hardware.html b/wiki/pages/hardware.html
index 59f54edc..318c2332 100644
--- a/wiki/pages/hardware.html
+++ b/wiki/pages/hardware.html
@@ -16,31 +16,7 @@
max-width: 800px;
margin: 0 auto;
}
- .sidebar {
- position: fixed;
- left: 0;
- top: 280px;
- width: 160px;
- height: 40%;
- background-color: #ffffff;
- padding: 20px;
- box-shadow: 2px 0 5px rgba(0,0,0,0.1);
- border-radius: 20px;
- }
- .sidebar ul {
- list-style: none;
- padding: 0;
- }
- .sidebar ul li a {
- display: block;
- padding: 10px;
- color: hsl(17, 100%, 50%);
- text-decoration: none;
- }
- .sidebar ul li a:hover {
- background-color: #e9ecef;
- border-radius: 20px;
- }
+
h2 {
scroll-margin-top: 60px;
}
@@ -48,32 +24,7 @@
margin-left: 130px;
}
- .progress-container {
- position: fixed;
- left: 20px;
- bottom: 80px;
- width: 60px;
- height: 60px;
- z-index: 1000;
- }
-
- .progress-bar-circle {
- transform: rotate(-90deg);
- }
- .progress-circle {
- stroke: hsl(17, 100%, 50%);
- stroke-linecap: round;
- transition: stroke-dashoffset 0.3s;
- }
- .progress-text {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- font-size: 12px;
- font-weight: bold;
- color: hsl(17, 100%, 50%);
- }
+
</style>
</head>
<body>
@@ -157,31 +108,6 @@
</div>
</div>
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- var circle = document.querySelector('.progress-circle');
- var radius = circle.r.baseVal.value;
- var circumference = radius * 2 * Math.PI;
-
- circle.style.strokeDasharray = `${circumference} ${circumference}`;
- circle.style.strokeDashoffset = circumference;
-
- function setProgress(percent) {
- const offset = circumference - (percent / 100) * circumference;
- circle.style.strokeDashoffset = offset;
- document.querySelector('.progress-text').textContent = Math.round(percent) + '%';
- }
-
- function handleScroll() {
- var winScroll = document.documentElement.scrollTop;
- var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
- var scrolled = (winScroll / height) * 100;
- setProgress(scrolled);
- }
-
- window.addEventListener('scroll', handleScroll);
- });
- </script>
</body>
</html>
{% endblock %}
diff --git a/wiki/pages/human-practices.html b/wiki/pages/human-practices.html
index 9baf5341..78ea155c 100644
--- a/wiki/pages/human-practices.html
+++ b/wiki/pages/human-practices.html
@@ -16,31 +16,7 @@
max-width: 800px;
margin: 0 auto;
}
- .sidebar {
- position: fixed;
- left: 0;
- top: 280px;
- width: 160px;
- height: 40%;
- background-color: #ffffff;
- padding: 20px;
- box-shadow: 2px 0 5px rgba(0,0,0,0.1);
- border-radius: 20px;
- }
- .sidebar ul {
- list-style: none;
- padding: 0;
- }
- .sidebar ul li a {
- display: block;
- padding: 10px;
- color: hsl(17, 100%, 50%);
- text-decoration: none;
- }
- .sidebar ul li a:hover {
- background-color: #e9ecef;
- border-radius: 20px;
- }
+
h2 {
scroll-margin-top: 60px;
}
@@ -48,32 +24,6 @@
margin-left: 130px;
}
- .progress-container {
- position: fixed;
- left: 20px;
- bottom: 80px;
- width: 60px;
- height: 60px;
- z-index: 1000;
- }
-
- .progress-bar-circle {
- transform: rotate(-90deg);
- }
- .progress-circle {
- stroke: hsl(17, 100%, 50%);
- stroke-linecap: round;
- transition: stroke-dashoffset 0.3s;
- }
- .progress-text {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- font-size: 12px;
- font-weight: bold;
- color: hsl(17, 100%, 50%);
- }
</style>
</head>
<body>
@@ -157,31 +107,6 @@
</div>
</div>
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- var circle = document.querySelector('.progress-circle');
- var radius = circle.r.baseVal.value;
- var circumference = radius * 2 * Math.PI;
-
- circle.style.strokeDasharray = `${circumference} ${circumference}`;
- circle.style.strokeDashoffset = circumference;
-
- function setProgress(percent) {
- const offset = circumference - (percent / 100) * circumference;
- circle.style.strokeDashoffset = offset;
- document.querySelector('.progress-text').textContent = Math.round(percent) + '%';
- }
-
- function handleScroll() {
- var winScroll = document.documentElement.scrollTop;
- var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
- var scrolled = (winScroll / height) * 100;
- setProgress(scrolled);
- }
-
- window.addEventListener('scroll', handleScroll);
- });
- </script>
</body>
</html>
{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/inclusivity.html b/wiki/pages/inclusivity.html
index 108b8355..5bc258e6 100644
--- a/wiki/pages/inclusivity.html
+++ b/wiki/pages/inclusivity.html
@@ -16,31 +16,7 @@
max-width: 800px;
margin: 0 auto;
}
- .sidebar {
- position: fixed;
- left: 0;
- top: 280px;
- width: 160px;
- height: 40%;
- background-color: #ffffff;
- padding: 20px;
- box-shadow: 2px 0 5px rgba(0,0,0,0.1);
- border-radius: 20px;
- }
- .sidebar ul {
- list-style: none;
- padding: 0;
- }
- .sidebar ul li a {
- display: block;
- padding: 10px;
- color: hsl(17, 100%, 50%);
- text-decoration: none;
- }
- .sidebar ul li a:hover {
- background-color: #e9ecef;
- border-radius: 20px;
- }
+
h2 {
scroll-margin-top: 60px;
}
@@ -48,32 +24,6 @@
margin-left: 130px;
}
- .progress-container {
- position: fixed;
- left: 20px;
- bottom: 80px;
- width: 60px;
- height: 60px;
- z-index: 1000;
- }
-
- .progress-bar-circle {
- transform: rotate(-90deg);
- }
- .progress-circle {
- stroke: hsl(17, 100%, 50%);
- stroke-linecap: round;
- transition: stroke-dashoffset 0.3s;
- }
- .progress-text {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- font-size: 12px;
- font-weight: bold;
- color: hsl(17, 100%, 50%);
- }
</style>
</head>
<body>
@@ -157,31 +107,6 @@
</div>
</div>
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- var circle = document.querySelector('.progress-circle');
- var radius = circle.r.baseVal.value;
- var circumference = radius * 2 * Math.PI;
-
- circle.style.strokeDasharray = `${circumference} ${circumference}`;
- circle.style.strokeDashoffset = circumference;
-
- function setProgress(percent) {
- const offset = circumference - (percent / 100) * circumference;
- circle.style.strokeDashoffset = offset;
- document.querySelector('.progress-text').textContent = Math.round(percent) + '%';
- }
-
- function handleScroll() {
- var winScroll = document.documentElement.scrollTop;
- var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
- var scrolled = (winScroll / height) * 100;
- setProgress(scrolled);
- }
-
- window.addEventListener('scroll', handleScroll);
- });
- </script>
</body>
</html>
{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/measurement.html b/wiki/pages/measurement.html
index 21dbf230..2cf87a67 100644
--- a/wiki/pages/measurement.html
+++ b/wiki/pages/measurement.html
@@ -16,31 +16,7 @@
max-width: 800px;
margin: 0 auto;
}
- .sidebar {
- position: fixed;
- left: 0;
- top: 280px;
- width: 160px;
- height: 40%;
- background-color: #ffffff;
- padding: 20px;
- box-shadow: 2px 0 5px rgba(0,0,0,0.1);
- border-radius: 20px;
- }
- .sidebar ul {
- list-style: none;
- padding: 0;
- }
- .sidebar ul li a {
- display: block;
- padding: 10px;
- color: hsl(17, 100%, 50%);
- text-decoration: none;
- }
- .sidebar ul li a:hover {
- background-color: #e9ecef;
- border-radius: 20px;
- }
+
h2 {
scroll-margin-top: 60px;
}
@@ -48,32 +24,6 @@
margin-left: 130px;
}
- .progress-container {
- position: fixed;
- left: 20px;
- bottom: 80px;
- width: 60px;
- height: 60px;
- z-index: 1000;
- }
-
- .progress-bar-circle {
- transform: rotate(-90deg);
- }
- .progress-circle {
- stroke: hsl(17, 100%, 50%);
- stroke-linecap: round;
- transition: stroke-dashoffset 0.3s;
- }
- .progress-text {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- font-size: 12px;
- font-weight: bold;
- color: hsl(17, 100%, 50%);
- }
</style>
</head>
<body>
@@ -157,31 +107,6 @@
</div>
</div>
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- var circle = document.querySelector('.progress-circle');
- var radius = circle.r.baseVal.value;
- var circumference = radius * 2 * Math.PI;
-
- circle.style.strokeDasharray = `${circumference} ${circumference}`;
- circle.style.strokeDashoffset = circumference;
-
- function setProgress(percent) {
- const offset = circumference - (percent / 100) * circumference;
- circle.style.strokeDashoffset = offset;
- document.querySelector('.progress-text').textContent = Math.round(percent) + '%';
- }
-
- function handleScroll() {
- var winScroll = document.documentElement.scrollTop;
- var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
- var scrolled = (winScroll / height) * 100;
- setProgress(scrolled);
- }
-
- window.addEventListener('scroll', handleScroll);
- });
- </script>
</body>
</html>
{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/model.html b/wiki/pages/model.html
index 6aff701d..ecc4aa7a 100644
--- a/wiki/pages/model.html
+++ b/wiki/pages/model.html
@@ -16,31 +16,7 @@
max-width: 800px;
margin: 0 auto;
}
- .sidebar {
- position: fixed;
- left: 0;
- top: 280px;
- width: 160px;
- height: 40%;
- background-color: #ffffff;
- padding: 20px;
- box-shadow: 2px 0 5px rgba(0,0,0,0.1);
- border-radius: 20px;
- }
- .sidebar ul {
- list-style: none;
- padding: 0;
- }
- .sidebar ul li a {
- display: block;
- padding: 10px;
- color: hsl(17, 100%, 50%);
- text-decoration: none;
- }
- .sidebar ul li a:hover {
- background-color: #e9ecef;
- border-radius: 20px;
- }
+
h2 {
scroll-margin-top: 60px;
}
@@ -48,32 +24,6 @@
margin-left: 130px;
}
- .progress-container {
- position: fixed;
- left: 20px;
- bottom: 80px;
- width: 60px;
- height: 60px;
- z-index: 1000;
- }
-
- .progress-bar-circle {
- transform: rotate(-90deg);
- }
- .progress-circle {
- stroke: hsl(17, 100%, 50%);
- stroke-linecap: round;
- transition: stroke-dashoffset 0.3s;
- }
- .progress-text {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- font-size: 12px;
- font-weight: bold;
- color: hsl(17, 100%, 50%);
- }
</style>
</head>
<body>
@@ -157,31 +107,6 @@
</div>
</div>
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- var circle = document.querySelector('.progress-circle');
- var radius = circle.r.baseVal.value;
- var circumference = radius * 2 * Math.PI;
-
- circle.style.strokeDasharray = `${circumference} ${circumference}`;
- circle.style.strokeDashoffset = circumference;
-
- function setProgress(percent) {
- const offset = circumference - (percent / 100) * circumference;
- circle.style.strokeDashoffset = offset;
- document.querySelector('.progress-text').textContent = Math.round(percent) + '%';
- }
-
- function handleScroll() {
- var winScroll = document.documentElement.scrollTop;
- var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
- var scrolled = (winScroll / height) * 100;
- setProgress(scrolled);
- }
-
- window.addEventListener('scroll', handleScroll);
- });
- </script>
</body>
</html>
{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/notebook.html b/wiki/pages/notebook.html
index 60409bfa..641702e2 100644
--- a/wiki/pages/notebook.html
+++ b/wiki/pages/notebook.html
@@ -16,31 +16,7 @@
max-width: 800px;
margin: 0 auto;
}
- .sidebar {
- position: fixed;
- left: 0;
- top: 280px;
- width: 160px;
- height: 40%;
- background-color: #ffffff;
- padding: 20px;
- box-shadow: 2px 0 5px rgba(0,0,0,0.1);
- border-radius: 20px;
- }
- .sidebar ul {
- list-style: none;
- padding: 0;
- }
- .sidebar ul li a {
- display: block;
- padding: 10px;
- color: hsl(17, 100%, 50%);
- text-decoration: none;
- }
- .sidebar ul li a:hover {
- background-color: #e9ecef;
- border-radius: 20px;
- }
+
h2 {
scroll-margin-top: 60px;
}
@@ -48,32 +24,6 @@
margin-left: 130px;
}
- .progress-container {
- position: fixed;
- left: 20px;
- bottom: 80px;
- width: 60px;
- height: 60px;
- z-index: 1000;
- }
-
- .progress-bar-circle {
- transform: rotate(-90deg);
- }
- .progress-circle {
- stroke: hsl(17, 100%, 50%);
- stroke-linecap: round;
- transition: stroke-dashoffset 0.3s;
- }
- .progress-text {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- font-size: 12px;
- font-weight: bold;
- color: hsl(17, 100%, 50%);
- }
</style>
</head>
<body>
@@ -157,31 +107,6 @@
</div>
</div>
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- var circle = document.querySelector('.progress-circle');
- var radius = circle.r.baseVal.value;
- var circumference = radius * 2 * Math.PI;
-
- circle.style.strokeDasharray = `${circumference} ${circumference}`;
- circle.style.strokeDashoffset = circumference;
-
- function setProgress(percent) {
- const offset = circumference - (percent / 100) * circumference;
- circle.style.strokeDashoffset = offset;
- document.querySelector('.progress-text').textContent = Math.round(percent) + '%';
- }
-
- function handleScroll() {
- var winScroll = document.documentElement.scrollTop;
- var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
- var scrolled = (winScroll / height) * 100;
- setProgress(scrolled);
- }
-
- window.addEventListener('scroll', handleScroll);
- });
- </script>
</body>
</html>
{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/proof-of-concept.html b/wiki/pages/proof-of-concept.html
index f6c6e3f3..61642f9d 100644
--- a/wiki/pages/proof-of-concept.html
+++ b/wiki/pages/proof-of-concept.html
@@ -16,31 +16,7 @@
max-width: 800px;
margin: 0 auto;
}
- .sidebar {
- position: fixed;
- left: 0;
- top: 280px;
- width: 160px;
- height: 40%;
- background-color: #ffffff;
- padding: 20px;
- box-shadow: 2px 0 5px rgba(0,0,0,0.1);
- border-radius: 20px;
- }
- .sidebar ul {
- list-style: none;
- padding: 0;
- }
- .sidebar ul li a {
- display: block;
- padding: 10px;
- color: hsl(17, 100%, 50%);
- text-decoration: none;
- }
- .sidebar ul li a:hover {
- background-color: #e9ecef;
- border-radius: 20px;
- }
+
h2 {
scroll-margin-top: 60px;
}
@@ -48,32 +24,6 @@
margin-left: 130px;
}
- .progress-container {
- position: fixed;
- left: 20px;
- bottom: 80px;
- width: 60px;
- height: 60px;
- z-index: 1000;
- }
-
- .progress-bar-circle {
- transform: rotate(-90deg);
- }
- .progress-circle {
- stroke: hsl(17, 100%, 50%);
- stroke-linecap: round;
- transition: stroke-dashoffset 0.3s;
- }
- .progress-text {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- font-size: 12px;
- font-weight: bold;
- color: hsl(17, 100%, 50%);
- }
</style>
</head>
<body>
@@ -157,31 +107,6 @@
</div>
</div>
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- var circle = document.querySelector('.progress-circle');
- var radius = circle.r.baseVal.value;
- var circumference = radius * 2 * Math.PI;
-
- circle.style.strokeDasharray = `${circumference} ${circumference}`;
- circle.style.strokeDashoffset = circumference;
-
- function setProgress(percent) {
- const offset = circumference - (percent / 100) * circumference;
- circle.style.strokeDashoffset = offset;
- document.querySelector('.progress-text').textContent = Math.round(percent) + '%';
- }
-
- function handleScroll() {
- var winScroll = document.documentElement.scrollTop;
- var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
- var scrolled = (winScroll / height) * 100;
- setProgress(scrolled);
- }
-
- window.addEventListener('scroll', handleScroll);
- });
- </script>
</body>
</html>
{% endblock %}
diff --git a/wiki/pages/results.html b/wiki/pages/results.html
index 9694de83..68242a96 100644
--- a/wiki/pages/results.html
+++ b/wiki/pages/results.html
@@ -16,31 +16,7 @@
max-width: 800px;
margin: 0 auto;
}
- .sidebar {
- position: fixed;
- left: 0;
- top: 280px;
- width: 160px;
- height: 40%;
- background-color: #ffffff;
- padding: 20px;
- box-shadow: 2px 0 5px rgba(0,0,0,0.1);
- border-radius: 20px;
- }
- .sidebar ul {
- list-style: none;
- padding: 0;
- }
- .sidebar ul li a {
- display: block;
- padding: 10px;
- color: hsl(17, 100%, 50%);
- text-decoration: none;
- }
- .sidebar ul li a:hover {
- background-color: #e9ecef;
- border-radius: 20px;
- }
+
h2 {
scroll-margin-top: 60px;
}
@@ -48,32 +24,7 @@
margin-left: 130px;
}
- .progress-container {
- position: fixed;
- left: 20px;
- bottom: 80px;
- width: 60px;
- height: 60px;
- z-index: 1000;
- }
-
- .progress-bar-circle {
- transform: rotate(-90deg);
- }
- .progress-circle {
- stroke: hsl(17, 100%, 50%);
- stroke-linecap: round;
- transition: stroke-dashoffset 0.3s;
- }
- .progress-text {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- font-size: 12px;
- font-weight: bold;
- color: hsl(17, 100%, 50%);
- }
+
</style>
</head>
<body>
@@ -157,31 +108,7 @@
</div>
</div>
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- var circle = document.querySelector('.progress-circle');
- var radius = circle.r.baseVal.value;
- var circumference = radius * 2 * Math.PI;
-
- circle.style.strokeDasharray = `${circumference} ${circumference}`;
- circle.style.strokeDashoffset = circumference;
-
- function setProgress(percent) {
- const offset = circumference - (percent / 100) * circumference;
- circle.style.strokeDashoffset = offset;
- document.querySelector('.progress-text').textContent = Math.round(percent) + '%';
- }
-
- function handleScroll() {
- var winScroll = document.documentElement.scrollTop;
- var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
- var scrolled = (winScroll / height) * 100;
- setProgress(scrolled);
- }
-
- window.addEventListener('scroll', handleScroll);
- });
- </script>
+
</body>
</html>
{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/safety.html b/wiki/pages/safety.html
index 44f7608a..f278352b 100644
--- a/wiki/pages/safety.html
+++ b/wiki/pages/safety.html
@@ -16,31 +16,7 @@
max-width: 800px;
margin: 0 auto;
}
- .sidebar {
- position: fixed;
- left: 0;
- top: 280px;
- width: 160px;
- height: 40%;
- background-color: #ffffff;
- padding: 20px;
- box-shadow: 2px 0 5px rgba(0,0,0,0.1);
- border-radius: 20px;
- }
- .sidebar ul {
- list-style: none;
- padding: 0;
- }
- .sidebar ul li a {
- display: block;
- padding: 10px;
- color: hsl(17, 100%, 50%);
- text-decoration: none;
- }
- .sidebar ul li a:hover {
- background-color: #e9ecef;
- border-radius: 20px;
- }
+
h2 {
scroll-margin-top: 60px;
}
@@ -48,32 +24,7 @@
margin-left: 130px;
}
- .progress-container {
- position: fixed;
- left: 20px;
- bottom: 80px;
- width: 60px;
- height: 60px;
- z-index: 1000;
- }
-
- .progress-bar-circle {
- transform: rotate(-90deg);
- }
- .progress-circle {
- stroke: hsl(17, 100%, 50%);
- stroke-linecap: round;
- transition: stroke-dashoffset 0.3s;
- }
- .progress-text {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- font-size: 12px;
- font-weight: bold;
- color: hsl(17, 100%, 50%);
- }
+
</style>
</head>
<body>
@@ -157,31 +108,6 @@
</div>
</div>
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- var circle = document.querySelector('.progress-circle');
- var radius = circle.r.baseVal.value;
- var circumference = radius * 2 * Math.PI;
-
- circle.style.strokeDasharray = `${circumference} ${circumference}`;
- circle.style.strokeDashoffset = circumference;
-
- function setProgress(percent) {
- const offset = circumference - (percent / 100) * circumference;
- circle.style.strokeDashoffset = offset;
- document.querySelector('.progress-text').textContent = Math.round(percent) + '%';
- }
-
- function handleScroll() {
- var winScroll = document.documentElement.scrollTop;
- var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
- var scrolled = (winScroll / height) * 100;
- setProgress(scrolled);
- }
-
- window.addEventListener('scroll', handleScroll);
- });
- </script>
</body>
</html>
{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/software.html b/wiki/pages/software.html
index 8b45b373..f495a511 100644
--- a/wiki/pages/software.html
+++ b/wiki/pages/software.html
@@ -16,31 +16,7 @@
max-width: 800px;
margin: 0 auto;
}
- .sidebar {
- position: fixed;
- left: 0;
- top: 280px;
- width: 160px;
- height: 40%;
- background-color: #ffffff;
- padding: 20px;
- box-shadow: 2px 0 5px rgba(0,0,0,0.1);
- border-radius: 20px;
- }
- .sidebar ul {
- list-style: none;
- padding: 0;
- }
- .sidebar ul li a {
- display: block;
- padding: 10px;
- color: hsl(17, 100%, 50%);
- text-decoration: none;
- }
- .sidebar ul li a:hover {
- background-color: #e9ecef;
- border-radius: 20px;
- }
+
h2 {
scroll-margin-top: 60px;
}
@@ -57,23 +33,6 @@
z-index: 1000;
}
- .progress-bar-circle {
- transform: rotate(-90deg);
- }
- .progress-circle {
- stroke: hsl(17, 100%, 50%);
- stroke-linecap: round;
- transition: stroke-dashoffset 0.3s;
- }
- .progress-text {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- font-size: 12px;
- font-weight: bold;
- color: hsl(17, 100%, 50%);
- }
</style>
</head>
<body>
@@ -157,31 +116,6 @@
</div>
</div>
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- var circle = document.querySelector('.progress-circle');
- var radius = circle.r.baseVal.value;
- var circumference = radius * 2 * Math.PI;
-
- circle.style.strokeDasharray = `${circumference} ${circumference}`;
- circle.style.strokeDashoffset = circumference;
-
- function setProgress(percent) {
- const offset = circumference - (percent / 100) * circumference;
- circle.style.strokeDashoffset = offset;
- document.querySelector('.progress-text').textContent = Math.round(percent) + '%';
- }
-
- function handleScroll() {
- var winScroll = document.documentElement.scrollTop;
- var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
- var scrolled = (winScroll / height) * 100;
- setProgress(scrolled);
- }
-
- window.addEventListener('scroll', handleScroll);
- });
- </script>
</body>
</html>
{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/team.html b/wiki/pages/team.html
index 198b0859..a9726f7e 100644
--- a/wiki/pages/team.html
+++ b/wiki/pages/team.html
@@ -88,6 +88,13 @@ Meet Our Team Members
{% block page_content %}
+<div class="progress-container">
+ <svg class="progress-bar-circle" width="60" height="60">
+ <circle class="progress-circle" cx="30" cy="30" r="25" stroke-width="5" fill="transparent"></circle>
+ </svg>
+ <div class="progress-text">0%</div>
+</div>
+
<div style="text-align: center;">
<img src="https://static.igem.wiki/teams/5187/teammembers/team-pic.jpg" alt="thu" style="max-width: 100%; height: auto; width: 50%;border-radius: 20px;">
</div>
--
GitLab