Difference between revisions of "Team:UPF CRG Barcelona"

Line 1: Line 1:
 
{{UPF_CRG_Barcelona}}
 
{{UPF_CRG_Barcelona}}
−
 
+
{{UPF_CRG_Barcelona/css}}
 
<html lang="en">
 
<html lang="en">
−
 
 
<head>
 
<head>
−
    <meta charset="UTF-8">
+
  <meta charset="utf-8" />
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
  <meta http-equiv="x-ua-compatible" content="ie=edge">
−
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=2.5" />
−
    <title>Team: UPF CRG Barcelona</title>
+
  <!-- Title, Description -->
−
    <link rel="stylesheet" href="https://2018.igem.org/Template:UPF_CRG_Barcelona/&action=raw&ctype=text/css">
+
  <title>Wiki</title>
−
 
+
  <meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt veritatis cupiditate ducimus modi culpa. Et ducimus excepturi molestiae alias.">
 +
  <!-- Open Graph Metadata -->
 +
  <meta property="og:url" content="" />        <!-- PAGE URL -->
 +
  <meta property="og:type" content="website" /> <!-- TYPE -->
 +
  <meta property="og:title" content="" />       <!-- TITLE -->
 +
  <meta property="og:description" content="" /> <!-- DESCRIPTION-->
 +
  <meta property="og:image" content="" />      <!-- IMAGE URL -->
 +
  <!-- Stylesheets, Fonts, Neccessary Scripts -->
 +
  <style>
 +
.igem_2018_team_menu.displaying_menu{
 +
    display: none;
 +
      }
 +
  </style>
 
</head>
 
</head>
  
 
<body>
 
<body>
−
    <div class="grid-container">
 
−
        <div class="header">
 
−
            <img src="https://static.igem.org/mediawiki/2018/d/df/T--UPF_CRG_Barcelona--logo1.jpg" height="150px">
 
−
            <div>
 
−
                <h2>Engineering bacteria to fight metastasis</h2>
 
−
            </div>
 
−
            <ul id="navlist">
 
−
                    <li>
 
−
                        <a href="T--UPF_CRG_Barcelona--wiki_intro.html">Home</a>
 
−
                    </li>
 
−
                    <li class="dropdown">
 
−
                        </li>
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_project.html" class="dropbton">Project</a>
 
−
                        <li class="dropdown">
 
−
                            <div class="dropdown-content">
 
−
                                <a href="T--UPF_CRG_Barcelona--wiki_description.html">Description</a>
 
−
                                <a href="T--UPF_CRG_Barcelona--wiki_designandresults.html">Design and Results</a>
 
−
                                <a href="T--UPF_CRG_Barcelona--wiki_modelling.html">Modelling</a>
 
−
                                <a href="T--UPF_CRG_Barcelona--wiki_proof.html">Proof of Concept</a>
 
−
                                <a href="https://2018.igem.org/Team:UPF_CRG_Barcelona/InterLab">Interlab</a>
 
−
                                <a href="T--UPF_CRG_Barcelona--wiki_safety.html">Safety</a>
 
−
                            </div>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_parts.html" class="dropbton">Parts</a>
 
−
                        </li>
 
−
                        <li class="dropdown">
 
−
                                <div class="dropdown-content">
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_overview.html">Overview</a>
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_basic.html">Basic parts</a>
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_circuits.html">Circuits</a>
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_collection.html">Collection</a>
 
−
                        </div>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_notebook.html" class="dropbton">Notebook</a>
 
−
                        </li>
 
−
                        <li class="dropdown">
 
−
                        <div class="dropdown-content">
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_labbook.html">Lab book</a>
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_protocols.html">Protocols</a>
 
−
                            </div>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_human.html" class="dropbton">Human Practices</a>
 
−
                        </li>
 
−
                        <li class="dropdown">
 
−
                        <div class="dropdown-content">
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_silver.html">Silver</a>
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_integrated.html">Integrated</a>
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_education.html">Education and Engagement</a>
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_collaborations.html">Collaborations</a>
 
−
                        </div>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="T--UPF_CRG_Barcelona--team.html" class="dropbton">Team</a>
 
−
                        </li>
 
−
                        <li class="dropdown">
 
−
                        <div class="dropdown-content">
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_members.html">Members</a>
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_attributions.html">Attributions</a>
 
−
                            <a href="T--UPF_CRG_Barcelona--wiki_sponsors.html">Sponsors</a>
 
−
                        </div>
 
−
                        </li>
 
−
                </ul>
 
−
            </div>
 
−
        </div>
 
  
−
        <div class="main">
+
 
−
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia aperiam, ratione labore architecto similique reiciendis natus, voluptatum, repellendus perferendis qui necessitatibus modi facere maxime voluptate illum molestiae aliquam eos quod harum tempore est. Ipsam dolor cumque unde at! Ab soluta reiciendis mollitia delectus, autem exercitationem reprehenderit at? Necessitatibus saepe dolore tenetur qui quam hic similique quae pariatur inventore harum perspiciatis optio error, nemo eaque assumenda quis quisquam consequuntur! Labore placeat enim recusandae voluptatibus, animi vitae nulla ipsam maxime nemo praesentium, quod assumenda cupiditate illum excepturi natus odit provident? Officiis hic quo numquam inventore eaque nostrum tenetur, earum magnam, eos iusto cum fugit porro id beatae esse non voluptates, saepe recusandae facilis perspiciatis tempora cumque fuga? Reprehenderit, accusantium ratione nisi, fugiat ipsum voluptas doloribus nesciunt voluptatibus adipisci, corporis blanditiis unde! Dolore quisquam dolor nulla aperiam quaerat, non eum quis commodi voluptatum velit. Nobis soluta repellat unde quia maxime. Libero voluptatum, iure sequi obcaecati modi eos eligendi earum consequatur maiores error repudiandae quasi optio vel laborum possimus cupiditate ut praesentium a odio similique. Cupiditate exercitationem aliquam tempore quo omnis optio, in consectetur quam eius facere ullam labore dolor recusandae quis natus magni qui ipsa quisquam suscipit iure? Deleniti ea vel corporis sunt quasi quisquam dolore, quaerat facere quae sequi. Ipsum beatae distinctio optio exercitationem necessitatibus labore, suscipit voluptatem harum vel qui minus animi aliquam veniam! Laboriosam optio obcaecati voluptatibus quis facilis maxime beatae illo esse molestias assumenda, at fuga eaque odit veniam, totam iste, aspernatur temporibus omnis soluta laudantium inventore quisquam eligendi voluptate rem. Ipsum quam ipsa in nobis! Itaque architecto corporis nulla vero iure voluptates sed. Eaque atque fuga totam amet dolores assumenda qui architecto debitis perspiciatis quod vitae obcaecati ipsum quidem fugiat sunt, provident at quae, sequi autem quia dignissimos? Exercitationem iure aliquam laudantium repudiandae! Dicta unde voluptatibus sed est fugit, accusamus ipsum possimus corrupti. Reprehenderit aliquid placeat molestias praesentium necessitatibus ipsam, quia possimus quam facilis iusto eum odio aliquam nemo ducimus pariatur, nesciunt, dolorem at est beatae. Modi accusantium doloribus iure similique omnis temporibus quas repellendus ducimus obcaecati quae sint placeat saepe eos eaque officiis, repellat nesciunt? Natus perferendis quod explicabo aut fugiat porro earum quis necessitatibus! Illo voluptate, deserunt voluptatum ab nisi molestias magnam quae eligendi aperiam culpa cum pariatur debitis praesentium ut natus reiciendis corporis? Modi eius laboriosam asperiores tenetur facere impedit necessitatibus assumenda aut, non praesentium eligendi minima exercitationem eum aliquid suscipit adipisci laborum ab sunt veniam animi inventore. Nihil nostrum unde vel consequuntur inventore quas explicabo omnis eius sit quam similique alias esse officia dolore, eum ipsam atque sapiente quis ut dignissimos minus. Excepturi labore non hic voluptatem, similique animi iste fugit quos est voluptates temporibus vel, blanditiis iure aperiam neque earum placeat? Dignissimos placeat autem veritatis sunt perferendis atque odit vero laboriosam praesentium esse fugiat doloremque, minima nulla sit unde reprehenderit distinctio illum, explicabo molestiae, at commodi! Magni corporis architecto doloremque ullam dolores numquam adipisci inventore nam. Autem incidunt corporis at fugiat nemo ab voluptatum eveniet. Dolore error nemo officia iusto eaque nisi natus quo atque eum magni enim, ad, optio eligendi quos accusamus velit, minima quibusdam sequi laudantium tenetur sit voluptas similique. Odio est, vitae incidunt ipsum corporis nesciunt veniam molestias reiciendis minima perspiciatis temporibus praesentium ratione placeat possimus, obcaecati nam nisi sapiente, beatae recusandae necessitatibus? Praesentium dolorum repellat voluptates reprehenderit accusantium, sunt eos amet labore, suscipit rerum voluptatibus! Dignissimos ipsum quia distinctio quidem illo velit dicta architecto aliquid rerum et tempore, molestias placeat quo necessitatibus fugiat quisquam aspernatur impedit autem qui facilis adipisci. At sequi mollitia magni odit odio amet quo nulla tempore accusantium vel consequuntur, consectetur sit quisquam rerum eos enim!
+
  <nav class="navbar has-shadow" role="navigation" aria-label="main navigation" id="navbar">
 +
    <div class="container">
 +
 
 +
      <div class="navbar-brand">
 +
        <a class="navbar-logo" href="#">
 +
          <img src="assets/T--UPF_CRG_Barcelona--logosensebarcelona.svg" alt="iGEM Barcelona team 2018">
 +
        </a>
 +
 
 +
        <div class="navbar-burger"  data-target="navbar-menu">
 +
          <span></span>
 +
          <span></span>
 +
          <span></span>
 
         </div>
 
         </div>
 +
      </div>
  
