Skip to content
Snippets Groups Projects
Commit 006cb538 authored by HouTeng Chan's avatar HouTeng Chan
Browse files

Update file attributions.html

parent 1fc3d942
No related branches found
No related tags found
No related merge requests found
...@@ -11,18 +11,21 @@ ...@@ -11,18 +11,21 @@
line-height: 1.6; line-height: 1.6;
margin: 0; margin: 0;
padding: 0; padding: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
} }
.content { .content {
padding: 20px; width: 66.67%; /* 2/3 of the screen width */
max-width: 1500px; max-width: 1000px; /* Adjust as needed */
margin: 0 auto; margin: 0 auto;
} }
h2 { h2 {
scroll-margin-top: 60px; scroll-margin-top: 60px;
} }
.row.mt-4 { .row.mt-4 {
margin-right: 400px; margin: 0; /* Remove left and right margins */
margin-left: 130px;
} }
.sidebar { .sidebar {
height: 300px; height: 300px;
...@@ -47,6 +50,15 @@ ...@@ -47,6 +50,15 @@
padding-left: 20px; padding-left: 20px;
margin-bottom: 0; margin-bottom: 0;
} }
.progress-container {
text-align: center;
margin-bottom: 20px;
}
#igem-attribution-form {
width: 100%;
height: 80vh; /* Adjust the height as needed */
border: none;
}
</style> </style>
</head> </head>
<body> <body>
...@@ -55,165 +67,27 @@ ...@@ -55,165 +67,27 @@
{% block title %}Attributions{% endblock %} {% block title %}Attributions{% endblock %}
{% block page_content %} {% block page_content %}
<div class="content">
<div class="progress-container">
<div class="progress-container"> <svg class="progress-bar-circle" width="60" height="60">
<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>
<circle class="progress-circle" cx="30" cy="30" r="25" stroke-width="5" fill="transparent"></circle> </svg>
</svg> <div class="progress-text">0%</div>
<div class="progress-text">0%</div>
</div>
<!--
<div class="row mt-4">
<div class="col-lg-12">
<h2 id="Team-Member-Contributions">Team Member Contributions</h2>
<hr>
<div class="grid-container">
<div class="grid-item">
<h4>HaoRan Chang</h4>
<p>Tasks: Project design, Background research, Team management, Experiment design, Therapy system experiment, Education, Human practice, Safety</p>
<p>specific task: As the team leader and the head of the wet experiment, I designed the wet experimental biological system of the project and initiated the background research of the project. The management regulations and division of labor of the laboratory were formulated, the experimental design and experimental plan of the wet experiment were formulated, and the relevant materials of the team were filled in. As a member of the wet experiment team, I was responsible for the experiment and result analysis of the treatment system, and gave suggestions for the colonization system experiment. As a member of HP team, I hosted enterprise exchange, inter-team communication, middle school volunteer teaching and laboratory Open Day activities.
</p>
</div>
<div class="grid-item">
<h4>JiaHui Chen</h4>
<p>Tasks: Analysis, Investigation, Background Research, Conceptualization, Notebook/record keeping, Data Curation, Public Engagement, Entrepreneurship, Visualization, Writing, Safety</p>
<p>Specific tasks: As the main director of human practice part, disigned and partcipated the plan of our human practice including interview, education, entrepreneurship, public engagement and partnership. Also, as the main person to contact other iGEM teams and most professors to search for help and advice about our wet lab, dry lab, education and entrepreneurship. As a team member, participating in some dry experiment, conducts experiments and experimental records, analyzes relevant experimental data; as a team member, completed some illustrations and text writing in the wiki and pamphlet.
</p>
</div>
<div class="grid-item">
<h4>ZheFu Li</h4>
<p>Tasks: Project design, Modeling, Team communication, Wiki Coding, Management</p>
<p>Specific tasks: As team leader, responsible for visa materials collection, hotel reservation, campus procedures and payment collection; as the initial team member of MusCure project in brainstorming stage, participated in the project design and improvement; as the dry lab leader, did the overall design of modeling and finished the signal transduction model, and filled in the wiki content. Participated in inter-team communication with undergraduate igem teams in Beijing, Shanghai, central China and teams of the intestinal flora project.</p>
</div>
<div class="grid-item">
<h4>WeiHan Xiao</h4>
<p>Background Research, Notebook/record keeping, Investigation, Public Engagement, Writing, Safety</p>
<p>As a team member, brainstorms on the project, writing parts of safety, manage Experiment Notebook. As a participator of wet lab, participated in the design of experimental procedures, constructed experiments and carried relative data analysis, ensure the biosafety of the wet experiments.</p>
</div>
<div class="grid-item">
<h4>YiMing Wang</h4>
<p>words words words words words words words words words words words words words words words words words words words words words words words</p>
</div>
<div class="grid-item">
<h4>YuHang Shen</h4>
<p>Task: Background Research, Wet-lab Experiment, Notebook/record keeping, Analysis, Project Administration, Public Engagement, Writing, Fundraising</p>
<p>Specific tasks: As a team member, responsible for brainstorming on the project and background research; responsible for experimental design and conduction; analyzes relevant experimental data and improves experimental design; ensures biosafety of the project; assists in recording promotional videos; formulates education and plans for public engagements through various approaches; responsible for “Design” part in the Wiki writing. </p>
</div>
<div class="grid-item">
<h4>HauErn Lien</h4>
<p>Tasks: Hardware, Public Engagement, Promotion Video, Writing, Art design, Conceptualization, Background Research</p>
<p>Specific tasks: As a dry lab member, I propose several delivery methods and build the final hardware design. To improve on our hardware design, I also connect with professionals to review our material selection, hardware architecture and product design. As a team member, I conducted all patient interviews, improving our project based on their feedback. I am the director, screenwriter, videographer, animator and editor of our promotion video. I also contributed in wiki in terms of art and visualization.</p>
</div>
<div class="grid-item">
<h4>HouTeng Chan</h4>
<p>Tasks: Model, Wiki Production, Research</p>
<p>Specific tasks: As a team member, complete the muscenone human compartment model, finish the hardware design, coding for the whole wiki, and complete supplementary research.</p>
</div>
<div class="grid-item">
<h4>YuHan Xie</h4>
<p>Tasks: Project design, Background research, Experiment design, Colonization system experiment, Human practice</p>
<p>specific task:As the wet-lab member, I participated in the design of the colonization system. I also designed the experiments of the colonization system. I was responsible for the main part of the wet experiment of the colonization system and analyzed the data and figure. As a member of HP team, I attended the CCIC and participated in the presentation of our project.</p>
</div>
<div class="grid-item">
<h4>ShiSu Li</h4>
<p>words words words words words words words words words words words words words words words words words words words words words words words</p>
</div>
<div class="grid-item">
<h4>WanPeng Wu</h4>
<p>Visualisation, Writing,Background research, Media, Education, Communication, Public Engagement</p>
<p>Specific Tasks: As a team member, responsible for all visual illustrations in the project including wiki art, logo design, team T-shirt and education materials. As a team member, participated and gave public speeches in multiple meetings and forums among other iGEM teams related to human practices. As a team member, involved in the management of social media of our team.</p>
</div>
<div class="grid-item">
<h4>Chalen Wakim</h4>
<p>Background Research, Social Media Management, Promotion & Presentation Videos, Wet Lab Support, Public Engagement, Translation</p>
<p>Specific tasks: Conducted background research on Inflammatory Bowel Disease (IBD) and Human Practices. Managed social media, creating engaging content for the public. Developed educational videos, including laboratory protocol videos. Oversaw wet lab experiments and contributed to part of dry lab research. Conducted patient interviews, assisted with wiki writing, and translated videos and pamphlets into four languages. Additionally, I served as the screenwriter, editor, and videographer for the presentation video.</p>
</div>
<div class="grid-item">
<h4>ZhouYuan Ji</h4>
<p>Tasks: Conceptualization, Background Research, Notebook/record keeping, Analysis, Investigation, Public Engagement, Writing</p>
<p>Specific Tasks: As a team member, brainstorms on the project, consults background information and does the primary design. As a member in HP group, conducts human practices related to basic medicine and clinical medicine for the therapeutic project. As a member responsible for wet experiments, conducts experiments and experimental records, analyzes relevant experimental data, and ensures the biosafety of the project. As a team member, completes some illustrations and text writing in the wiki.</p>
</div>
<div class="grid-item">
<h4>ChangQi Fan</h4>
<p>Tasks: project design, background research, wet lab experiment, data analysis, laboratory supplies management, wiki writing.</p>
</div>
<div class="grid-item">
<h4>ZiYue Li</h4>
<p>words words words words words words words words words words words words words words words words words words words words words words words</p>
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-lg-12">
<h2 id="External-Contributions">External Contributions</h2>
<hr>
<div class="grid-container">
<div class="grid-item">
<h4>External Contributor 1</h4>
<p>words words words words words words words words words words words words words words words words words words words words words words words</p>
</div>
<div class="grid-item">
<h4>External Contributor 1</h4>
<p>words words words words words words words words words words words words words words words words words words words words words words words</p>
</div>
<div class="grid-item">
<h4>External Contributor 1</h4>
<p>words words words words words words words words words words words words words words words words words words words words words words words</p>
</div>
<div class="grid-item">
<h4>External Contributor 1</h4>
<p>words words words words words words words words words words words words words words words words words words words words words words words</p>
</div>
<div class="grid-item">
<h4>External Contributor 1</h4>
<p>words words words words words words words words words words words words words words words words words words words words words words words</p>
</div>
<div class="grid-item">
<h4>External Contributor 1</h4>
<p>words words words words words words words words words words words words words words words words words words words words words words words</p>
</div>
<div class="grid-item">
<h4>External Contributor 1</h4>
<p>words words words words words words words words words words words words words words words words words words words words words words words</p>
</div>
<div class="grid-item">
<h4>External Contributor 1</h4>
<p>words words words words words words words words words words words words words words words words words words words words words words words</p>
</div>
</div>
</div>
</div> </div>
<div class="row mt-4"> <div class="row mt-4">
<div class="col-lg-12"> <div class="col-lg-12">
<h2 id="Timeline">Timeline</h2> <script type="text/javascript">
<hr> // iframe height listener script
<p>Timeline content goes here...</p> </script>
<iframe
id="igem-attribution-form"
src="https://teams.igem.org/wiki/Tsinghua/attributions"
>
</iframe>
</div> </div>
</div> </div>
</div> </div>
-->
<div class="row mt-4">
<div class="col-lg-12">
<script type="text/javascript">
// iframe height listener script
</script>
<iframe
style="width: 100%"
id="igem-attribution-form"
src="https://teams.igem.org/wiki/Tsinghua/attributions"
>
</iframe>
</div>
</div>
</div>
</body> </body>
</html> </html>
{% endblock %} {% endblock %}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment