Difference between revisions of "Team:BITSPilani-Goa India/Poster"

Line 2: Line 2:
  
 
<html><head>
 
<html><head>
 +
  <style>
 +
  </style>
 
  </head>
 
  </head>
 
  <body>
 
  <body>
Line 8: Line 10:
 
     <div class="poster_w content">
 
     <div class="poster_w content">
 
     <div class="row">
 
     <div class="row">
       <div class="section full first_text" id="title">
+
       <div class="section full first_text" id="title_block">
       <img src="https://static.igem.org/mediawiki/2020/f/fb/T--Example--Poster_Title.png"/>
+
       <img src="https://dummyimage.com/1200x200/000/fff&amp;text=SugarGain"/>
 
       <div class="info">
 
       <div class="info">
 
         <div class="title">
 
         <div class="title">
         <p>
+
         <div id="title_title">
           Poster Title: SugarGain by iGEM BITS Goa
+
           <h1>
        </p>
+
          SugarGain
        <p>
+
          </h1>
          Yayy WikiSync supports posters!
+
         </div>
         </p>
+
 
         </div>
 
         </div>
 
         <div class="text">
 
         <div class="text">
         You should list all authors and their affiliations here. You can also add the project's abstract.
+
         <div id="title_content">
 +
          <p>
 +
          You should list all authors and their affiliations here. You can also add the project's abstract.
 +
          </p>
 +
        </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
Line 26: Line 31:
 
     </div>
 
     </div>
 
     <div class="row">
 
     <div class="row">
       <div class="section full" id="introduction">
+
       <div class="section full" id="inspiration_block">
       <img src="https://static.igem.org/mediawiki/2020/6/6e/T--Example--Poster_Introduction.png"/>
+
       <img src="https://dummyimage.com/1200x200/000/fff&amp;text=Inspiration"/>
 
       <div class="info">
 
       <div class="info">
 
         <div class="title">
 
         <div class="title">
Line 39: Line 44:
 
     </div>
 
     </div>
 
     <div class="row">
 
     <div class="row">
       <div class="section third" id="inspiration">
+
       <div class="section full" id="design_block">
       <img src="https://static.igem.org/mediawiki/2020/f/f3/T--Example--Poster_Inspiration.png"/>
+
       <img src="https://dummyimage.com/1200x300/000/fff&amp;text=Design"/>
 
       <div class="info">
 
       <div class="info">
 
         <div class="title">
 
         <div class="title">
Line 50: Line 55:
 
       </div>
 
       </div>
 
       </div>
 
       </div>
       <div class="section third" id="problem">
+
    </div>
       <img src="https://static.igem.org/mediawiki/2020/c/c5/T--Example--Poster_Problem.png"/>
+
    <div class="row">
 +
       <div class="section third" id="modelling_block">
 +
       <img src="https://dummyimage.com/400x350/000/fff&amp;text=Modelling"/>
 
       <div class="info">
 
       <div class="info">
 
         <div class="title">
 
         <div class="title">
Line 61: Line 68:
 
       </div>
 
       </div>
 
       </div>
 
       </div>
       <div class="section third" id="idea">
+
       <div class="section third" id="engineering_block">
       <img src="https://static.igem.org/mediawiki/2020/9/90/T--Example--Poster_Idea.png"/>
+
       <img src="https://dummyimage.com/400x350/000/fff&amp;text=Engineering"/>
 
       <div class="info">
 
       <div class="info">
 
         <div class="title">
 
         <div class="title">
Line 72: Line 79:
 
       </div>
 
       </div>
 
       </div>
 
       </div>
    </div>
+
       <div class="section third" id="safety_block">
    <div class="row">
+
       <img src="https://dummyimage.com/400x350/000/fff&amp;text=Safety"/>
       <div class="section full" id="engineering">
+
       <img src="https://static.igem.org/mediawiki/2020/0/02/T--Example--Poster_Engineering.png"/>
+
 
       <div class="info">
 
       <div class="info">
 
         <div class="title">
 
         <div class="title">
Line 87: Line 92:
 
     </div>
 
     </div>
 
     <div class="row">
 
     <div class="row">
       <div class="section third" id="section_1">
+
       <div class="section third" id="human_practices_block">
       <img src="https://static.igem.org/mediawiki/2020/5/53/T--Example--Poster_Section1.png"/>
+
       <img src="https://dummyimage.com/400x350/000/fff&amp;text=Human_Practices"/>
 
       <div class="info">
 
       <div class="info">
 
         <div class="title">
 
         <div class="title">
         Section 1
+
         Problem
 
         </div>
 
         </div>
 
         <div class="text">
 
         <div class="text">
         Use this section to explain whatever you would like! Suggestions: Safety, Human Practices, Measurement, etc.
+
         What is the problem your team is working to solve? How does it affect the world?
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       </div>
 
       </div>
       <div class="section third" id="section_2">
+
       <div class="section third" id="implementation_block">
       <img src="https://static.igem.org/mediawiki/2020/e/ec/T--Example--Poster_Section2.png"/>
+
       <img src="https://dummyimage.com/400x350/000/fff&amp;text=Implementation"/>
 
       <div class="info">
 
       <div class="info">
 
         <div class="title">
 
         <div class="title">
         Section 2
+
         Idea
 
         </div>
 
         </div>
 
         <div class="text">
 
         <div class="text">
         Use this section to explain whatever you would like! Suggestions: Safety, Human Practices, Measurement, etc.
+
         How are you going to solve the problem? Where did the idea come from?
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       </div>
 
       </div>
       <div class="section third" id="section_3">
