From 3b48ed9a5d9d2118fa62a1f93adf71244a8c3c12 Mon Sep 17 00:00:00 2001
From: HouTeng Chan <ht-chen21@mails.tsinghua.edu.cn>
Date: Tue, 1 Oct 2024 04:59:35 +0000
Subject: [PATCH] Update file attributions.html
---
wiki/pages/attributions.html | 89 ++++++++++++++++--------------------
1 file changed, 39 insertions(+), 50 deletions(-)
diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html
index 71bc09fa..9c7d987f 100644
--- a/wiki/pages/attributions.html
+++ b/wiki/pages/attributions.html
@@ -1,3 +1,4 @@
+
<!DOCTYPE html>
<html lang="en">
<head>
@@ -11,21 +12,18 @@
line-height: 1.6;
margin: 0;
padding: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- min-height: 100vh;
}
.content {
- width: 66.67%; /* 2/3 of the screen width */
- max-width: 1000px; /* Adjust as needed */
+ padding: 20px;
+ max-width: 1500px;
margin: 0 auto;
}
h2 {
scroll-margin-top: 60px;
}
.row.mt-4 {
- margin: 0; /* Remove left and right margins */
+ margin-right: 200px;
+ margin-left: 200px;
}
.sidebar {
height: 300px;
@@ -50,60 +48,51 @@
padding-left: 20px;
margin-bottom: 0;
}
- .progress-container {
- text-align: center;
- margin-bottom: 20px;
- }
- #igem-attribution-form {
- width: 100%;
- border: none;
- min-height: 500px; /* Set a minimum height */
- }
</style>
</head>
<body>
{% extends "layout.html" %}
-
+
{% block title %}Attributions{% endblock %}
{% block page_content %}
- <div class="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 class="row mt-4">
- <div class="col-lg-12">
- <iframe
- id="igem-attribution-form"
- src="https://teams.igem.org/wiki/Tsinghua/attributions"
- >
- </iframe>
- </div>
- </div>
- </div>
- <script type="text/javascript">
- function adjustIframeHeight() {
- var iframe = document.getElementById('igem-attribution-form');
- iframe.onload = function() {
- iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
- };
+ <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>
- // Listen for changes in iframe content
- window.addEventListener('message', function(event) {
- if (event.data.type === 'resize') {
- iframe.style.height = event.data.height + 'px';
+ <div class="row mt-4">
+ <div class="col-lg-12">
+ <script type="text/javascript">
+ function adjustIframeHeight() {
+ var iframe = document.getElementById('igem-attribution-form');
+ iframe.onload = function() {
+ iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
+ };
+
+ // Listen for changes in iframe content
+ window.addEventListener('message', function(event) {
+ if (event.data.type === 'resize') {
+ iframe.style.height = event.data.height + 'px';
+ }
+ }, false);
}
- }, false);
- }
+
+ window.onload = adjustIframeHeight;
+ </script>
+ <iframe
+ style="width: 100%"
+ id="igem-attribution-form"
+ src="https://teams.igem.org/wiki/Tsinghua/attributions"
+ >
+ </iframe>
+ </div>
+ </div>
+</div>
- // Execute when the page is fully loaded
- window.onload = adjustIframeHeight;
- </script>
</body>
</html>
{% endblock %}
\ No newline at end of file
--
GitLab