−
        <div class="footer">
+
      <!-- children of navbar-menu must be navbar-start and/or navbar-end -->
−
            <img src="T--UPF_CRG_Barcelona--logoCRG.jpg" width="120px">
+
      <div class="navbar-menu" id="navbar-menu">
−
            <img src="T--UPF_CRG_Barcelona--logoUPF.png" width="150px">
+
        <!-- navbar items -->
−
            <img src="T--UPF_CRG_Barcelona--logopromega.png" width="150px">
+
        <div class="navbar-grid">
−
            <img src="T--UPF_CRG_Barcelona--logolabclinics.jpg" width="150px">
+
          <a class="navbar-item is-active" href="#"> <!--class is-active for showing active menu-->
−
            <div class="twitter">
+
            Project
−
                    <a class="twitter-timeline" data-lang="en" data-height="400" data-theme="light" data-link-color="#2B7BB9" href="https://twitter.com/igemBarcelona?ref_src=twsrc%5Etfw">Tweets by igemBarcelona</a>
+
          </a>
−
                    <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+
          <a class="navbar-item" href="#">
−
                </div>
+
            Model
−
                <div class="instagram">
+
          </a>
−
                    <blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/Bkzbj7cAFSs/"
+
          <a class="navbar-item" href="#">
−
                    data-instgrm-version="8" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);">
+
            Parts
−
                    <div style="padding:8px;">
+
          </a>
−
                        <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:37% 0; text-align:center; width:100%;">
+
          <a class="navbar-item" href="#">
−
                            <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div>
+
            Deliverables
−
                        </div>
+
          </a>
−
                        <p style=" margin:8px 0 0 0; padding:0 4px;">
+
          <a class="navbar-item" href="#">
−
                            <a href="https://www.instagram.com/p/Bkzbj7cAFSs/" style=" color:#000; font-family:Arial,sans-serif; font-size:12px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;"
+
            Notebook
−
                                target="_blank">Dear teams from around the globe, do not forget to sign up for the Spanish MeetUp held in Barcelona
+
          </a>
−
                                18-20 August. Everyone is more than welcome! Come and share science with us🔬💊 link in our
+
          <a class="navbar-item" href="#">
−
                                bio!
+
            Human Practices
−
                            </a>
+
          </a>
−
                        </p>
+
          <a class="navbar-item" href="#">
−
                        <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">A post shared by
+
            Team
−
                            <a href="https://www.instagram.com/igembarcelona/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;"
+
          </a>
−
                                target="_blank"> iGEM UPF CRG</a> (@igembarcelona) on
+
−
                            <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-07-04T08:48:32+00:00">Jul 4, 2018 at 1:48am PDT</time>
+
−
                        </p>
+
−
                    </div>
+
−
                </blockquote>
+
−
                <script async defer src="//www.instagram.com/embed.js"></script>