+
       <div class="section third" id="entrepreneurship_block">
       <img src="https://static.igem.org/mediawiki/2020/9/9e/T--Example--Poster_Section3.png"/>
+
       <img src="https://dummyimage.com/400x350/000/fff&amp;text=Entrpreneurship"/>
 
       <div class="info">
 
       <div class="info">
 
         <div class="title">
 
         <div class="title">
         Section 3
+
         Engineering
 
         </div>
 
         </div>
 
         <div class="text">
 
         <div class="text">
         Use this section to explain whatever you would like! Suggestions: Safety, Human Practices, Measurement, etc.
+
         Here you can explain the engineering process behind your project.
 
         </div>
 
         </div>
 
       </div>
 
       </div>
Line 122: Line 127:
 
     </div>
 
     </div>
 
     <div class="row">
 
     <div class="row">
       <div class="section two_thirds" id="results">
+
       <div class="section half" id="sci_comn_block">
       <img src="https://static.igem.org/mediawiki/2020/b/b0/T--Example--Poster_Results.png"/>
+
       <img src="https://dummyimage.com/600x250/000/fff&amp;text=Science_Communication"/>
 
       <div class="info">
 
       <div class="info">
 
         <div class="title">
 
         <div class="title">
         Results
+
         Problem
 
         </div>
 
         </div>
 
         <div class="text">
 
         <div class="text">
         What did your team achieve? What do you plan to work on moving forward?
+
         What is the problem your team is working to solve? How does it affect the world?
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       </div>
 
       </div>
       <div class="section third" id="references">
+
       <div class="section half" id="software_block">
       <img src="https://static.igem.org/mediawiki/2020/f/fa/T--Example--Poster_References.png"/>
+
       <img src="https://dummyimage.com/600x250/000/fff&amp;text=Software"/>
 
       <div class="info">
 
       <div class="info">
 
         <div class="title">
 
         <div class="title">
         References and Acknowledgements
+
         Idea
 
         </div>
 
         </div>
 
         <div class="text">
 
         <div class="text">
         If not already cited in other sections of your poster, what literature sources did you reference on this poster? Who helped or advised you?
+
         How are you going to solve the problem? Where did the idea come from?
 +
        </div>
 +
      </div>
 +
      </div>
 +
    </div>
 +
    <div class="row">
 +
      <div class="section full" id="acknowledgements_block">
 +
      <img src="https://dummyimage.com/1200x150/000/fff&amp;text=Acknowledgements"/>
 +
      <div class="info">
 +
        <div class="title">
 +
        Problem
 +
        </div>
 +
        <div class="text">
 +
        What is the problem your team is working to solve? How does it affect the world?
 
         </div>
 
         </div>
 
       </div>
 
       </div>
Line 147: Line 165:
 
     </div>
 
     </div>
 
     <div class="poster_w display">
 
     <div class="poster_w display">
     <h3 id="section_title">
+
     <div id="section_title">
     </h3>
+
     </div>
     <p id="section_text">
+
     <div id="section_text">
     </p>
+
     </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
   </div>
 
   </div>
 
   <script>
 
   <script>
   !function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(a=r,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(u," */")),i=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(i).concat([o]).join("\n")}var a,c,u;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);r&&o[u[0]]||(n&&(u[2]?u[2]="".concat(n," and ").concat(u[2]):u[2]=n),t.push(u))}},t}},function(e,t,n){"use strict";n.r(t);n(2)},function(e,t,n){var r=n(3),o=n(4);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var i={insert:("head","head"),injectType:"singletonStyleTag",singleton:!0};r(o,i);e.exports=o.locals||{}},function(e,t,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function c(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function u(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],u=t.base?i[0]+t.base:i[0],s=n[u]||0,f="".concat(u," ").concat(s);n[u]=s+1;var l=c(f),d={css:i[1],media:i[2],sourceMap:i[3]};-1!==l?(a[l].references++,a[l].updater(d)):a.push({identifier:f,updater:m(d,t),references:1}),r.push(f)}return r}function s(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var f,l=(f=[],function(e,t){return f[e]=t,f.filter(Boolean).join("\n")});function d(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=l(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function p(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var v=null,h=0;function m(e,t){var n,r,o;if(t.singleton){var i=h++;n=v||(v=s(t)),r=d.bind(null,n,i,!1),o=d.bind(null,n,i,!0)}else n=s(t),r=p.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=c(n[r]);a[o].references--}for(var i=u(e,t),s=0;s<n.length;s++){var f=c(n[s]);0===a[f].references&&(a[f].updater(),a.splice(f,1))}n=i}}}},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r)()(!1);o.push([e.i,"",""]),t.default=o}]);
+
   !function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}([function(e,t,r){"use strict";r.r(t);r(1)},function(e,t,r){}]);
 
   </script>
 
   </script>
 
   
 
   
 
</body></html>
 
</body></html>

Revision as of 09:27, 6 November 2020

SugarGain

You should list all authors and their affiliations here. You can also add the project's abstract.

Introduction
Introduce your project and your team's goals.
Inspiration
What inspired your team? What motivated you to work on this particular project?
Problem
What is the problem your team is working to solve? How does it affect the world?
Idea
How are you going to solve the problem? Where did the idea come from?
Engineering
Here you can explain the engineering process behind your project.
Problem
What is the problem your team is working to solve? How does it affect the world?
Idea
How are you going to solve the problem? Where did the idea come from?
Engineering
Here you can explain the engineering process behind your project.
Problem
What is the problem your team is working to solve? How does it affect the world?
Idea
How are you going to solve the problem? Where did the idea come from?
Problem
What is the problem your team is working to solve? How does it affect the world?