diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html
index ece0802965495ff56223332db0e3f14c66c7e183..c1697dd1e69734c4bceb105e21f51f8edf75dc8f 100644
--- a/wiki/pages/attributions.html
+++ b/wiki/pages/attributions.html
@@ -1,140 +1,63 @@
-{% extends "layout.html" %}
-{% block title %}Home{% endblock %}
-{% block lead %}{% endblock %}
-{% block page_content %}
-
-
-<!-- CSS -->
-
-
-<link rel="stylesheet" href="{{ url_for('static', filename = 'css/gooleapis.css') }}">
-<link rel="stylesheet" href="{{ url_for('static', filename = 'css/jquery.pagepiling.min.css') }}">
-<link rel="stylesheet" href="{{ url_for('static', filename = 'css/style.css') }}">
-<link rel="stylesheet" href="{{ url_for('static', filename = 'css/des.css') }}">
-<style>
-.dabiaotihe{padding-top:20px;
- font-family:'Roboto',Helvetica,Arial,sans-serif;
- font-weight:700;
- margin-bottom:10px;
- font-size:30px;
- text-align:center;
- color:#e37b29;}
-.achieve_link a:hover{text-decoration:underline;}
-.wenbenkuang{font-family:'Poppins',sans-serif;font-size:18px;color:#3c4258;text-transform:initial;line-height:1.8;text-align:justify;}
-</style>
-<section>
-<div id="pagepiling">
- <!-- sponsor -->
- <!-- Masthead -->
- <section id="home"
- class="navbar-is-white text-white pp-scrollable d-flex align-items-center section position-absolute"
-
- role="main">
- <div class="intro" >
- <div class="scroll-wrap" style="padding: bottom 10px;;">
- <div class="shape-mockup ripple-animation d-none d-xl-block" style="float: left;width: 10%;bottom: 0"><img src="https://static.igem.wiki/teams/4815/wiki/shape-7.png" alt="shape" style="height: 380px;"></div>
-
- <div class="container">
- <div class="sponsor" style="color: #3c4258 !important" >
- <div class="dabiaotihe">Bronze</div>
- <div class="achieve_link wenbenkuang">
-<p>√ <a href="#" style="color:#5271FF">Deliverables</a>: We complete the following Competition Deliverables according to guidelines: Wiki, Project Promotion Video, Presentation Video and Judging Form.</p>
-<p>√ <a href="{{ url_for('pages', page='attributions') }}" style="color:#5271FF">Attributions</a>: We describe what work our team members did and what other people did for our project using the standardized form.</p>
-<p>√ <a href="{{ url_for('pages', page='description') }}" style="color:#5271FF">Description</a>: We described how and why we chose our iGEM project – Pymaker: AI modified yeast promoter.</p>
-<p>√<a href="{{ url_for('pages', page='contribution') }}" style="color:#5271FF">Contribution</a>: We make a useful contribution for future iGEM teams by adding new documentations to Part: BBa_K4815000 – BBa_K4815020.</p>
-</div>
- </div>
-
-
- </div>
-<!-- åŒ…å« footer.html 的内容 -->
-
+{% extends "layout.html" %} {% block title %}Attributions{% endblock %} {% block
+ lead %}This page must show the attribution form of your project. This includes
+ the work done by each of the student members on your team and any work that was
+ done by people outside of your team, including the host labs, advisors,
+ instructors, and individuals not on the team roster. This requirement is not
+ about literature references - these can and should be displayed throughout your
+ wiki.{% endblock %} {% block page_content %}
+ <div
+ style="
+ position: relative;
+ height: 60vh;
+ width: 100%;
+ background-image: url(https://static.igem.wiki/teams/4815/wiki/teambanner.png);
+ background-size: 100% auto;
+ background-position: top;
+ "
+ >
+ <div
+ style="
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ height: 60vh;
+ "
+ >
+ <div class="bannertt">
+ Attribution
+ <p class="bannertt2">Celevrate our effort and achievement</p>
</div>
+ </div>
</div>
-</section>
-
- <!-- sponsor -->
- <section id="skill" class="section pp-scrollable position-absolute">
- <div class="intro" >
- <div class="scroll-wrap" style="padding: bottom 10px;;">
- <div class="shape-mockup ripple-animation d-none d-xl-block" style="float: left;width: 10%;bottom: 0"><img src="https://static.igem.wiki/teams/4815/wiki/shape-7.png" alt="shape" style="height: 380px;"></div>
-
- <div class="container">
- <div class="sponsor" >
- <div class="dabiaotihe">Silver</div>
- <div class="achieve_link wenbenkuang">
-
-<p>√ <a href="{{ url_for('pages', page='engineering') }}" style="color:#5271FF">Engineering Success</a>Engineering Success: We finished the close loop of Design-Build-Test-Learn cycle with the combination of wet lab and dry lab. For each separate experiment section, we demonstrate the inner design cycle of at least one iteration.
-<p>√ <a href="{{ url_for('pages', page='human-practices') }}" style="color:#5271FF">Human Practice</a>: We explain how you have determined your work is responsible and good for the world.</p>
-</div>
- </div>
- </div>
-
-
- </div>
-<!-- åŒ…å« footer.html 的内容 -->
-
- </div>
- </div>
-
-
- </section>
-
- <!-- sponsor -->
- <section id="gold" class="section pp-scrollable position-absolute">
- <div class="intro" >
- <div class="scroll-wrap" style="padding: bottom 10px;;">
- <div class="shape-mockup ripple-animation d-none d-xl-block" style="float: left;width: 10%;bottom: 0"><img src="https://static.igem.wiki/teams/4815/wiki/shape-7.png" alt="shape" style="height: 380px;"></div>
-
- <div class="container">
- <div class="sponsor" >
- <div class="dabiaotihe wenbenkuang">Gold</div>
- <div class="achieve_link">
- <p>√ <a href="{{ url_for('pages', page='attributions') }}" style="color:#5271FF">New Basic Part</a>: We generate highly expressed sequences and Mutation-resistant highly expressed sequences. For New Basic Part, we submitted Part: BBa_K4815000.</p>
- <p>√ <a href="{{ url_for('pages', page='description') }}" style="color:#5271FF">Model</a>: We developed two models: an AI model aiming to predict expression intensity based on core promoter sequences, and a base mutation model simulating the occurrence of base mutations in core promoters during continuous cultivation and predicting the resulting promoter sequences after mutation.</p>
- <p>√<a href="{{ url_for('pages', page='contribution') }}" style="color:#5271FF">Integrated Human Practice</a>: We address how our project responds to the considerations of whether our project is responsible and good for the world, and how our proposed solution is implemented responsibly and reflectively.</p>
-</div>
- </div>
- </div>
-
-
- </div>
-<!-- åŒ…å« footer.html 的内容 -->
-
- </div>
- {% include 'footer.html' %}
- </div>
+
+ <!--
+ ======================================================================
+ == VERY IMPORTANT ==
+ ======================================================================
+ LEAVE THE IFRAME CODE BELOW AS IT IS, THE ATTRIBUTION FORM OF YOUR TEAM
+ WILL BE DISPLAYED ON THIS PAGE. DO NOT REMOVE IT, OTHERWISE YOU RISK OF
+ NOT MEETING BRONZE MEDAL CRITERION #2
+ -->
+ <div class="row mt-4">
+ <script type="text/javascript">
+ // Listen to size change and update form height
+ window.addEventListener("message", function (e) {
+ const { type, data } = JSON.parse(e.data);
+ if (type === "igem-attribution-form") {
+ const element = document.getElementById("igem-attribution-form");
+ element.style.height = data + 50 + "px";
+ }
+ });
+ </script>
+ <iframe
+ style="width: 100%"
+ id="igem-attribution-form"
+ src="https://attributions.igem.org?team=NJU-China&year=2023"
+ >
+ </iframe>
+ <!-- ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ -->
</div>
-
-</section>
-</div>
-
-<!-- Scrollbar -->
-<div class="progress-nav">
- <ul class="navbar-nav">
-
- <li data-menuanchor="home"></li>
- <li data-menuanchor="skill"></li>
- <li data-menuanchor="gold"></li>
-
- </ul>
-</div>
-
-</section>
-<!-- Optional JavaScript -->
- <script src="{{ url_for('static', filename = 'js/jquery-1.12.4.min.js') }}"></script>
- <script src="{{ url_for('static', filename = 'js/popper.min.js') }}"></script>
- <script src="{{ url_for('static', filename = 'js/bootstrap.min.js') }}"></script>
- <script src="{{ url_for('static', filename = 'js/jquery.validate.min.js') }}"></script>
- <script src="{{ url_for('static', filename = 'js/jquery.magnific-popup.min.js') }}"></script>
- <script src="{{ url_for('static', filename = 'js/jquery.pagepiling.min.js') }}"></script>
- <script src="{{ url_for('static', filename = 'js/owl.carousel.min.js') }}"></script>
- <script src="{{ url_for('static', filename = 'js/interface.js') }}"></script>
- <script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
-
-
-
-
-{% endblock %}
+ {% endblock %}
+
\ No newline at end of file