diff --git a/static/css/gooleapis.css b/static/css/gooleapis.css
deleted file mode 100644
index 4cb61e4403db230058e9e5d6a309a0bd22017a68..0000000000000000000000000000000000000000
--- a/static/css/gooleapis.css
+++ /dev/null
@@ -1,72 +0,0 @@
-/* latin-ext */
-@font-face {
- font-family: 'Karla';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/karla/v31/qkB9XvYC6trAT55ZBi1ueQVIjQTD-JrIH2G7nytkHRyQ8p4wUjm6bnEr.woff2) format('woff2');
- unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
- }
- /* latin */
- @font-face {
- font-family: 'Karla';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/karla/v31/qkB9XvYC6trAT55ZBi1ueQVIjQTD-JrIH2G7nytkHRyQ8p4wUje6bg.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
- }
- /* latin-ext */
- @font-face {
- font-family: 'Karla';
- font-style: normal;
- font-weight: 700;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/karla/v31/qkB9XvYC6trAT55ZBi1ueQVIjQTD-JrIH2G7nytkHRyQ8p4wUjm6bnEr.woff2) format('woff2');
- unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
- }
- /* latin */
- @font-face {
- font-family: 'Karla';
- font-style: normal;
- font-weight: 700;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/karla/v31/qkB9XvYC6trAT55ZBi1ueQVIjQTD-JrIH2G7nytkHRyQ8p4wUje6bg.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
- }
- /* latin-ext */
- @font-face {
- font-family: 'Lato';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
- unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
- }
- /* latin */
- @font-face {
- font-family: 'Lato';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
- }
- /* latin-ext */
- @font-face {
- font-family: 'Lato';
- font-style: normal;
- font-weight: 700;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
- unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
- }
- /* latin */
- @font-face {
- font-family: 'Lato';
- font-style: normal;
- font-weight: 700;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
- }
\ No newline at end of file
diff --git a/wiki/pages/achievement.html b/wiki/pages/achievement.html
index 32645cc29315a3efa222b30a5d640a6b42170dc3..26e5f3121c0fb88e9daa98c32a7e7705b9687999 100644
--- a/wiki/pages/achievement.html
+++ b/wiki/pages/achievement.html
@@ -1,137 +1,249 @@
-{% extends "layout.html" %}
-{% block title %}Home{% endblock %}
-{% block lead %}{% endblock %}
-{% block page_content %}
-
+{% 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') }}">
+<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;}
+ .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;padding-top: 20px;">
- <div class="shape-mockup ripple-animation d-none d-xl-block" style="position: absolute;left:800px;top:100px"><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="{{ url_for('pages', page='attributions') }}" style="color:#5271FF" disabled=false>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>
-<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>
-
-</div>
- </div>
-
-
+ <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; padding-top: 20px"
+ >
+ <div
+ class="shape-mockup ripple-animation d-none d-xl-block"
+ style="position: absolute; left: 800px; top: 100px"
+ >
+ <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="{{ url_for('pages', page='attributions') }}"
+ style="color: #5271ff"
+ disabled="false"
+ >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>
+ <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>
+ </div>
</div>
-<!-- åŒ…å« footer.html 的内容 -->
-
+ </div>
+ <!-- åŒ…å« footer.html 的内容 -->
</div>
- </div>
-</section>
+ </div>
+ </section>
<!-- sponsor -->
<section id="skill" class="section pp-scrollable position-absolute">
- <div class="intro" >
- <div class="scroll-wrap" style="padding: bottom 10px; padding-top: 20px;;">
- <div class="shape-mockup ripple-animation d-none d-xl-block" style="position: absolute;left:800px;top:100px"><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>: 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 class="intro">
+ <div
+ class="scroll-wrap"
+ style="padding: bottom 10px; padding-top: 20px"
+ >
+ <div
+ class="shape-mockup ripple-animation d-none d-xl-block"
+ style="position: absolute; left: 800px; top: 100px"
+ >
+ <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
+ >: 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>
+ <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>
</section>
-
-<!-- sponsor -->
-<section id="partners" class="section pp-scrollable position-absolute">
- <div class="intro" >
- <div class="scroll-wrap" style="padding: bottom 40px;padding-top: 20px;;">
- <div class="shape-mockup ripple-animation d-none d-xl-block" style="position: absolute;left:800px;top:100px"><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 ">Gold</div>
- <div class="achieve_link wenbenkuang">
- <p>√ <a href="https://parts.igem.org/Part:BBa_K4815000" style="color:#5271FF" disabled=false>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='model') }}" 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='human-practices') }}" 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>
-
-
+ <!-- sponsor -->
+ <section id="partners" class="section pp-scrollable position-absolute">
+ <div class="intro">
+ <div
+ class="scroll-wrap"
+ style="padding: bottom 40px; padding-top: 20px"
+ >
+ <div
+ class="shape-mockup ripple-animation d-none d-xl-block"
+ style="position: absolute; left: 800px; top: 100px"
+ >
+ <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">Gold</div>
+ <div class="achieve_link wenbenkuang">
+ <p>
+ √
+ <a
+ href="https://parts.igem.org/Part:BBa_K4815000"
+ style="color: #5271ff"
+ disabled="false"
+ >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='model') }}"
+ 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='human-practices') }}"
+ 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>
{% include 'footer.html' %}
- </div>
-
-</section>
-
-</div>
-<!-- Scrollbar -->
-<div class="progress-nav">
+ </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="partners"></li>
-
+ <li data-menuanchor="home"></li>
+ <li data-menuanchor="skill"></li>
+ <li data-menuanchor="partners"></li>
</ul>
-</div>
-
-
-<!-- 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 %}
+ </div>
+
+ <!-- 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 %}
+</section>
diff --git a/wiki/pages/index.html b/wiki/pages/index.html
index 032b69e4f0bbf692b2130a9d1ebd95519fa5fc4f..168243c505b0774438ce247c389df4a502e9ad7d 100644
--- a/wiki/pages/index.html
+++ b/wiki/pages/index.html
@@ -641,7 +641,7 @@
<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>
+