+
 
         </div>
 
         </div>
 +
      </div>
 
     </div>
 
     </div>
 +
  </nav>
 +
 +
  <header id="header">
 +
    <div id="blur"></div>
 +
    <!-- Swiper -->
 +
    <div class="swiper-container" id="sw-container">
 +
      <div class="swiper-wrapper">
 +
          <a class="swiper-slide" href="#">
 +
            <img style="height: 50px" src="assets/T--UPF_CRG_Barcelona--description.svg" alt="">
 +
            <p>Description</p>
 +
          </a>
 +
          <a class="swiper-slide" href="#">
 +
            <img style="height: 50px" src="assets/T--UPF_CRG_Barcelona--background.svg" alt="">
 +
            <p>Background <br> and design</p>
 +
          </a>
 +
          <a class="swiper-slide" href="#">
 +
            <img style="width: 50px" src="assets/T--UPF_CRG_Barcelona--fads.svg" alt="">
 +
            <p>Overexpression</p>
 +
          </a>
 +
          <a class="swiper-slide" href="#">
 +
            <img style="width: 50px" src="assets/T--UPF_CRG_Barcelona--biosensor.svg" alt="">
 +
            <p>Biosensor</p>
 +
          </a>
 +
          <a class="swiper-slide" href="#">
 +
            <img style="width: 50px" src="assets/T--UPF_CRG_Barcelona--mage.svg" alt="">
 +
            <p>MAGE</p>
 +
          </a>
 +
          <a class="swiper-slide" href="#">
 +
            <img style="width: 50px" src="assets/logo.png" alt="">
 +
            <p>Results</p>
 +
          </a>
 +
          <a class="swiper-slide" href="#">
 +
            <img style="width: 50px" src="assets/T--UPF_CRG_Barcelona--demonstration.svg" alt="">
 +
            <p>Demonstration</p>
 +
          </a>
 +
          <a class="swiper-slide" href="#">
 +
            <img style="width: 50px" src="assets/logo.png" alt="">
 +
            <p>Measurement</p>
 +
          </a>
 +
      </div>
 +
      <!-- Add Arrows -->
 +
      <div class="swiper-button-next"></div>
 +
      <div class="swiper-button-prev"></div>
 
     </div>
 
     </div>
−
</body>
+
  </header>
  
−
</html>
+
  <main>
