diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html
index c1697dd1e69734c4bceb105e21f51f8edf75dc8f..9acebcc6665f0cfaf9494fdcabf292c5f11b27af 100644
--- a/wiki/pages/attributions.html
+++ b/wiki/pages/attributions.html
@@ -1,63 +1,140 @@
-{% 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>
+{% 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 的内容 -->
+
</div>
- </div>
</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>
- <!-- ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ -->
+</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-practice') }}" 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>
</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>
- {% endblock %}
-
\ No newline at end of file
+ <script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
+
+
+
+{% endblock %}