From 98cd5d5ce3ae5a7b88ea8f3cd9795f3c2fd5622b Mon Sep 17 00:00:00 2001
From: Zhiyu Wen <wenzy0701@stu.njmu.edu.cn>
Date: Sun, 19 Nov 2023 08:02:14 +0000
Subject: [PATCH] Update file attributions.html
---
wiki/pages/attributions.html | 941 ++++++++++++++++++++++++++++++++++-
1 file changed, 932 insertions(+), 9 deletions(-)
diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html
index 83e1e75..f762c7e 100644
--- a/wiki/pages/attributions.html
+++ b/wiki/pages/attributions.html
@@ -4,20 +4,943 @@
{% 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 %}
+<!doctype html>
+<html lang="en">
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Bronze Medal Criterion #2</h4>
- <p>æè¿° what work your team members did and what other people did for your project.</p>
- <p>The form that bas been embded in an iframe in this page shows your team's Project Attribution form. This page must keep the form as it is.</p>
- <p>If you use a different website framework, make sure to embed the right URL for your team's form.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/deliverables/project-attribution">Project Attribution page</a> for more information.</p>
+<head>
+ <!-- Required meta tags -->
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel="shortcut icon" href="https://static.igem.wiki/teams/4705/wiki/logo.png">
+ <link rel="license" href="https://creativecommons.org/licenses/by/4.0/" />
+
+ <!-- Bootstrap CSS -->
+ <!-- <link href="static/bootstrap.min.css" rel="stylesheet"> -->
+
+ <!-- Custom CSS -->
+ <!-- <link href="static/style.css" rel="stylesheet">
+ -->
+ <!-- nav CSS -->
+ <link rel="stylesheet" href="static/nagivation.css">
+ <!-- animation CSS -->
+ <link href="static/animation-4.1.1.min.css" rel="stylesheet">
+ <!-- inside-page CSS -->
+ <link rel="stylesheet" href="static/inside-page.css">
+ <link rel="stylesheet" href="static/back-to-top.css">
+ <link rel="stylesheet" href="static/loading.css">
+ <link rel="stylesheet" href="static/hover.css">
+ <link rel="stylesheet" href="static/table.css">
+ <link rel="stylesheet" href="static/background.css">
+ <!-- footer CSS-->
+ <link rel="stylesheet" href="static/footer.css">
+ <style>
+ .none {
+ display: none;
+ }
+
+ section.name {
+ position: relative;
+ height: 100vh;
+ }
+ .bg-text{
+ position: absolute;
+ top: 0;
+ }
+ .name svg text {
+ letter-spacing: 10px;
+ stroke: #ffffff;
+ font-size: 130px;
+ font-weight: 700;
+ stroke-width: 2;
+ animation: textAnimate 5s infinite alternate;
+ font-family: 'Quicksand-bold';
+ text-shadow: 5px 5px 5px rgb(0, 0, 0, .6);
+ }
+
+ @keyframes textAnimate {
+ 0% {
+ stroke-dasharray: 0 90%;
+ stroke-dashoffset: 20%;
+ fill: whitesmoke;
+
+ }
+
+ 100% {
+ stroke-dasharray: 50% 0;
+ stroke-dashoffset: -20%;
+ fill: #89b9f19f
+ }
+ }
+
+ .element::-webkit-scrollbar {
+ display: none;
+ }
+ </style>
+
+
+<style>
+ .member{
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ background-color: rgba(0, 0, 0, 0);
+ border: none;
+ width: 100%;
+ height: fit-content;
+ border-radius: none;
+ box-shadow: none;
+ }
+ .in-navp,.hide-navp{
+ width: 100%;
+ height: auto;
+ padding: 0;
+ background: rgba(0,0,0,0);
+ font-family: 'Poppins';
+ text-align: center;
+ color: aliceblue;
+ font-size: 4.3vh;
+ font-weight: 500;
+ font-family: 'Quicksand-bold';
+ }
+ .in-navp::before,.in-navp::after{
+ display: none;
+ }
+ .attri-container img{
+ width: 100%;
+ }
+
+</style>
+
+
+ <title>Attributions | NJMU-China - iGEM 2023</title>
+</head>
+
+<body>
+ <!--header-->
+ <!--
+ -->
+ <div class="loading">
+ <div class="load-container">
+ <img src="https://static.igem.wiki/teams/4205/wiki/loading.gif" alt="loading">
+ </div>
+ <div class="loader-text">
+ <!-- 10个div -->
+ <div>L</div>
+ <div>O</div>
+ <div>A</div>
+ <div>D</div>
+ <div>I</div>
+ <div>N</div>
+ <div>G</div>
+ <div></div>
+ <div></div>
+ <div></div>
</div>
</div>
+
+ <section class="name none body">
+
+
+<div class="stars-wrapper">
+ <svg class="stars" width="100%" height="100%" preserveAspectRatio="none">
+ <circle class="star" cx="80.09%" cy="58.37%" r="1.1"></circle>
+ <circle class="star" cx="0.46%" cy="1.24%" r="0.9"></circle>
+ <circle class="star" cx="76.34%" cy="12.19%" r="1.1"></circle>
+ <circle class="star" cx="58.03%" cy="10.94%" r="0.8"></circle>
+ <circle class="star" cx="52.78%" cy="91.45%" r="0.6"></circle>
+ <circle class="star" cx="90.57%" cy="82.32%" r="0.6"></circle>
+ <circle class="star" cx="73.74%" cy="72.06%" r="1"></circle>
+ <circle class="star" cx="19.2%" cy="78.72%" r="1.1"></circle>
+ <circle class="star" cx="31.93%" cy="77.84%" r="1.5"></circle>
+ <circle class="star" cx="48.86%" cy="51.9%" r="0.5"></circle>
+ <circle class="star" cx="5.36%" cy="9.61%" r="1.2"></circle>
+ <circle class="star" cx="5.57%" cy="19.65%" r="0.9"></circle>
+ <circle class="star" cx="30.48%" cy="10.65%" r="1.2"></circle>
+ <circle class="star" cx="64.42%" cy="14.72%" r="1.4"></circle>
+ <circle class="star" cx="16.2%" cy="82.35%" r="0.5"></circle>
+ <circle class="star" cx="63.09%" cy="44.25%" r="1.2"></circle>
+ <circle class="star" cx="42.09%" cy="61.77%" r="0.6"></circle>
+ <circle class="star" cx="37.1%" cy="52.96%" r="0.8"></circle>
+ <circle class="star" cx="54.67%" cy="46.69%" r="1.1"></circle>
+ <circle class="star" cx="95.92%" cy="89.68%" r="0.9"></circle>
+ <circle class="star" cx="91.92%" cy="81.34%" r="0.6"></circle>
+ <circle class="star" cx="38.47%" cy="78.94%" r="0.7"></circle>
+ <circle class="star" cx="80.08%" cy="84.92%" r="1.2"></circle>
+ <circle class="star" cx="27.37%" cy="9.47%" r="0.7"></circle>
+ <circle class="star" cx="9.81%" cy="27.07%" r="1"></circle>
+ <circle class="star" cx="22.74%" cy="62.18%" r="0.7"></circle>
+ <circle class="star" cx="29.29%" cy="2.27%" r="1.3"></circle>
+ <circle class="star" cx="41.05%" cy="80.39%" r="1.1"></circle>
+ <circle class="star" cx="8.75%" cy="21.19%" r="1.2"></circle>
+ <circle class="star" cx="99.42%" cy="60.55%" r="1.3"></circle>
+ <circle class="star" cx="38.27%" cy="65.69%" r="1"></circle>
+ <circle class="star" cx="83.38%" cy="89.06%" r="1.1"></circle>
+ <circle class="star" cx="85.74%" cy="8.59%" r="1.4"></circle>
+ <circle class="star" cx="95.77%" cy="76.14%" r="0.7"></circle>
+ <circle class="star" cx="82.62%" cy="30.43%" r="0.5"></circle>
+ <circle class="star" cx="37.3%" cy="9.18%" r="0.5"></circle>
+ <circle class="star" cx="75.89%" cy="22.4%" r="1.5"></circle>
+ <circle class="star" cx="88.67%" cy="39.85%" r="0.6"></circle>
+ <circle class="star" cx="0.09%" cy="100%" r="1.3"></circle>
+ <circle class="star" cx="80.4%" cy="40.8%" r="0.8"></circle>
+ <circle class="star" cx="14.84%" cy="85.07%" r="1"></circle>
+ <circle class="star" cx="45.8%" cy="41.66%" r="0.6"></circle>
+ <circle class="star" cx="34.09%" cy="47.77%" r="1.5"></circle>
+ <circle class="star" cx="38.71%" cy="16.26%" r="1.2"></circle>
+ <circle class="star" cx="32.29%" cy="77.33%" r="1.3"></circle>
+ <circle class="star" cx="64.98%" cy="38.48%" r="0.6"></circle>
+ <circle class="star" cx="52.01%" cy="54.4%" r="1.2"></circle>
+ <circle class="star" cx="85.95%" cy="50.91%" r="1.2"></circle>
+ <circle class="star" cx="5.8%" cy="53.26%" r="1.3"></circle>
+ <circle class="star" cx="22.81%" cy="38.09%" r="1.4"></circle>
+ <circle class="star" cx="11.21%" cy="6.08%" r="0.5"></circle>
+ <circle class="star" cx="60.81%" cy="65.87%" r="1"></circle>
+ <circle class="star" cx="87.69%" cy="69.93%" r="0.7"></circle>
+ <circle class="star" cx="13.58%" cy="46.91%" r="1.2"></circle>
+ <circle class="star" cx="99%" cy="6.2%" r="0.7"></circle>
+ <circle class="star" cx="51.6%" cy="32.09%" r="0.7"></circle>
+ <circle class="star" cx="47.54%" cy="20.98%" r="0.9"></circle>
+ <circle class="star" cx="82.56%" cy="92.52%" r="1.1"></circle>
+ <circle class="star" cx="63.14%" cy="43.93%" r="0.6"></circle>
+ <circle class="star" cx="45.68%" cy="14.5%" r="1.1"></circle>
+ <circle class="star" cx="10.86%" cy="21.85%" r="0.8"></circle>
+ <circle class="star" cx="84.4%" cy="3.4%" r="1"></circle>
+ <circle class="star" cx="75.88%" cy="97.15%" r="0.8"></circle>
+ <circle class="star" cx="25.75%" cy="8.19%" r="1.1"></circle>
+ <circle class="star" cx="19.18%" cy="66.58%" r="1.5"></circle>
+ <circle class="star" cx="88.78%" cy="61.2%" r="0.7"></circle>
+ <circle class="star" cx="32.47%" cy="0.01%" r="0.6"></circle>
+ <circle class="star" cx="84.38%" cy="41.2%" r="0.9"></circle>
+ <circle class="star" cx="66.33%" cy="41.77%" r="1"></circle>
+ <circle class="star" cx="25.04%" cy="87.88%" r="1"></circle>
+ <circle class="star" cx="71.12%" cy="89.26%" r="1"></circle>
+ <circle class="star" cx="14.38%" cy="66.74%" r="1"></circle>
+ <circle class="star" cx="38.42%" cy="88.73%" r="0.7"></circle>
+ <circle class="star" cx="77.62%" cy="46%" r="0.7"></circle>
+ <circle class="star" cx="72.33%" cy="51.09%" r="0.7"></circle>
+ <circle class="star" cx="91.41%" cy="34.87%" r="0.5"></circle>
+ <circle class="star" cx="78.46%" cy="56.02%" r="1.3"></circle>
+ <circle class="star" cx="51.58%" cy="91.83%" r="1"></circle>
+ <circle class="star" cx="16.06%" cy="46.42%" r="0.6"></circle>
+ <circle class="star" cx="61.21%" cy="12.52%" r="1.2"></circle>
+ <circle class="star" cx="4%" cy="42.33%" r="1.5"></circle>
+ <circle class="star" cx="12.7%" cy="71.96%" r="1"></circle>
+ <circle class="star" cx="46.69%" cy="48.82%" r="0.8"></circle>
+ <circle class="star" cx="44.38%" cy="18.71%" r="1.3"></circle>
+ <circle class="star" cx="17.78%" cy="44.18%" r="0.8"></circle>
+ <circle class="star" cx="14.5%" cy="19.74%" r="0.7"></circle>
+ <circle class="star" cx="43.4%" cy="56.16%" r="0.7"></circle>
+ <circle class="star" cx="41.21%" cy="8.5%" r="0.5"></circle>
+ <circle class="star" cx="57.24%" cy="39.13%" r="1.3"></circle>
+ <circle class="star" cx="80.36%" cy="86.48%" r="1.5"></circle>
+ <circle class="star" cx="0.04%" cy="69.58%" r="1"></circle>
+ <circle class="star" cx="27.74%" cy="59.66%" r="0.5"></circle>
+ <circle class="star" cx="98.53%" cy="9.96%" r="1.1"></circle>
+ <circle class="star" cx="23.16%" cy="18.53%" r="1.2"></circle>
+ <circle class="star" cx="22.36%" cy="94.16%" r="0.8"></circle>
+ <circle class="star" cx="41.54%" cy="39.01%" r="1.3"></circle>
+ <circle class="star" cx="16.13%" cy="52.27%" r="1"></circle>
+ <circle class="star" cx="68.93%" cy="46.81%" r="1.1"></circle>
+ <circle class="star" cx="2.18%" cy="25.7%" r="0.9"></circle>
+ <circle class="star" cx="33.76%" cy="89.45%" r="1.1"></circle>
+ <circle class="star" cx="62.06%" cy="77.78%" r="0.6"></circle>
+ <circle class="star" cx="13.67%" cy="73.81%" r="1.4"></circle>
+ <circle class="star" cx="87.55%" cy="94.96%" r="1.3"></circle>
+ <circle class="star" cx="11.7%" cy="10.29%" r="1.3"></circle>
+ <circle class="star" cx="25.19%" cy="12.21%" r="1.1"></circle>
+ <circle class="star" cx="70.82%" cy="5.02%" r="1.4"></circle>
+ <circle class="star" cx="17.06%" cy="17.17%" r="1.2"></circle>
+ <circle class="star" cx="12.02%" cy="78.29%" r="0.6"></circle>
+ <circle class="star" cx="82.11%" cy="9.42%" r="1"></circle>
+ <circle class="star" cx="63.85%" cy="34.22%" r="1.4"></circle>
+ <circle class="star" cx="52.3%" cy="1.21%" r="1.5"></circle>
+ <circle class="star" cx="14.04%" cy="98.25%" r="0.8"></circle>
+ <circle class="star" cx="52.46%" cy="71.85%" r="1.4"></circle>
+ <circle class="star" cx="31.36%" cy="70.58%" r="0.9"></circle>
+ <circle class="star" cx="65.77%" cy="54.44%" r="1.4"></circle>
+ <circle class="star" cx="4.4%" cy="65.26%" r="1.1"></circle>
+ <circle class="star" cx="46.62%" cy="96.28%" r="1.4"></circle>
+ <circle class="star" cx="7.89%" cy="49.73%" r="1.4"></circle>
+ <circle class="star" cx="58.19%" cy="5.06%" r="0.7"></circle>
+ <circle class="star" cx="57.5%" cy="13.8%" r="1.5"></circle>
+ <circle class="star" cx="9.38%" cy="81.16%" r="1.1"></circle>
+ <circle class="star" cx="89.87%" cy="1.08%" r="0.5"></circle>
+ <circle class="star" cx="90.72%" cy="12.11%" r="1"></circle>
+ <circle class="star" cx="28.34%" cy="89.48%" r="0.6"></circle>
+ <circle class="star" cx="95.23%" cy="37.79%" r="0.8"></circle>
+ <circle class="star" cx="62.57%" cy="50.59%" r="0.8"></circle>
+ <circle class="star" cx="18.54%" cy="15.47%" r="0.5"></circle>
+ <circle class="star" cx="0.1%" cy="56.34%" r="0.6"></circle>
+ <circle class="star" cx="7.89%" cy="90.93%" r="1.1"></circle>
+ <circle class="star" cx="39.43%" cy="71.27%" r="0.6"></circle>
+ <circle class="star" cx="93.6%" cy="89.36%" r="1.3"></circle>
+ <circle class="star" cx="87.49%" cy="73.83%" r="1.4"></circle>
+ <circle class="star" cx="54.68%" cy="60.04%" r="1.4"></circle>
+ <circle class="star" cx="37.87%" cy="20.89%" r="0.7"></circle>
+ <circle class="star" cx="47.37%" cy="12.66%" r="1.3"></circle>
+ <circle class="star" cx="65.79%" cy="33.59%" r="1.3"></circle>
+ <circle class="star" cx="91.49%" cy="95.8%" r="1"></circle>
+ <circle class="star" cx="26.77%" cy="22.06%" r="0.8"></circle>
+ <circle class="star" cx="64.02%" cy="17.64%" r="1.4"></circle>
+ <circle class="star" cx="11.86%" cy="55.13%" r="0.8"></circle>
+ <circle class="star" cx="48.46%" cy="72.04%" r="0.8"></circle>
+ <circle class="star" cx="53.22%" cy="54.85%" r="1.1"></circle>
+ <circle class="star" cx="49.35%" cy="71.49%" r="1.3"></circle>
+ <circle class="star" cx="82.37%" cy="53.55%" r="0.8"></circle>
+ <circle class="star" cx="89.65%" cy="2.78%" r="1"></circle>
+ <circle class="star" cx="90.64%" cy="66.15%" r="0.9"></circle>
+ <circle class="star" cx="15.99%" cy="25.04%" r="1.1"></circle>
+ <circle class="star" cx="79.97%" cy="14.07%" r="0.8"></circle>
+ <circle class="star" cx="14.14%" cy="23.3%" r="0.7"></circle>
+ <circle class="star" cx="94.27%" cy="52.93%" r="1.1"></circle>
+ <circle class="star" cx="14.63%" cy="72.38%" r="0.8"></circle>
+ <circle class="star" cx="63.98%" cy="47.4%" r="1.4"></circle>
+ <circle class="star" cx="96.38%" cy="48.23%" r="0.6"></circle>
+ <circle class="star" cx="44.47%" cy="1.21%" r="1.5"></circle>
+ <circle class="star" cx="46.18%" cy="87%" r="0.8"></circle>
+ <circle class="star" cx="72.31%" cy="24.79%" r="1"></circle>
+ <circle class="star" cx="78.38%" cy="30.21%" r="1.5"></circle>
+ <circle class="star" cx="21.8%" cy="22.08%" r="1.4"></circle>
+ <circle class="star" cx="45.33%" cy="11.72%" r="0.7"></circle>
+ <circle class="star" cx="56.4%" cy="71.19%" r="0.8"></circle>
+ <circle class="star" cx="12.25%" cy="86.23%" r="1.2"></circle>
+ <circle class="star" cx="67.3%" cy="55.69%" r="0.7"></circle>
+ <circle class="star" cx="58.81%" cy="93.78%" r="0.5"></circle>
+ <circle class="star" cx="15.4%" cy="60.19%" r="0.7"></circle>
+ <circle class="star" cx="97.11%" cy="35.86%" r="1.3"></circle>
+ <circle class="star" cx="67.43%" cy="65.35%" r="1.4"></circle>
+ <circle class="star" cx="11.38%" cy="38.21%" r="1.4"></circle>
+ <circle class="star" cx="21.41%" cy="86.74%" r="0.8"></circle>
+ <circle class="star" cx="5.54%" cy="4.68%" r="1.5"></circle>
+ <circle class="star" cx="15.68%" cy="72.55%" r="1.2"></circle>
+ <circle class="star" cx="68.37%" cy="89.38%" r="1.2"></circle>
+ <circle class="star" cx="91.39%" cy="51.24%" r="1.4"></circle>
+ <circle class="star" cx="27.87%" cy="97.9%" r="0.5"></circle>
+ <circle class="star" cx="84.25%" cy="68.96%" r="0.6"></circle>
+ <circle class="star" cx="6.87%" cy="64.44%" r="0.8"></circle>
+ <circle class="star" cx="43.54%" cy="64.37%" r="0.6"></circle>
+ <circle class="star" cx="39.12%" cy="3.93%" r="0.5"></circle>
+ <circle class="star" cx="78.25%" cy="13.74%" r="0.9"></circle>
+ <circle class="star" cx="8.81%" cy="90.66%" r="0.9"></circle>
+ <circle class="star" cx="29.55%" cy="26.11%" r="0.9"></circle>
+ <circle class="star" cx="34.5%" cy="83.17%" r="1.4"></circle>
+ <circle class="star" cx="86.02%" cy="99.85%" r="0.5"></circle>
+ <circle class="star" cx="53.68%" cy="50.89%" r="0.8"></circle>
+ <circle class="star" cx="12.45%" cy="91.72%" r="1.3"></circle>
+ <circle class="star" cx="45.44%" cy="14.05%" r="1"></circle>
+ <circle class="star" cx="88.21%" cy="85.87%" r="0.8"></circle>
+ <circle class="star" cx="45.69%" cy="60.3%" r="0.9"></circle>
+ <circle class="star" cx="63.83%" cy="99.07%" r="1.2"></circle>
+ <circle class="star" cx="98.35%" cy="13.44%" r="1.2"></circle>
+ <circle class="star" cx="49.31%" cy="15.09%" r="1.5"></circle>
+ <circle class="star" cx="59.58%" cy="61.1%" r="1.1"></circle>
+ <circle class="star" cx="78.36%" cy="44.7%" r="0.8"></circle>
+ <circle class="star" cx="94.85%" cy="33.51%" r="0.9"></circle>
+ <circle class="star" cx="90.7%" cy="64.53%" r="0.8"></circle>
+ <circle class="star" cx="7.29%" cy="44.21%" r="1.2"></circle>
+ <circle class="star" cx="4.95%" cy="6.15%" r="1.1"></circle>
+ <circle class="star" cx="67.37%" cy="53.5%" r="0.5"></circle>
+ <circle class="star" cx="11.06%" cy="58.91%" r="0.7"></circle>
+ <circle class="star" cx="50.82%" cy="9.3%" r="1"></circle>
+ <circle class="star" cx="61.95%" cy="0.82%" r="1.4"></circle>
+ </svg>
+ <svg class="stars" width="100%" height="100%" preserveAspectRatio="none">
+ <circle class="star" cx="0.13%" cy="21.81%" r="0.9"></circle>
+ <circle class="star" cx="56.04%" cy="39.24%" r="0.8"></circle>
+ <circle class="star" cx="87.46%" cy="94.07%" r="1.5"></circle>
+ <circle class="star" cx="63.17%" cy="10.4%" r="0.7"></circle>
+ <circle class="star" cx="7.72%" cy="65.72%" r="0.7"></circle>
+ <circle class="star" cx="48.28%" cy="40.47%" r="1.4"></circle>
+ <circle class="star" cx="80.74%" cy="2.05%" r="1.1"></circle>
+ <circle class="star" cx="72.9%" cy="68.67%" r="1.1"></circle>
+ <circle class="star" cx="89.82%" cy="19.25%" r="0.7"></circle>
+ <circle class="star" cx="47.99%" cy="82.19%" r="1"></circle>
+ <circle class="star" cx="8.94%" cy="48.24%" r="1"></circle>
+ <circle class="star" cx="30.63%" cy="52.58%" r="0.7"></circle>
+ <circle class="star" cx="65.36%" cy="67.57%" r="1"></circle>
+ <circle class="star" cx="31.38%" cy="64.11%" r="0.8"></circle>
+ <circle class="star" cx="96.22%" cy="42.88%" r="1.5"></circle>
+ <circle class="star" cx="24.43%" cy="8.65%" r="0.8"></circle>
+ <circle class="star" cx="39.21%" cy="20.09%" r="1.3"></circle>
+ <circle class="star" cx="74.3%" cy="17.84%" r="1.1"></circle>
+ <circle class="star" cx="37.72%" cy="8.54%" r="0.7"></circle>
+ <circle class="star" cx="92.73%" cy="28.84%" r="0.6"></circle>
+ <circle class="star" cx="95.36%" cy="83.94%" r="1.2"></circle>
+ <circle class="star" cx="17.06%" cy="61.98%" r="0.6"></circle>
+ <circle class="star" cx="67.38%" cy="82.06%" r="0.6"></circle>
+ <circle class="star" cx="25.32%" cy="77.94%" r="0.9"></circle>
+ <circle class="star" cx="68.45%" cy="82.14%" r="0.9"></circle>
+ <circle class="star" cx="73.34%" cy="93.66%" r="1.5"></circle>
+ <circle class="star" cx="17.32%" cy="28.05%" r="0.5"></circle>
+ <circle class="star" cx="64.32%" cy="33.59%" r="1.1"></circle>
+ <circle class="star" cx="97.94%" cy="75.17%" r="1.2"></circle>
+ <circle class="star" cx="95.51%" cy="12.47%" r="1.4"></circle>
+ <circle class="star" cx="75.7%" cy="59.68%" r="1.5"></circle>
+ <circle class="star" cx="17.81%" cy="5.63%" r="0.7"></circle>
+ <circle class="star" cx="47.82%" cy="36.86%" r="1.5"></circle>
+ <circle class="star" cx="39.5%" cy="28.7%" r="1.1"></circle>
+ <circle class="star" cx="59.63%" cy="66.13%" r="1.2"></circle>
+ <circle class="star" cx="33.62%" cy="79.16%" r="0.7"></circle>
+ <circle class="star" cx="36.95%" cy="27.09%" r="0.6"></circle>
+ <circle class="star" cx="71.9%" cy="27.29%" r="0.9"></circle>
+ <circle class="star" cx="84.22%" cy="77.11%" r="1.3"></circle>
+ <circle class="star" cx="41.83%" cy="35.51%" r="1.3"></circle>
+ <circle class="star" cx="27.72%" cy="8.47%" r="1.5"></circle>
+ <circle class="star" cx="32.34%" cy="66.08%" r="1.4"></circle>
+ <circle class="star" cx="55.17%" cy="34.47%" r="1.2"></circle>
+ <circle class="star" cx="85.81%" cy="2.66%" r="1"></circle>
+ <circle class="star" cx="50.19%" cy="52.22%" r="1"></circle>
+ <circle class="star" cx="79.56%" cy="93.32%" r="1"></circle>
+ <circle class="star" cx="29.72%" cy="62.83%" r="0.5"></circle>
+ <circle class="star" cx="41.36%" cy="36.05%" r="0.7"></circle>
+ <circle class="star" cx="76.89%" cy="48.32%" r="0.6"></circle>
+ <circle class="star" cx="72.08%" cy="51.62%" r="1.4"></circle>
+ <circle class="star" cx="50.55%" cy="90.5%" r="0.6"></circle>
+ <circle class="star" cx="59.57%" cy="3.41%" r="1.3"></circle>
+ <circle class="star" cx="86.03%" cy="76.43%" r="0.6"></circle>
+ <circle class="star" cx="86.5%" cy="18.47%" r="0.9"></circle>
+ <circle class="star" cx="31.87%" cy="70.1%" r="0.9"></circle>
+ <circle class="star" cx="34.18%" cy="40.71%" r="0.8"></circle>
+ <circle class="star" cx="72.55%" cy="55.58%" r="0.5"></circle>
+ <circle class="star" cx="96.88%" cy="58.06%" r="0.7"></circle>
+ <circle class="star" cx="79.53%" cy="61.71%" r="1.3"></circle>
+ <circle class="star" cx="36.5%" cy="6.96%" r="1.2"></circle>
+ <circle class="star" cx="39.06%" cy="89.19%" r="1.2"></circle>
+ <circle class="star" cx="22.55%" cy="34.23%" r="0.5"></circle>
+ <circle class="star" cx="73.29%" cy="21.24%" r="1.1"></circle>
+ <circle class="star" cx="94.01%" cy="55.81%" r="1.4"></circle>
+ <circle class="star" cx="11.93%" cy="61.73%" r="1"></circle>
+ <circle class="star" cx="80.51%" cy="6.07%" r="0.7"></circle>
+ <circle class="star" cx="86.72%" cy="73.63%" r="1.2"></circle>
+ <circle class="star" cx="69.44%" cy="55.42%" r="1.1"></circle>
+ <circle class="star" cx="83.14%" cy="65.74%" r="1.1"></circle>
+ <circle class="star" cx="30.77%" cy="68.28%" r="1.3"></circle>
+ <circle class="star" cx="22.16%" cy="88.62%" r="0.9"></circle>
+ <circle class="star" cx="74.54%" cy="56.64%" r="1.1"></circle>
+ <circle class="star" cx="58.16%" cy="35.14%" r="0.9"></circle>
+ <circle class="star" cx="67.36%" cy="92.45%" r="1.3"></circle>
+ <circle class="star" cx="96.42%" cy="63.92%" r="0.5"></circle>
+ <circle class="star" cx="45.34%" cy="79.46%" r="0.6"></circle>
+ <circle class="star" cx="1.96%" cy="95.99%" r="0.6"></circle>
+ <circle class="star" cx="9.63%" cy="72.18%" r="0.7"></circle>
+ <circle class="star" cx="86.9%" cy="8.69%" r="1.3"></circle>
+ <circle class="star" cx="57.12%" cy="90.31%" r="1"></circle>
+ <circle class="star" cx="25.56%" cy="52.22%" r="1.4"></circle>
+ <circle class="star" cx="30.5%" cy="53.77%" r="0.7"></circle>
+ <circle class="star" cx="26.82%" cy="25.72%" r="1.1"></circle>
+ <circle class="star" cx="91.33%" cy="71.29%" r="0.8"></circle>
+ <circle class="star" cx="56.09%" cy="26.77%" r="1.2"></circle>
+ <circle class="star" cx="42.95%" cy="17.66%" r="1.1"></circle>
+ <circle class="star" cx="85.38%" cy="76.29%" r="1.2"></circle>
+ <circle class="star" cx="94.41%" cy="76%" r="1.4"></circle>
+ <circle class="star" cx="15.75%" cy="47.6%" r="0.5"></circle>
+ <circle class="star" cx="1.52%" cy="29.06%" r="1.4"></circle>
+ <circle class="star" cx="8.76%" cy="15.49%" r="1.2"></circle>
+ <circle class="star" cx="32.01%" cy="64.31%" r="1"></circle>
+ <circle class="star" cx="97.26%" cy="83.77%" r="1.2"></circle>
+ <circle class="star" cx="97.69%" cy="64.05%" r="1.1"></circle>
+ <circle class="star" cx="50.46%" cy="20.44%" r="0.9"></circle>
+ <circle class="star" cx="99.13%" cy="1.22%" r="0.9"></circle>
+ <circle class="star" cx="0.47%" cy="19.3%" r="0.8"></circle>
+ <circle class="star" cx="24.73%" cy="90.62%" r="0.6"></circle>
+ <circle class="star" cx="74.66%" cy="8.82%" r="1.1"></circle>
+ <circle class="star" cx="10.88%" cy="70.01%" r="1.1"></circle>
+ <circle class="star" cx="96.32%" cy="63.87%" r="1.2"></circle>
+ <circle class="star" cx="1.79%" cy="9.37%" r="0.9"></circle>
+ <circle class="star" cx="20.52%" cy="87.75%" r="1.2"></circle>
+ <circle class="star" cx="59.56%" cy="39.49%" r="0.9"></circle>
+ <circle class="star" cx="73.79%" cy="46.14%" r="0.8"></circle>
+ <circle class="star" cx="28.89%" cy="28.99%" r="0.8"></circle>
+ <circle class="star" cx="48.43%" cy="54.62%" r="0.9"></circle>
+ <circle class="star" cx="92.92%" cy="58.02%" r="1"></circle>
+ <circle class="star" cx="80.39%" cy="69.29%" r="0.9"></circle>
+ <circle class="star" cx="62.66%" cy="66.18%" r="1.5"></circle>
+ <circle class="star" cx="55.77%" cy="87.11%" r="0.9"></circle>
+ <circle class="star" cx="87.66%" cy="76.58%" r="0.6"></circle>
+ <circle class="star" cx="2.16%" cy="37.58%" r="0.5"></circle>
+ <circle class="star" cx="23.36%" cy="12.35%" r="1.4"></circle>
+ <circle class="star" cx="17.18%" cy="69.72%" r="0.6"></circle>
+ <circle class="star" cx="16.06%" cy="51.03%" r="0.8"></circle>
+ <circle class="star" cx="78.03%" cy="44.83%" r="0.6"></circle>
+ <circle class="star" cx="91.21%" cy="20.01%" r="1.1"></circle>
+ <circle class="star" cx="56.96%" cy="84.43%" r="0.6"></circle>
+ <circle class="star" cx="26.9%" cy="35.71%" r="1"></circle>
+ <circle class="star" cx="13.61%" cy="14.93%" r="0.7"></circle>
+ <circle class="star" cx="60.9%" cy="58.09%" r="0.6"></circle>
+ <circle class="star" cx="0.96%" cy="78.12%" r="0.9"></circle>
+ <circle class="star" cx="49.76%" cy="25.34%" r="1.3"></circle>
+ <circle class="star" cx="76.17%" cy="90.56%" r="0.5"></circle>
+ <circle class="star" cx="86.7%" cy="60.95%" r="1.4"></circle>
+ <circle class="star" cx="66.38%" cy="59.64%" r="1.3"></circle>
+ <circle class="star" cx="62.04%" cy="52.05%" r="1.1"></circle>
+ <circle class="star" cx="67.71%" cy="17.31%" r="1.3"></circle>
+ <circle class="star" cx="36.01%" cy="48.58%" r="1.2"></circle>
+ <circle class="star" cx="7.43%" cy="67.47%" r="0.7"></circle>
+ <circle class="star" cx="39.36%" cy="12.77%" r="1.5"></circle>
+ <circle class="star" cx="64.11%" cy="56.51%" r="0.5"></circle>
+ <circle class="star" cx="84.1%" cy="35.4%" r="0.7"></circle>
+ <circle class="star" cx="58.32%" cy="96.94%" r="1.4"></circle>
+ <circle class="star" cx="9.85%" cy="61.71%" r="1"></circle>
+ <circle class="star" cx="82.55%" cy="74.78%" r="0.8"></circle>
+ <circle class="star" cx="85.31%" cy="55.74%" r="1.4"></circle>
+ <circle class="star" cx="12.9%" cy="51.65%" r="0.9"></circle>
+ <circle class="star" cx="58.39%" cy="64.26%" r="0.7"></circle>
+ <circle class="star" cx="65.69%" cy="88.95%" r="0.8"></circle>
+ <circle class="star" cx="67.39%" cy="84.87%" r="0.6"></circle>
+ <circle class="star" cx="66.95%" cy="74.04%" r="0.5"></circle>
+ <circle class="star" cx="29.19%" cy="83.07%" r="0.9"></circle>
+ <circle class="star" cx="17.3%" cy="56.65%" r="1"></circle>
+ <circle class="star" cx="71.44%" cy="17.39%" r="1.4"></circle>
+ <circle class="star" cx="98.93%" cy="32.65%" r="1.4"></circle>
+ <circle class="star" cx="83.27%" cy="80.43%" r="0.9"></circle>
+ <circle class="star" cx="40.04%" cy="73.73%" r="1"></circle>
+ <circle class="star" cx="84.78%" cy="7.64%" r="1.4"></circle>
+ <circle class="star" cx="58.88%" cy="67.94%" r="0.5"></circle>
+ <circle class="star" cx="18.41%" cy="58.56%" r="0.6"></circle>
+ <circle class="star" cx="17.83%" cy="57.36%" r="1.4"></circle>
+ <circle class="star" cx="58.13%" cy="37.13%" r="0.6"></circle>
+ <circle class="star" cx="12.82%" cy="48.24%" r="0.8"></circle>
+ <circle class="star" cx="88.31%" cy="50.99%" r="1.4"></circle>
+ <circle class="star" cx="62.38%" cy="41.5%" r="1.1"></circle>
+ <circle class="star" cx="2.66%" cy="97.51%" r="0.6"></circle>
+ <circle class="star" cx="85.42%" cy="49.59%" r="1.4"></circle>
+ <circle class="star" cx="18.96%" cy="3.93%" r="1.5"></circle>
+ <circle class="star" cx="90.33%" cy="45.72%" r="0.9"></circle>
+ <circle class="star" cx="5.98%" cy="57.76%" r="1.4"></circle>
+ <circle class="star" cx="12.04%" cy="65.08%" r="0.7"></circle>
+ <circle class="star" cx="28.5%" cy="34.21%" r="0.8"></circle>
+ <circle class="star" cx="69.24%" cy="48.86%" r="1.1"></circle>
+ <circle class="star" cx="5.18%" cy="3.21%" r="1.2"></circle>
+ <circle class="star" cx="47.37%" cy="58.57%" r="0.6"></circle>
+ <circle class="star" cx="48.82%" cy="7.58%" r="0.5"></circle>
+ <circle class="star" cx="84.46%" cy="58.62%" r="1.1"></circle>
+ <circle class="star" cx="40.88%" cy="32.9%" r="1.1"></circle>
+ <circle class="star" cx="64.3%" cy="39.86%" r="1.3"></circle>
+ <circle class="star" cx="29.94%" cy="73.17%" r="1"></circle>
+ <circle class="star" cx="87.16%" cy="72.75%" r="1.1"></circle>
+ <circle class="star" cx="60.23%" cy="62.81%" r="1.4"></circle>
+ <circle class="star" cx="60.79%" cy="9.78%" r="1.1"></circle>
+ <circle class="star" cx="9.02%" cy="23.51%" r="1"></circle>
+ <circle class="star" cx="27.34%" cy="56.14%" r="1.5"></circle>
+ <circle class="star" cx="12.32%" cy="40.74%" r="1.4"></circle>
+ <circle class="star" cx="32.71%" cy="7.39%" r="1.1"></circle>
+ <circle class="star" cx="28.93%" cy="13.65%" r="1.3"></circle>
+ <circle class="star" cx="22.16%" cy="56.61%" r="0.5"></circle>
+ <circle class="star" cx="20.71%" cy="90.33%" r="1.5"></circle>
+ <circle class="star" cx="50.11%" cy="88.54%" r="0.6"></circle>
+ <circle class="star" cx="48.69%" cy="14.28%" r="0.6"></circle>
+ <circle class="star" cx="68.75%" cy="53.3%" r="0.5"></circle>
+ <circle class="star" cx="89.78%" cy="31.24%" r="0.9"></circle>
+ <circle class="star" cx="66.24%" cy="67.23%" r="1.1"></circle>
+ <circle class="star" cx="39.35%" cy="38.06%" r="0.7"></circle>
+ <circle class="star" cx="34.39%" cy="94.43%" r="0.7"></circle>
+ <circle class="star" cx="59.75%" cy="88.81%" r="0.9"></circle>
+ <circle class="star" cx="49.89%" cy="76.1%" r="1.2"></circle>
+ <circle class="star" cx="72.55%" cy="15.53%" r="0.8"></circle>
+ <circle class="star" cx="68.4%" cy="40.67%" r="0.8"></circle>
+ <circle class="star" cx="70.11%" cy="15.3%" r="1"></circle>
+ <circle class="star" cx="36.58%" cy="19.07%" r="1.2"></circle>
+ <circle class="star" cx="3.64%" cy="14.42%" r="0.9"></circle>
+ <circle class="star" cx="40.16%" cy="43.42%" r="0.7"></circle>
+ <circle class="star" cx="4.92%" cy="87.25%" r="1.1"></circle>
+ <circle class="star" cx="1.55%" cy="41.15%" r="1.3"></circle>
+ <circle class="star" cx="66.89%" cy="73.77%" r="1.5"></circle>
+ </svg>
+ <svg class="stars" width="100%" height="100%" preserveAspectRatio="none">
+ <circle class="star" cx="41.34%" cy="3.74%" r="0.8"></circle>
+ <circle class="star" cx="66.38%" cy="14.97%" r="1.5"></circle>
+ <circle class="star" cx="24.03%" cy="8.92%" r="0.9"></circle>
+ <circle class="star" cx="91.86%" cy="67.35%" r="1.3"></circle>
+ <circle class="star" cx="95.45%" cy="49.05%" r="0.7"></circle>
+ <circle class="star" cx="78.95%" cy="8.72%" r="1"></circle>
+ <circle class="star" cx="44.54%" cy="81.25%" r="0.6"></circle>
+ <circle class="star" cx="93.73%" cy="48.45%" r="1.3"></circle>
+ <circle class="star" cx="5.68%" cy="82.64%" r="1.3"></circle>
+ <circle class="star" cx="76.18%" cy="92.39%" r="0.5"></circle>
+ <circle class="star" cx="48.79%" cy="25.54%" r="1"></circle>
+ <circle class="star" cx="64.89%" cy="9.23%" r="1.3"></circle>
+ <circle class="star" cx="53.38%" cy="97.8%" r="0.8"></circle>
+ <circle class="star" cx="14.87%" cy="23.41%" r="0.8"></circle>
+ <circle class="star" cx="45.04%" cy="31.86%" r="0.8"></circle>
+ <circle class="star" cx="27.19%" cy="27.36%" r="1"></circle>
+ <circle class="star" cx="85.44%" cy="69.62%" r="0.6"></circle>
+ <circle class="star" cx="72.67%" cy="6.14%" r="1.4"></circle>
+ <circle class="star" cx="19.68%" cy="86.3%" r="1.4"></circle>
+ <circle class="star" cx="71.86%" cy="97.41%" r="1"></circle>
+ <circle class="star" cx="12.96%" cy="24%" r="1.2"></circle>
+ <circle class="star" cx="33.28%" cy="80.41%" r="0.8"></circle>
+ <circle class="star" cx="32.1%" cy="64.55%" r="0.6"></circle>
+ <circle class="star" cx="13.49%" cy="84.53%" r="0.6"></circle>
+ <circle class="star" cx="94.81%" cy="61.91%" r="0.9"></circle>
+ <circle class="star" cx="30.47%" cy="9.55%" r="1.3"></circle>
+ <circle class="star" cx="40.03%" cy="41.83%" r="0.9"></circle>
+ <circle class="star" cx="3.57%" cy="36.22%" r="1.2"></circle>
+ <circle class="star" cx="5.45%" cy="67.22%" r="1.2"></circle>
+ <circle class="star" cx="92.22%" cy="17.97%" r="0.8"></circle>
+ <circle class="star" cx="84.28%" cy="87.08%" r="1.4"></circle>
+ <circle class="star" cx="45.79%" cy="14.51%" r="1"></circle>
+ <circle class="star" cx="99.66%" cy="83.38%" r="1.5"></circle>
+ <circle class="star" cx="85.91%" cy="74.03%" r="0.9"></circle>
+ <circle class="star" cx="24.03%" cy="37.85%" r="0.6"></circle>
+ <circle class="star" cx="95.68%" cy="1.36%" r="0.6"></circle>
+ <circle class="star" cx="17.54%" cy="33.68%" r="0.5"></circle>
+ <circle class="star" cx="71.91%" cy="26.42%" r="1"></circle>
+ <circle class="star" cx="48.31%" cy="51.17%" r="0.6"></circle>
+ <circle class="star" cx="10.07%" cy="85.17%" r="0.6"></circle>
+ <circle class="star" cx="68.48%" cy="1.47%" r="0.8"></circle>
+ <circle class="star" cx="7.5%" cy="83.21%" r="1.4"></circle>
+ <circle class="star" cx="62.07%" cy="99.69%" r="0.6"></circle>
+ <circle class="star" cx="43.24%" cy="90.16%" r="1.1"></circle>
+ <circle class="star" cx="95.31%" cy="31.01%" r="1.4"></circle>
+ <circle class="star" cx="25.69%" cy="76.28%" r="1.5"></circle>
+ <circle class="star" cx="72.39%" cy="77.48%" r="1.1"></circle>
+ <circle class="star" cx="56.37%" cy="57.86%" r="1"></circle>
+ <circle class="star" cx="59.79%" cy="29.33%" r="0.9"></circle>
+ <circle class="star" cx="54.58%" cy="16.48%" r="1.3"></circle>
+ <circle class="star" cx="53.49%" cy="55.43%" r="1.3"></circle>
+ <circle class="star" cx="93.65%" cy="15.03%" r="1.1"></circle>
+ <circle class="star" cx="77.19%" cy="26.96%" r="0.7"></circle>
+ <circle class="star" cx="37.89%" cy="66.75%" r="0.8"></circle>
+ <circle class="star" cx="66.83%" cy="1.32%" r="1.2"></circle>
+ <circle class="star" cx="4.28%" cy="41.75%" r="0.6"></circle>
+ <circle class="star" cx="3.01%" cy="43.66%" r="1.2"></circle>
+ <circle class="star" cx="87.06%" cy="79.33%" r="0.6"></circle>
+ <circle class="star" cx="74.82%" cy="37.66%" r="1.2"></circle>
+ <circle class="star" cx="70.64%" cy="69.9%" r="1.1"></circle>
+ <circle class="star" cx="37.08%" cy="28.17%" r="1.4"></circle>
+ <circle class="star" cx="9.73%" cy="4.38%" r="0.6"></circle>
+ <circle class="star" cx="27.13%" cy="39.27%" r="1.3"></circle>
+ <circle class="star" cx="21.96%" cy="33.52%" r="1.2"></circle>
+ <circle class="star" cx="0.55%" cy="59.52%" r="1.1"></circle>
+ <circle class="star" cx="43.66%" cy="27.1%" r="1"></circle>
+ <circle class="star" cx="8.93%" cy="72.6%" r="0.8"></circle>
+ <circle class="star" cx="72.85%" cy="14.52%" r="0.8"></circle>
+ <circle class="star" cx="94.98%" cy="11.44%" r="0.8"></circle>
+ <circle class="star" cx="72.45%" cy="70.47%" r="1"></circle>
+ <circle class="star" cx="91.22%" cy="69.94%" r="1.3"></circle>
+ <circle class="star" cx="16.53%" cy="53.73%" r="0.7"></circle>
+ <circle class="star" cx="55.43%" cy="83.58%" r="1.3"></circle>
+ <circle class="star" cx="90.33%" cy="20.68%" r="0.8"></circle>
+ <circle class="star" cx="23.12%" cy="77.08%" r="0.8"></circle>
+ <circle class="star" cx="81.32%" cy="95.64%" r="1.2"></circle>
+ <circle class="star" cx="47.08%" cy="83.72%" r="1"></circle>
+ <circle class="star" cx="7.26%" cy="87.61%" r="0.8"></circle>
+ <circle class="star" cx="8.59%" cy="16.17%" r="1.4"></circle>
+ <circle class="star" cx="45.42%" cy="16.71%" r="0.8"></circle>
+ <circle class="star" cx="68.91%" cy="3.92%" r="1"></circle>
+ <circle class="star" cx="48.06%" cy="74.71%" r="0.5"></circle>
+ <circle class="star" cx="14.3%" cy="2.29%" r="1.3"></circle>
+ <circle class="star" cx="66.57%" cy="82.67%" r="1"></circle>
+ <circle class="star" cx="46.09%" cy="80.22%" r="0.9"></circle>
+ <circle class="star" cx="83.32%" cy="27.87%" r="1.5"></circle>
+ <circle class="star" cx="7.52%" cy="15.06%" r="1.4"></circle>
+ <circle class="star" cx="60.82%" cy="61.55%" r="0.9"></circle>
+ <circle class="star" cx="97.23%" cy="6.5%" r="0.9"></circle>
+ <circle class="star" cx="16.56%" cy="91.91%" r="1"></circle>
+ <circle class="star" cx="46.67%" cy="98.07%" r="1.3"></circle>
+ <circle class="star" cx="96.03%" cy="20.99%" r="1"></circle>
+ <circle class="star" cx="95.13%" cy="44.29%" r="1"></circle>
+ <circle class="star" cx="29.8%" cy="20.69%" r="1.4"></circle>
+ <circle class="star" cx="88.38%" cy="64.51%" r="0.9"></circle>
+ <circle class="star" cx="33.01%" cy="95.46%" r="1.1"></circle>
+ <circle class="star" cx="26.51%" cy="33.91%" r="0.7"></circle>
+ <circle class="star" cx="13.03%" cy="4.85%" r="1.2"></circle>
+ <circle class="star" cx="20.85%" cy="17.83%" r="0.9"></circle>
+ <circle class="star" cx="40.07%" cy="21.42%" r="1.1"></circle>
+ <circle class="star" cx="93.64%" cy="0.26%" r="0.6"></circle>
+ <circle class="star" cx="48.25%" cy="92.15%" r="1.4"></circle>
+ <circle class="star" cx="51.46%" cy="51.33%" r="1.4"></circle>
+ <circle class="star" cx="19.6%" cy="99.63%" r="0.8"></circle>
+ <circle class="star" cx="92.91%" cy="69.52%" r="0.7"></circle>
+ <circle class="star" cx="18.26%" cy="2.44%" r="1.2"></circle>
+ <circle class="star" cx="94.25%" cy="45.37%" r="1.5"></circle>
+ <circle class="star" cx="9.21%" cy="52.33%" r="1.1"></circle>
+ <circle class="star" cx="74.41%" cy="89.57%" r="1.3"></circle>
+ <circle class="star" cx="29.17%" cy="22.8%" r="0.5"></circle>
+ <circle class="star" cx="37.01%" cy="96.95%" r="0.7"></circle>
+ <circle class="star" cx="83.98%" cy="14.69%" r="1.3"></circle>
+ <circle class="star" cx="43.1%" cy="83.63%" r="1.2"></circle>
+ <circle class="star" cx="61.32%" cy="15.65%" r="0.5"></circle>
+ <circle class="star" cx="75.93%" cy="6.86%" r="1.5"></circle>
+ <circle class="star" cx="74.91%" cy="92.39%" r="1.1"></circle>
+ <circle class="star" cx="20.74%" cy="77.14%" r="0.6"></circle>
+ <circle class="star" cx="14.46%" cy="46.02%" r="0.9"></circle>
+ <circle class="star" cx="69.64%" cy="72.23%" r="1"></circle>
+ <circle class="star" cx="78.26%" cy="76.89%" r="1"></circle>
+ <circle class="star" cx="80.44%" cy="45.35%" r="0.9"></circle>
+ <circle class="star" cx="36.02%" cy="8.69%" r="1"></circle>
+ <circle class="star" cx="61.1%" cy="57.19%" r="0.6"></circle>
+ <circle class="star" cx="29.53%" cy="96.44%" r="0.8"></circle>
+ <circle class="star" cx="3.85%" cy="20.28%" r="1.2"></circle>
+ <circle class="star" cx="17.75%" cy="54.02%" r="0.5"></circle>
+ <circle class="star" cx="52.61%" cy="75.84%" r="0.9"></circle>
+ <circle class="star" cx="75.13%" cy="66.05%" r="0.5"></circle>
+ <circle class="star" cx="31.06%" cy="22.86%" r="0.8"></circle>
+ <circle class="star" cx="23.93%" cy="37.59%" r="1.4"></circle>
+ <circle class="star" cx="93.02%" cy="77.33%" r="0.8"></circle>
+ <circle class="star" cx="99.29%" cy="74.13%" r="1.3"></circle>
+ <circle class="star" cx="8.68%" cy="45.35%" r="1"></circle>
+ <circle class="star" cx="51.37%" cy="80.44%" r="1.3"></circle>
+ <circle class="star" cx="54.86%" cy="95.86%" r="0.8"></circle>
+ <circle class="star" cx="72.18%" cy="33.07%" r="1"></circle>
+ <circle class="star" cx="54.62%" cy="77.9%" r="0.8"></circle>
+ <circle class="star" cx="73.28%" cy="84.92%" r="1.2"></circle>
+ <circle class="star" cx="43.13%" cy="13.5%" r="1.5"></circle>
+ <circle class="star" cx="40.31%" cy="15.13%" r="1.2"></circle>
+ <circle class="star" cx="12.42%" cy="39.64%" r="1"></circle>
+ <circle class="star" cx="32.96%" cy="28.92%" r="1.1"></circle>
+ <circle class="star" cx="85.16%" cy="13.09%" r="1.2"></circle>
+ <circle class="star" cx="80.73%" cy="43.82%" r="1.3"></circle>
+ <circle class="star" cx="95.75%" cy="97.07%" r="0.6"></circle>
+ <circle class="star" cx="62.68%" cy="53.16%" r="1.4"></circle>
+ <circle class="star" cx="44.18%" cy="67.44%" r="0.7"></circle>
+ <circle class="star" cx="38.26%" cy="91.26%" r="1.1"></circle>
+ <circle class="star" cx="93.97%" cy="99.74%" r="0.7"></circle>
+ <circle class="star" cx="64.48%" cy="12.41%" r="1.2"></circle>
+ <circle class="star" cx="72.59%" cy="44.65%" r="1.1"></circle>
+ <circle class="star" cx="39.36%" cy="80.52%" r="0.9"></circle>
+ <circle class="star" cx="56.47%" cy="92.06%" r="1.1"></circle>
+ <circle class="star" cx="94.19%" cy="51.26%" r="0.9"></circle>
+ <circle class="star" cx="36.38%" cy="34.46%" r="1.1"></circle>
+ <circle class="star" cx="20.01%" cy="15.3%" r="1.1"></circle>
+ <circle class="star" cx="91.93%" cy="97.95%" r="1"></circle>
+ <circle class="star" cx="39.76%" cy="70.84%" r="1.5"></circle>
+ <circle class="star" cx="33.11%" cy="96.7%" r="1.1"></circle>
+ <circle class="star" cx="46.96%" cy="19.67%" r="0.7"></circle>
+ <circle class="star" cx="52.05%" cy="54.44%" r="1.3"></circle>
+ <circle class="star" cx="49.37%" cy="14.21%" r="1.1"></circle>
+ <circle class="star" cx="58.48%" cy="12.96%" r="0.5"></circle>
+ <circle class="star" cx="15.64%" cy="34.47%" r="1.3"></circle>
+ <circle class="star" cx="23.68%" cy="59.83%" r="0.7"></circle>
+ <circle class="star" cx="32.6%" cy="17.29%" r="0.9"></circle>
+ <circle class="star" cx="51.22%" cy="64.53%" r="0.8"></circle>
+ <circle class="star" cx="24.8%" cy="1.04%" r="0.6"></circle>
+ <circle class="star" cx="42.45%" cy="29.14%" r="0.9"></circle>
+ <circle class="star" cx="84.76%" cy="40.02%" r="1.5"></circle>
+ <circle class="star" cx="93.8%" cy="6.3%" r="0.8"></circle>
+ <circle class="star" cx="78.22%" cy="54.45%" r="0.7"></circle>
+ <circle class="star" cx="31.38%" cy="35.67%" r="1.4"></circle>
+ <circle class="star" cx="87.29%" cy="85.01%" r="1.1"></circle>
+ <circle class="star" cx="87.36%" cy="9.14%" r="0.5"></circle>
+ <circle class="star" cx="58.79%" cy="38.05%" r="1.3"></circle>
+ <circle class="star" cx="21.36%" cy="57.63%" r="0.7"></circle>
+ <circle class="star" cx="13.2%" cy="53.13%" r="1.5"></circle>
+ <circle class="star" cx="53.23%" cy="97.5%" r="1"></circle>
+ <circle class="star" cx="1.49%" cy="29.68%" r="1.1"></circle>
+ <circle class="star" cx="58.13%" cy="92.51%" r="1"></circle>
+ <circle class="star" cx="79.73%" cy="20.72%" r="1.2"></circle>
+ <circle class="star" cx="62.88%" cy="45.69%" r="1.2"></circle>
+ <circle class="star" cx="31.86%" cy="94.28%" r="0.7"></circle>
+ <circle class="star" cx="10.77%" cy="1.39%" r="0.7"></circle>
+ <circle class="star" cx="44.3%" cy="19.87%" r="0.8"></circle>
+ <circle class="star" cx="18.37%" cy="6.9%" r="1.4"></circle>
+ <circle class="star" cx="17.23%" cy="5.13%" r="0.8"></circle>
+ <circle class="star" cx="8.22%" cy="64.95%" r="0.8"></circle>
+ <circle class="star" cx="36.4%" cy="14.79%" r="1.4"></circle>
+ <circle class="star" cx="10.6%" cy="91.74%" r="1.1"></circle>
+ <circle class="star" cx="9.37%" cy="7.77%" r="1.3"></circle>
+ <circle class="star" cx="68.84%" cy="47.92%" r="1.2"></circle>
+ <circle class="star" cx="63.68%" cy="66.29%" r="1.3"></circle>
+ <circle class="star" cx="75.93%" cy="53.05%" r="0.8"></circle>
+ <circle class="star" cx="86.78%" cy="60.63%" r="0.6"></circle>
+ <circle class="star" cx="63.6%" cy="27.83%" r="0.6"></circle>
+ <circle class="star" cx="73.88%" cy="86.73%" r="1.3"></circle>
+ <circle class="star" cx="60.8%" cy="60.16%" r="1.3"></circle>
+ <circle class="star" cx="65.06%" cy="4%" r="0.5"></circle>
+ </svg>
+ <svg class="extras" width="100%" height="100%" preserveAspectRatio="none">
+ <defs>
+ <radialGradient id="comet-gradient" ="" cx="0" cy=".5" r="0.5">
+ <stop offset="0%" stop-color="rgba(255,255,255,.8)"></stop>
+ <stop offset="100%" stop-color="rgba(255,255,255,0)"></stop>
+ </radialGradient>
+ </defs>
+ <g transform="rotate(-135)">
+ <ellipse class="comet comet-a" fill="url(#comet-gradient)" cx="0" cy="0" rx="150" ry="2"></ellipse>
+ </g>
+ <g transform="rotate(20)">
+ <ellipse class="comet comet-b" fill="url(#comet-gradient)" cx="100%" cy="0" rx="150" ry="2"></ellipse>
+ </g>
+ <g transform="rotate(300)">
+ <ellipse class="comet comet-c" fill="url(#comet-gradient)" cx="40%" cy="100%" rx="150" ry="2"></ellipse>
+ </g>
+ </svg>
</div>
+ <svg width="100%" height="100%" class="bg-text">
+ <defs>
+ <pattern id="polka-dots" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse">
+ <!-- <circle fill="#be9ddf" cx="25" cy="25" r="3"></circle> -->
+ </pattern>
+ </defs>
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#polka-dots)"> </rect>
+ <text x="50%" y="50%" text-anchor="middle" class="title">Attributions</text>
+ </svg>
+ </section>
+
+
+
+
+
+ <!-- Header -->
+ <!-- <Header class="background-hero py-5 mb-5">
+ <div class="container h-100">
+ <div class="row h-100 align-items-center">
+ <div class="col-lg-12">
+ <h1 class="display-4 text-white mt-5 mb-2">Attributions</h1>
+ <p class="lead mb-5 text-white-50"></p>
+ </div>
+ </div>
+ </div>
+
+ </Header> -->
+ <!-- Page Content -->
+ <!-- <div class="introduction">
+ <section>
+ <div class="textBox1">
+ <div class="intro1">
+ <h1 class="layer"></h1>
+ </div>
+ </div>
+ <div class="textBox2">
+ <div class="intro2">
+ <h1 class="layer"></h1>
+ </div>
+ </div>
+ </section>
+ </div> -->
+
+
+ <!-- Navigation -->
+ <div id="icon" class="none body">
+ <span>☰</span>
+ </div>
+ <div class="navbar none body" id="Menu">
+
+ <ul>
+ <!---- TEAM NAME ---->
+ <li><a href="{{ url_for('pages', page='home') }}"><img class="navbar-brand" src="https://static.igem.wiki/teams/4705/wiki/logo.png" height="50px" alt="NJMU"></a></li>
+
+ <!-- Home -->
+ <li class="dropdown">
+ <a href="{{ url_for('pages', page='home') }}">Home</a>
+ </li>
+ <li class="dropdown">
+ <a>Project</a>
+ <ol>
+ <li class="line"><a href="{{ url_for('pages', page='background') }}">Background</a></li>
+ <li class="line"><a href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li class="line"><a href="{{ url_for('pages', page='design') }}">Design</a></li>
+ <li class="line"><a href="{{ url_for('pages', page='entrepreneurship') }}">Entrepreneurship</a></li>
+ <li class="line"><a href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ol>
+ </li>
+ <li class="dropdown">
+ <a>Wet Lab</a>
+ <ol>
+ <li><a href="{{ url_for('pages', page='experiments') }}">Experiments</a></li>
+ <li class="line"><a href="{{ url_for('pages', page='engineering') }}">Engineering success</a></li>
+ <li><a href="{{ url_for('pages', page='wetlab-parts') }}">Parts</a></li>
+ <li class="line"><a href="{{ url_for('pages', page='result') }}">Results</a></li>
+ <li class="line"><a href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ </ol>
+ </li>
+ <li class="dropdown">
+ <a href="{{ url_for('pages', page='model') }}"> model</a>
+ </li>
+ <li class="dropdown">
+ <a>Outreach</a>
+ <ol>
+ <li class="line"><a href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a href="{{ url_for('pages', page='communication') }}">Communication</a></li>
+ </ol>
+ </li>
+ <li class="dropdown">
+ <a>Human Practices</a>
+ <ol>
+ <li class="line"><a href="{{ url_for('pages', page='overview') }}">Overview</a></li>
+ <li class="line"><a href="{{ url_for('pages', page='human-practices') }}">Integrated Human Practices</a></li>
+ <li class="line"><a href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a href="{{ url_for('pages', page='sustainable-development') }}">Sustainable Development </a></li>
+ </ol>
+ </li>
+ <li class="dropdown">
+ <a>Team</a>
+ <ol>
+ <li class="line"><a href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li class="line"><a href="{{ url_for('pages', page='attributions') }}">Attributions</a></li>
+ <li class="line"><a href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li class="line"><a href="{{ url_for('pages', page='contribution') }}">Contributions</a></li>
+ <li class="line"><a href="{{ url_for('pages', page='medal') }}">Medal Criteria</a></li>
+ </ol>
+ </li>
+ <li>
+ <button><a class="cta white" href="#footer">CONTACT</a></button>
+ </li>
+ </ul>
+ </div>
+
+ <div class="progress-container none body">
+ <div class="progress-bar" id="myBar"></div>
+ </div>
+
+ <script>
+ var HtmlWidth = document.documentElement.clientWidth;
+ var Icon = document.getElementById('icon');
+
+ var DivMenu = document.getElementById('Menu');
+ var flag = false;
+ /* DivMenu.style.transform = "scaleX(0)"; */
+ function IconButton() {
+ Icon.addEventListener('click', () => {
+ if (flag) {
+ DivMenu.style.transform = "scaleX(0)";
+ flag = false;
+ } else {
+ DivMenu.style.transform = "scaleX(1)";
+ flag = true;
+ }
+ })
+ }
+ setInterval(IconButton(),1000)
+ </script>
+<!-- -------------AOS JS------------ -->
+<script type="text/javascript" src="static/aosanimate.js"></script>
+<!-- <script type="text/javascript" src="static/echats-4.7.0.js"></script> -->
+</script>
+<script>
+ AOS.init();
+ // When the user scrolls the page, execute myFunction
+ window.onscroll = function() {myFunction(); AOS.refresh()};
+
+ function myFunction() {
+ var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
+ var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+ var scrolled = (winScroll / height) * 100;
+ document.getElementById("myBar").style.width = scrolled + "%";
+ }
+ $(function () {
+ $('[data-toggle="popover"]').popover()
+ })
+ document.querySelector('#HQ_page').removeAttribute('id');
+
+ window.onload = function(){
+ document.getElementById("loader-container").style.display = "none";
+ document.getElementById("page").style.display = "block";
+ }
+</script>
+
+<div class="none body" id="main">
+ <div class="flex-container trigger" style="margin-top: 6vh;">
+ <div class="overview up1 animate__animated">
+
+<p>On this page, we applaud every individual, community, and organization that has contributed to our project. This includes the work done by each of the student members on our team and any work that was done by people outside of our team, including the host labs, advisors, instructors, and individuals not on the team roster. Team NJMU-China 2023 appreciates the courteous contributions and support from every individual and every group mentioned below!</p>
+
+ </div>
+ </div>
+
+
+
<!--
======================================================================
== VERY IMPORTANT ==
--
GitLab