−
<!--
+
−
<html>
+
  
 +
    <section class="">
  
 +
      <div>
 +
        <h2 class="heading">Title</h2>
 +
        <p>
 +
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse vero ipsum dolores labore fuga dicta fugiat voluptas, dolore adipisci recusandae. Nesciunt labore aspernatur ad vero suscipit amet excepturi doloremque incidunt laboriosam non veniam architecto necessitatibus exercitationem consequatur quia enim aperiam, eos in! At doloribus eum animi quo in non consequuntur optio cumque vel fugit ipsum dicta dignissimos laboriosam ex labore, ipsa iusto minima saepe? Aliquam debitis optio enim porro ab nisi fuga dignissimos, dolores impedit expedita nihil. Cupiditate amet modi dolorem odit laudantium ipsum sequi illo quas! Ea illum suscipit deleniti voluptatum assumenda ab commodi eveniet, perspiciatis voluptatem libero eos minima hic molestiae architecto, eius, vero dolore aut ratione nihil non aliquid consequuntur dignissimos laudantium. Nesciunt, aperiam illum commodi explicabo id dolores velit voluptas minima, itaque minus consequatur quia nulla autem, cupiditate hic magni quas sint sit quam consequuntur illo quibusdam aliquam neque cum! Suscipit repellendus animi alias tenetur accusamus repudiandae, explicabo debitis ipsa pariatur ipsum corporis officia laboriosam numquam repellat magnam cupiditate! Iste, a alias corrupti explicabo hic totam ipsa laborum autem eum libero, nam cumque exercitationem consequatur, placeat accusamus obcaecati. Enim unde vero ut sed eligendi ad. Aliquid, quibusdam perspiciatis totam impedit, repellendus saepe dolorem sunt ratione culpa minus quia nesciunt. Illum quod magnam ut, ipsam recusandae ab quae at. Voluptates pariatur distinctio voluptatibus velit itaque. Praesentium quis odit placeat quas possimus, aut dolorum aliquid architecto iure omnis iusto deleniti excepturi ipsam ab? Earum, dignissimos quo eius odit nostrum fugit dicta mollitia sunt minus, architecto iure aspernatur. Commodi veniam laborum perspiciatis. Numquam culpa odio assumenda optio ipsa exercitationem dolor ea ab, quam dolore nulla? Dolore praesentium quisquam vel eveniet voluptatibus, laboriosam dolores, illo porro aperiam vero provident! Quod atque eveniet fugiat impedit suscipit velit cum officiis? Enim, officia placeat sunt voluptatibus corrupti, sit aliquam deserunt accusamus esse distinctio fugiat vero sint dolorem, dignissimos quod nesciunt! Ea, eius corporis? Voluptatem dolorem et similique fugiat ex natus tempora sint recusandae quo magnam porro nam optio, accusamus assumenda sunt, eius temporibus. Id ipsam eos rem at earum labore magnam quia asperiores et, fugit doloribus? Quae dolorum ipsum praesentium numquam molestiae quisquam doloremque minima expedita perspiciatis eveniet! Molestiae, quaerat. Earum dignissimos aspernatur excepturi saepe ullam harum, impedit laudantium? Debitis, quae? Similique aut excepturi reiciendis sapiente quod architecto at laudantium, debitis hic praesentium doloribus illum amet doloremque quaerat beatae dicta culpa voluptatibus veniam accusamus? Alias ullam consequuntur voluptatem doloremque ipsum nihil quae, similique explicabo aspernatur modi totam hic maxime id esse earum ipsam voluptate ad in! Sint accusantium natus provident blanditiis cum adipisci ea ducimus, ipsa, error corrupti nulla officiis mollitia quis inventore iusto, repellat dolore doloribus magnam dolorum fugiat iste dignissimos excepturi? Repellat ea nisi labore qui. Reiciendis similique adipisci ut doloremque sed aliquam fuga in blanditiis unde saepe dolore commodi necessitatibus assumenda fugit ratione deleniti, sapiente voluptatibus optio ullam quidem enim cupiditate tempore? Repudiandae nostrum similique adipisci dolore amet fugit fugiat facere quidem molestias architecto officia sunt perspiciatis, nisi recusandae aut! Labore, nesciunt facere unde voluptatem, a quisquam optio possimus at laboriosam eos animi vel doloremque id debitis quo enim quidem. Nam excepturi fugit molestiae inventore perferendis explicabo architecto molestias voluptatibus nihil sunt amet, distinctio corrupti iure beatae? Ipsa harum omnis similique laboriosam sed. Ut repudiandae veritatis, sunt mollitia incidunt sequi optio. Repellat, quibusdam! Unde nulla quisquam quam aperiam suscipit totam maiores autem dignissimos, sapiente temporibus non necessitatibus magni deserunt voluptatem! Id cupiditate amet quidem alias officia neque nihil eum excepturi vero, omnis nobis accusantium eligendi minus. Deleniti distinctio voluptas laudantium, minus officia incidunt temporibus, autem voluptates rerum voluptatibus qui labore, sint id quo? Obcaecati qui repellendus minima eveniet illum doloribus, nostrum aspernatur incidunt error provident accusamus, odit debitis repudiandae beatae amet recusandae maxime? A maiores deserunt, ea ut ullam eveniet. Veniam praesentium blanditiis illo laboriosam quisquam delectus rerum voluptates nam neque enim repellendus odit aliquid atque corporis sint harum consequuntur reprehenderit quos necessitatibus, in vero natus! Asperiores dolorem debitis facere voluptatum repellat fuga assumenda veniam pariatur nisi. In illum, est neque nam sapiente illo dolores alias porro omnis ea vero nulla eaque atque hic deserunt repellat autem repellendus totam? Corrupti aliquid, fugit necessitatibus quo est deleniti sint beatae repellendus esse excepturi molestias officiis velit, odio itaque? Eveniet, aperiam sint. Pariatur ad accusantium quis? Sapiente sint ea voluptas soluta inventore quam suscipit eum? Ab iusto eum eaque qui tempore accusamus ullam cupiditate, consequatur exercitationem ipsa labore deleniti, maiores fugit vel dicta placeat dolore. Similique quo dicta autem sit iure praesentium veniam laudantium sint vero dignissimos adipisci porro sapiente quod, odio tempore eius? Commodi quam minus deleniti fugit adipisci eveniet facilis et consequuntur aliquam hic! Rem aspernatur facere quisquam mollitia optio modi perspiciatis, molestias, temporibus accusantium magni blanditiis natus minus tenetur hic earum, delectus iste aliquam. Quae excepturi iste dolores adipisci voluptatem aperiam distinctio vitae itaque, tempora deleniti? Totam error alias dicta temporibus? Fugit aut doloribus, nesciunt eum consequatur laborum soluta, pariatur repellendus ea alias sed dicta blanditiis, magni odio culpa vitae? Ullam nesciunt eius alias eum a quis soluta iste distinctio, ipsa est eligendi voluptatum. Pariatur corrupti eos esse odit eligendi iusto fugit adipisci amet a ducimus, maiores necessitatibus, dolorem animi! Atque sint provident odio doloremque similique nemo minima optio omnis obcaecati libero distinctio nostrum exercitationem, officiis magni, officia labore inventore ducimus facere! Unde possimus reiciendis animi iste maxime sed nobis nesciunt quia sit, odit, vero placeat quo accusamus necessitatibus, eius nemo nulla nostrum beatae eveniet impedit! Perspiciatis vel ab, sapiente minus quos, voluptates totam laboriosam quam laborum magnam dolor! Omnis odio, deleniti, assumenda consequuntur qui cumque fugit ab perferendis a eius cum aperiam incidunt exercitationem commodi, minus optio autem error reiciendis accusamus ad. Molestiae iusto suscipit facere. Nostrum omnis libero, accusantium quia exercitationem quae quisquam porro totam obcaecati, eligendi iste et quidem repellat, magni officiis ipsam. Repellat animi officiis corrupti quasi, maiores beatae eveniet id, magni excepturi at atque mollitia quia repudiandae unde amet non quo nulla enim reiciendis sapiente nisi sint ab, sed laboriosam? Modi suscipit magni recusandae aspernatur ullam adipisci vel, illo repellat, numquam iusto dignissimos nesciunt rerum!
 +
        </p>
 +
      </div>
 +
     
 +
    </section>
 +
   
 +
  </main>
  
 +
  <!-- Footer -->
 +
  <footer class="footer">
 +
    <div class="container">
 +
      <div>
 +
        <h3>Follow us at:</h3>
 +
        <a href="https://www.instagram.com/igembarcelona/"><img style="width: 50px" src="assets/T--UPF_CRG_Barcelona--instagram.svg" alt=""></a>
 +
        <a href="https://twitter.com/igemBarcelona"><img style="width: 50px" src="assets/T--UPF_CRG_Barcelona--twitter.svg" alt=""></a>
 +
        <a href="https://www.facebook.com/igembarcelona/""><img style="width: 50px" src="assets/T--UPF_CRG_Barcelona--facebook.svg" alt=""></a>
 +
      </div>
 +
     
 +
      <div>
 +
        <h3>Contact us:</h3>
 +
        <p>igem [at] upf [dot] edu</p>
 +
        <p> PRBB Building</p>
 +
        <p>Doctor Aiguader 88, 08003 Barcelona (Spain)</p>
 +
      </div>
  
