(29 intermediate revisions by 3 users not shown) | |||
Line 13: | Line 13: | ||
#home_logo, #sideMenu { display:none; } | #home_logo, #sideMenu { display:none; } | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
− | #content { margin-left: | + | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} |
#topbox{ | #topbox{ | ||
− | height: | + | height:50vh; |
+ | width: 100%; | ||
background-image: url(https://static.igem.org/mediawiki/2019/9/9c/T--Rice--ImpactreportTitle.svg); | background-image: url(https://static.igem.org/mediawiki/2019/9/9c/T--Rice--ImpactreportTitle.svg); | ||
background-size: cover; | background-size: cover; | ||
Line 25: | Line 26: | ||
} | } | ||
#topbox h1{ | #topbox h1{ | ||
− | font-size: | + | font-size: 70px; |
color: white !important; | color: white !important; | ||
text-align: center; | text-align: center; | ||
Line 34: | Line 35: | ||
font-family: comfortaa; | font-family: comfortaa; | ||
} | } | ||
− | # | + | #container { |
− | + | ||
height: 100%; | height: 100%; | ||
padding: 0px; | padding: 0px; | ||
Line 49: | Line 49: | ||
width: 100%; | width: 100%; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.row:after { | .row:after { | ||
content: ""; | content: ""; | ||
Line 62: | Line 55: | ||
clear: both; | clear: both; | ||
+ | } | ||
+ | |||
+ | .center { | ||
+ | width:80%; | ||
+ | margin-left:10%; | ||
} | } | ||
Line 68: | Line 66: | ||
font-family: raleway!important; | font-family: raleway!important; | ||
font-size: 20px!important; | font-size: 20px!important; | ||
− | padding: | + | text-align:center; |
− | margin-top: | + | padding: 00px!important; |
+ | margin-top:0px!important; | ||
} | } | ||
Line 75: | Line 74: | ||
color:#000000 !important; | color:#000000 !important; | ||
font-family: comfortaa !important; | font-family: comfortaa !important; | ||
− | font-size: | + | font-size: 70px!important; |
text-align:center; | text-align:center; | ||
padding:40px!important; | padding:40px!important; | ||
Line 81: | Line 80: | ||
} | } | ||
h2{ | h2{ | ||
− | + | font-family: raleway!important; | |
− | font-family: | + | font-size: 20px!important; |
− | font-size: | + | |
text-align:center; | text-align:center; | ||
+ | padding: 00px!important; | ||
+ | margin-top:0px!important; | ||
} | } | ||
body { | body { | ||
Line 90: | Line 90: | ||
background-color: #fff!important; | background-color: #fff!important; | ||
} | } | ||
− | @media screen and (max-width: 481px){ | + | .report { |
+ | margin-left: 15%; | ||
+ | margin-right: 15%; | ||
+ | } | ||
+ | h3{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | @media only screen and (max-width: 481px){ | ||
h1{ | h1{ | ||
− | font-size: 40px!important; | + | font-size: 40px!important; |
} | } | ||
+ | #topbox{ | ||
+ | height:25vh; | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | #container { | ||
+ | width: 90%; | ||
+ | margin-left: 5%; | ||
+ | } | ||
+ | .column { | ||
+ | width: 100%; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | } | ||
+ | img{ | ||
+ | margin-right:auto; | ||
+ | margin-left:auto; | ||
+ | } | ||
+ | .report{ | ||
+ | margin-right: auto; | ||
+ | margin-left:auto; | ||
+ | width:100%; | ||
+ | } | ||
+ | .row { | ||
+ | width: 90%; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | } | ||
+ | row:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
+ | iframe{ | ||
+ | margin-right:auto; | ||
+ | margin-left:auto; | ||
+ | width:90%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @viewport { | ||
+ | width: device-width ; | ||
+ | zoom: 1.0 ; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
+ | |||
+ | |||
+ | |||
<body> | <body> | ||
− | + | <div id="topbox"> | |
− | + | <h1></h1> | |
− | + | </div> | |
− | + | <br /> | |
− | <div id=" | + | <div id="container"> |
− | <div class="row"> | + | <div class="row"> |
− | < | + | <div class="report"> |
− | </ | + | <!--p> Description of impact report:--> |
+ | <br /> | ||
+ | <h2>To further contextualize the extent to which our project is applicable as a real-world solution, we authored an impact report. In this report, we sought to evaluate our economic impacts via a TOWS (Threats, Opportunities, Weaknesses and Strengths) matrix, comprehend our environmental effects through a comparison against previous solutions, and consider any foreseeable project limitations we would have in application to the agricultural industry and introduction into the consumer market. We shared our report with a local organization, Environment Texas, to make our work accessible as a resource for our community.</h2> | ||
+ | <br /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="report"> | ||
+ | <div class="center"> | ||
+ | <div class="container" style = "background-color:white!important;"> | ||
+ | <a href="https://static.igem.org/mediawiki/2019/4/45/T--Rice--Rice_iGEM_2019_Impact_Report.pdf" target="_blank" style="color:white"/a> | ||
+ | <img class="img-responsive" style="width:70%;" src="https://static.igem.org/mediawiki/2019/1/11/T--Rice--impactreportblahhh.png"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--blank report | ||
+ | https://static.igem.org/mediawiki/2019/b/b0/T--Rice--impactpdf.pdf--> | ||
+ | |||
</div> | </div> | ||
</body> | </body> | ||
+ | |||
</html> | </html> | ||
{{Rice/footer}} | {{Rice/footer}} |
Latest revision as of 03:25, 22 October 2019