Skip to content
Snippets Groups Projects
Commit e21b30b1 authored by Xinyi Zhang's avatar Xinyi Zhang
Browse files

attributions, description, hardware, home, hp.7, member, menu

parent 158edeb1
No related branches found
No related tags found
No related merge requests found
......@@ -254,7 +254,7 @@ $(document).ready(function () {
$("#ins-2").toggleClass("hide");
}
);
$("#mar1").hover(
$("#mar-1").hover(
function () {
$("#mar-2").toggleClass("hide");
},
......
......@@ -11,12 +11,12 @@ $(document).ready(function () {
$(".QS").hover(
function () {
$(".QS img").attr({
src: "https://static.igem.wiki/teams/4583/wiki/team/home-pic-01a.png",
src: "https://static.igem.wiki/teams/4583/wiki/team/home-pic-01b.png",
});
},
function () {
$(".QS img").attr({
src: "https://static.igem.wiki/teams/4583/wiki/team/home-pic-01b.png",
src: "https://static.igem.wiki/teams/4583/wiki/team/home-pic-01a.png",
});
}
);
......
......@@ -72,6 +72,14 @@ nav {
height: 60px;
width: auto;
}
@media screen and (max-width: 777px) {
.navbar-brand img {
height: 50px;
}
.nav-item {
background-color: darkcyan;
}
}
.nav-item {
padding-left: 1.25vw;
padding-right: 1.25vw;
......@@ -521,6 +529,7 @@ figcaption {
justify-content: end;
grid-auto-flow: column;
}
#gradient-phb {
display: grid;
justify-content: center;
......@@ -591,6 +600,26 @@ b#grd-white {
padding-right: 4%;
text-align: end;
}
@media screen and (max-width: 777px) {
.nav-item {
height: 10vh;
}
.nav-item a {
text-align: center !important;
}
.dropdown-menu {
min-width: 50vw;
}
#gradient-phb {
opacity: 0;
}
.gradient-text {
width: 100vw;
}
}
/***** Introduction *****/
.wrapper-introduction {
position: relative;
......@@ -1321,33 +1350,6 @@ figcaption {
/***************************
Hardware
**************************/
.table-hw tr {
border-style: none;
}
.table-hw th {
font-family: "Chillax-Semibold";
font-size: 4vh;
color: white;
text-align: center;
background-color: #33cc99;
padding: 1rem;
}
.table-hw td {
font-family: "Chillax-Regular";
font-size: 3vh;
padding: 1rem;
}
.table-hw .green td {
font-family: "Chillax-Regular";
font-size: 3vh;
background-color: #eafaf7;
padding: 1rem;
}
.blacktext li {
color: #030511;
font-family: "Chillax-Regular";
......@@ -1578,10 +1580,7 @@ a#rig:hover {
#loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 100%;
width: 100%;
height: 100vh;
margin-top: -100px;
margin-left: -100px;
}
......
......@@ -25,8 +25,8 @@
<div id="loading-center">
<div id="loading-center-absolute">
<img
src="https://static.igem.wiki/teams/4583/wiki/team/loading.gif"
height="30%"
src="https://static.igem.wiki/teams/4583/wiki/team/loading22.gif"
width="100%"
background-color="#4510"
/>
</div>
......@@ -34,7 +34,7 @@
</div>
<title>{% block title %}{% endblock %} | SDU-CHINA - iGEM 2023</title>
</head>
<body>
<body class="over-h">
<!-- Navigation -->
{% include 'menu.html' %}
......
......@@ -85,7 +85,7 @@
<a
class="dropdown-item"
href="{{ url_for('pages', page='plant') }}"
>Design</a
>Parts</a
>
</li>
<div class="divider"></div>
......@@ -112,14 +112,6 @@
>Results</a
>
</li>
<div class="divider"></div>
<li>
<a
class="dropdown-item"
href="{{ url_for('pages', page='safety') }}"
>Safety</a
>
</li>
</ul>
</li>
<!---- DRYLAB ---->
......
......@@ -26,37 +26,16 @@ wiki.{% endblock %} {% block header %}
<div class="wrapper-inp bg-model">
<div class="row">
<div class="col-md-2 sidenav-wrapper">
<div class="sidenav">
<p>11111</p>
<p>2222</p>
<p>13333</p>
</div>
<div class="sidenav"></div>
<div id="progress-container">
<div id="progress-bar"></div>
</div>
</div>
<div class="col-sm-9 wiki-content">
<h4>Bronze Medal Criterion #2</h4>
<p>
Describe 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>
<div
class="col-sm-9 wiki-content"
style="font-size: 5vh; text-align: center"
>
<p><b>Attribution Form</b></p>
</div>
</div>
</div>
......
......@@ -20,6 +20,9 @@
img {
max-width: -webkit-fill-available;
}
.table-wrapper {
padding-left: 6%;
}
</style>
<div class="wrapper-inp bg-dsc">
<div class="row">
......@@ -498,8 +501,10 @@
</div>
</div>
</div>
<!-- Inside Pages -->
<script src="{{ url_for('static', filename = 'inside.pages.js')}}"></script>
{% endblock %}
</div>
<!-- Inside Pages -->
<script src="{{ url_for('static', filename = 'jquery-3.7.0.min.js')}}"></script>
<script src="{{ url_for('static', filename = 'inside.pages.js')}}"></script>
<script src="{{ url_for('static', filename = 'colorlump.js')}}"></script>
{% endblock %}
This diff is collapsed.
......@@ -209,7 +209,7 @@
<div id="cha-block" class="row squ-2">
<div class="QS col" position="relative">
<img
src="https://static.igem.wiki/teams/4583/wiki/team/home-pic-01b.png"
src="https://static.igem.wiki/teams/4583/wiki/team/home-pic-01a.png"
width="30vw"
/>
</div>
......
......@@ -81,7 +81,7 @@ header %}
>
</div>
</div>
<div in="mar-1">
<div id="mar-1">
<a href="#mar"
><p><b>Putting our idea into market</b></p></a
>
......@@ -3040,12 +3040,12 @@ header %}
</ul>
<img
id="table-re-switch"
src="https://static.igem.wiki/teams/4583/wiki/graphic-design/button-close.png"
alt="bottun"
src="https://static.igem.wiki/teams/4583/wiki/graphic-design/button-open.png"
alt="Fig.6 The formula we use to assess our web accessibility"
style="display: block; margin: 0 auto"
/>
</div>
<div id="table-re" class="table-wrapper hide">
<div id="table-re" class="table-wrapper">
<div class="table-fo" id="reference">
<p>
[1]
......
{% extends "layout.html" %} {% block title %}Safety{% endblock %} {% block lead
%}Describe all the safety issues of your project.{% endblock %} {% block header
%}
<style>
.model-bg {
background-image: url("https://static.igem.wiki/teams/4583/wiki/modeling/ep-pic-banner01.png");
}
</style>
<div class="inp-bg model-bg">
<div class="inp-title">
<p style="margin: 0 0 -10px 0">Safety</p>
<p style="font-family: Chillax-Light; font-size: 1.5vw">2023 SDU-CHINA</p>
</div>
</div>
<div class="spacing-bar"></div>
{% endblock %} {% block page_content %}
<style>
.bg-model {
background-image: url("https://static.igem.wiki/teams/4583/wiki/modeling/ep-pic-bg01.png");
}
</style>
<div class="wrapper-inp bg-model">
<div class="row">
<div class="col-md-2 sidenav-wrapper">
<div class="sidenav">
<p>11111</p>
<p>2222</p>
<p>13333</p>
</div>
<div id="progress-container">
<div id="progress-bar"></div>
</div>
</div>
<div class="col-sm-9 wiki-content">
<h4>Safety and Security Award</h4>
<p>
Synthetic biology will need to be used safely and securely if local
people are to solve local problems all around the world. The Safety and
Security Committee is challenging teams to apply biological engineering
approaches to manage risks associated with synthetic biology. Can you
take the next step in incremental progress towards knowledge,
understanding, and tools that will make the use of synthetic biology
safer and more secure?
</p>
<p>
To compete for the Safety and Security award, please describe your work
on this page and also fill out the description on the
<a href="https://competition.igem.org/deliverables/judging-form"
>judging form</a
>.
</p>
<hr />
<p>
Please see the
<a href="https://competition.igem.org/judging/awards"
>2023 Awards Page</a
>
for more information.
</p>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col">
<h2>What should this page contain?</h2>
<hr />
<p>
On this page of your wiki, you should write about how you are addressing
any safety issues in your project. The wiki is a place where you can go
beyond the questions on the safety forms, and write about whatever safety
topics are most interesting in your project. (You do not need to copy your
safety forms onto this wiki page.)
</p>
<div class="bd-callout bd-callout-info">
<p>
Please visit the
<a href="https://responsibility.igem.org/safety-policies/introduction"
>Safety Policies page</a
>
to find this year's safety requirements & deadlines, and to learn about
safe & responsible research in iGEM.
</p>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-lg-8">
<h2>Safe Project Design</h2>
<hr />
<p>
Does your project include any safety features? Have you made certain
decisions about the design to reduce risks? Write about them here! For
example:
</p>
<ul>
<li>Choosing a non-pathogenic chassis</li>
<li>Choosing parts that will not harm humans / animals / plants</li>
<li>
Substituting safer materials for dangerous materials in a
proof-of-concept experiment
</li>
<li>Including an "induced lethality" or "kill-switch" device</li>
</ul>
</div>
<div class="col-lg-4">
<h2>Safe Lab Work</h2>
<hr />
<p>
What safety procedures do you use every day in the lab? Did you perform
any unusual experiments, or face any unusual safety issues? Write about
them here!
</p>
</div>
</div>
{% endblock %}
This diff is collapsed.
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