From 3998cdcecda4d79d316f2328d9d5a3214c58e0df Mon Sep 17 00:00:00 2001 From: HouTeng Chan <ht-chen21@mails.tsinghua.edu.cn> Date: Tue, 1 Oct 2024 07:21:21 +0000 Subject: [PATCH] Update file attributions.html --- wiki/pages/attributions.html | 73 ++++++++++++++---------------------- 1 file changed, 28 insertions(+), 45 deletions(-) diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html index 1c9f8822..ff7f564a 100644 --- a/wiki/pages/attributions.html +++ b/wiki/pages/attributions.html @@ -11,26 +11,21 @@ line-height: 1.6; margin: 0; padding: 0; - display: flex; - justify-content: center; - align-items: center; - min-height: 100vh; } .content { padding: 20px; - max-width: 100%; - width: 100%; - box-sizing: border-box; + max-width: 1500px; + margin: 0 auto; } h2 { scroll-margin-top: 60px; } .row.mt-4 { - margin: 0 auto; - max-width: 1140px; + margin-right: 180px; + margin-left: 140px; } .sidebar { - height: auto; + height: 300px; } .grid-container { display: flex; @@ -52,16 +47,6 @@ padding-left: 20px; margin-bottom: 0; } - .progress-container { - position: fixed; - top: 20px; - right: 20px; - } - #igem-attribution-form { - width: 100%; - height: 80vh; - border: none; - } </style> </head> <body> @@ -70,35 +55,33 @@ {% 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 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> - <script> - function adjustIframeHeight() { - var iframe = document.getElementById('igem-attribution-form'); - iframe.style.height = window.innerHeight * 0.8 + 'px'; - } + <div class="row mt-4"> + <div class="col-lg-12"> + <script type="text/javascript"> + function adjustIframeHeight() { + + } + + window.onload = adjustIframeHeight; + </script> + <iframe + style="width: 100%" + id="igem-attribution-form" + src="https://teams.igem.org/wiki/Tsinghua/attributions" + > + </iframe> + </div> + </div> +</div> - window.onload = adjustIframeHeight; - window.onresize = adjustIframeHeight; - </script> </body> </html> - {% endblock %} \ No newline at end of file -- GitLab