−
<div class="column full_size" >
+
    </div>
−
<h1> Welcome to iGEM 2018! </h1>
+
  </footer>
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
 
−
 
+
  <!-- JS code -->
−
+
  <script src="js/scripts.js"></script>
−
 
+
  <script src="js/devel.js"></script>
−
</div>  
+
  <script>
−
 
+
    // Initialize Swiper
−
 
+
    var swiper = new Swiper('.swiper-container', {
−
<div class="column full_size" >
+
      slidesPerView: 6,
−
 
+
      slidesPerGroup: 1,
−
<h3>Before you start</h3>
+
      loop: true,
−
<p> Please read the following pages:</p>
+
      freeMode: true,
−
<ul>
+
      observer: true,
−
<li>  <a href="https://2018.igem.org/Competition">Competition Hub</a> </li>
+
      watchOverflow: true,
−
<li> <a href="https://2018.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
      navigation: {
−
<li> <a href="https://2018.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
          nextEl: '.swiper-button-next',
−
</ul>
+
          prevEl: '.swiper-button-prev',
−
</div>
+
      },
−
 
+
      keyboard: {
−
 
+
          enabled: true,
−
<div class="clear extra_space"></div>
+
      },
−
<div class="line_divider"></div>
+
      preventClicks: true,
−
<div class="clear extra_space"></div>
+
  });
−
 
+
  </script>
−
 
+
</body>
−
 
+
−
<div class="column full_size" >
+
−
<h3> Styling your wiki </h3>
+
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column third_size" >
+
−
 
+
−
<h3> Uploading pictures and files </h3>
+
−
<p> You must upload any pictures and files to the iGEM 2018 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. </p>
+
−
 
+
−
 
+
−
<p>When you upload, set the "Destination Filename" to <b> T--YourOfficialTeamName--NameOfFile.jpg</b>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
−
 
+
−
<div class="button_link">
+
−
<a href="https://2018.igem.org/Special:Upload">
+
−
UPLOAD FILES
+
−
</a>
+
−
</div>
+
−
 
+
−
</div>
+
−
 
+
−
<div class="column third_size" >
+
−
<h3> Wiki template information </h3>
+
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2018.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column third_size" >
+
−
<div class="highlight decoration_B_full">
+
−
<h3> Editing your wiki </h3>
+
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
−
<p>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
−
 
+
−
<div class="button_link">
+
−
<a href="https://2018.igem.org/wiki/index.php?title=Team:UPF_CRG_Barcelona&action=edit">
+
−
EDIT PAGE
+
−
</a>
+
−
</div>
+
−
 
+
−
 
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
<div class="line_divider"></div>
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column two_thirds_size" >
+
−
<h3>Tips</h3>
+
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
−
<ul>
+
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2018.igem.org/Calendar">iGEM 2018 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column third_size">
+
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
−
<ul>
+
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
  
 
</html>
 
</html>
−
 
−
-->
 

Revision as of 18:11, 25 September 2018

Wiki Wiki

Title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse vero ipsum dolores labore fuga dicta fugiat voluptas, dolore adipisci recusandae. Nesciunt labore aspernatur ad vero suscipit amet excepturi doloremque incidunt laboriosam non veniam architecto necessitatibus exercitationem consequatur quia enim aperiam, eos in! At doloribus eum animi quo in non consequuntur optio cumque vel fugit ipsum dicta dignissimos laboriosam ex labore, ipsa iusto minima saepe? Aliquam debitis optio enim porro ab nisi fuga dignissimos, dolores impedit expedita nihil. Cupiditate amet modi dolorem odit laudantium ipsum sequi illo quas! Ea illum suscipit deleniti voluptatum assumenda ab commodi eveniet, perspiciatis voluptatem libero eos minima hic molestiae architecto, eius, vero dolore aut ratione nihil non aliquid consequuntur dignissimos laudantium. Nesciunt, aperiam illum commodi explicabo id dolores velit voluptas minima, itaque minus consequatur quia nulla autem, cupiditate hic magni quas sint sit quam consequuntur illo quibusdam aliquam neque cum! Suscipit repellendus animi alias tenetur accusamus repudiandae, explicabo debitis ipsa pariatur ipsum corporis officia laboriosam numquam repellat magnam cupiditate! Iste, a alias corrupti explicabo hic totam ipsa laborum autem eum libero, nam cumque exercitationem consequatur, placeat accusamus obcaecati. Enim unde vero ut sed eligendi ad. Aliquid, quibusdam perspiciatis totam impedit, repellendus saepe dolorem sunt ratione culpa minus quia nesciunt. Illum quod magnam ut, ipsam recusandae ab quae at. Voluptates pariatur distinctio voluptatibus velit itaque. Praesentium quis odit placeat quas possimus, aut dolorum aliquid architecto iure omnis iusto deleniti excepturi ipsam ab? Earum, dignissimos quo eius odit nostrum fugit dicta mollitia sunt minus, architecto iure aspernatur. Commodi veniam laborum perspiciatis. Numquam culpa odio assumenda optio ipsa exercitationem dolor ea ab, quam dolore nulla? Dolore praesentium quisquam vel eveniet voluptatibus, laboriosam dolores, illo porro aperiam vero provident! Quod atque eveniet fugiat impedit suscipit velit cum officiis? Enim, officia placeat sunt voluptatibus corrupti, sit aliquam deserunt accusamus esse distinctio fugiat vero sint dolorem, dignissimos quod nesciunt! Ea, eius corporis? Voluptatem dolorem et similique fugiat ex natus tempora sint recusandae quo magnam porro nam optio, accusamus assumenda sunt, eius temporibus. Id ipsam eos rem at earum labore magnam quia asperiores et, fugit doloribus? Quae dolorum ipsum praesentium numquam molestiae quisquam doloremque minima expedita perspiciatis eveniet! Molestiae, quaerat. Earum dignissimos aspernatur excepturi saepe ullam harum, impedit laudantium? Debitis, quae? Similique aut excepturi reiciendis sapiente quod architecto at laudantium, debitis hic praesentium doloribus illum amet doloremque quaerat beatae dicta culpa voluptatibus veniam accusamus? Alias ullam consequuntur voluptatem doloremque ipsum nihil quae, similique explicabo aspernatur modi totam hic maxime id esse earum ipsam voluptate ad in! Sint accusantium natus provident blanditiis cum adipisci ea ducimus, ipsa, error corrupti nulla officiis mollitia quis inventore iusto, repellat dolore doloribus magnam dolorum fugiat iste dignissimos excepturi? Repellat ea nisi labore qui. Reiciendis similique adipisci ut doloremque sed aliquam fuga in blanditiis unde saepe dolore commodi necessitatibus assumenda fugit ratione deleniti, sapiente voluptatibus optio ullam quidem enim cupiditate tempore? Repudiandae nostrum similique adipisci dolore amet fugit fugiat facere quidem molestias architecto officia sunt perspiciatis, nisi recusandae aut! Labore, nesciunt facere unde voluptatem, a quisquam optio possimus at laboriosam eos animi vel doloremque id debitis quo enim quidem. Nam excepturi fugit molestiae inventore perferendis explicabo architecto molestias voluptatibus nihil sunt amet, distinctio corrupti iure beatae? Ipsa harum omnis similique laboriosam sed. Ut repudiandae veritatis, sunt mollitia incidunt sequi optio. Repellat, quibusdam! Unde nulla quisquam quam aperiam suscipit totam maiores autem dignissimos, sapiente temporibus non necessitatibus magni deserunt voluptatem! Id cupiditate amet quidem alias officia neque nihil eum excepturi vero, omnis nobis accusantium eligendi minus. Deleniti distinctio voluptas laudantium, minus officia incidunt temporibus, autem voluptates rerum voluptatibus qui labore, sint id quo? Obcaecati qui repellendus minima eveniet illum doloribus, nostrum aspernatur incidunt error provident accusamus, odit debitis repudiandae beatae amet recusandae maxime? A maiores deserunt, ea ut ullam eveniet. Veniam praesentium blanditiis illo laboriosam quisquam delectus rerum voluptates nam neque enim repellendus odit aliquid atque corporis sint harum consequuntur reprehenderit quos necessitatibus, in vero natus! Asperiores dolorem debitis facere voluptatum repellat fuga assumenda veniam pariatur nisi. In illum, est neque nam sapiente illo dolores alias porro omnis ea vero nulla eaque atque hic deserunt repellat autem repellendus totam? Corrupti aliquid, fugit necessitatibus quo est deleniti sint beatae repellendus esse excepturi molestias officiis velit, odio itaque? Eveniet, aperiam sint. Pariatur ad accusantium quis? Sapiente sint ea voluptas soluta inventore quam suscipit eum? Ab iusto eum eaque qui tempore accusamus ullam cupiditate, consequatur exercitationem ipsa labore deleniti, maiores fugit vel dicta placeat dolore. Similique quo dicta autem sit iure praesentium veniam laudantium sint vero dignissimos adipisci porro sapiente quod, odio tempore eius? Commodi quam minus deleniti fugit adipisci eveniet facilis et consequuntur aliquam hic! Rem aspernatur facere quisquam mollitia optio modi perspiciatis, molestias, temporibus accusantium magni blanditiis natus minus tenetur hic earum, delectus iste aliquam. Quae excepturi iste dolores adipisci voluptatem aperiam distinctio vitae itaque, tempora deleniti? Totam error alias dicta temporibus? Fugit aut doloribus, nesciunt eum consequatur laborum soluta, pariatur repellendus ea alias sed dicta blanditiis, magni odio culpa vitae? Ullam nesciunt eius alias eum a quis soluta iste distinctio, ipsa est eligendi voluptatum. Pariatur corrupti eos esse odit eligendi iusto fugit adipisci amet a ducimus, maiores necessitatibus, dolorem animi! Atque sint provident odio doloremque similique nemo minima optio omnis obcaecati libero distinctio nostrum exercitationem, officiis magni, officia labore inventore ducimus facere! Unde possimus reiciendis animi iste maxime sed nobis nesciunt quia sit, odit, vero placeat quo accusamus necessitatibus, eius nemo nulla nostrum beatae eveniet impedit! Perspiciatis vel ab, sapiente minus quos, voluptates totam laboriosam quam laborum magnam dolor! Omnis odio, deleniti, assumenda consequuntur qui cumque fugit ab perferendis a eius cum aperiam incidunt exercitationem commodi, minus optio autem error reiciendis accusamus ad. Molestiae iusto suscipit facere. Nostrum omnis libero, accusantium quia exercitationem quae quisquam porro totam obcaecati, eligendi iste et quidem repellat, magni officiis ipsam. Repellat animi officiis corrupti quasi, maiores beatae eveniet id, magni excepturi at atque mollitia quia repudiandae unde amet non quo nulla enim reiciendis sapiente nisi sint ab, sed laboriosam? Modi suscipit magni recusandae aspernatur ullam adipisci vel, illo repellat, numquam iusto dignissimos nesciunt rerum!

Follow us at:

Contact us:

igem [at] upf [dot] edu

PRBB Building

Doctor Aiguader 88, 08003 Barcelona (Spain)