Difference between revisions of "Team:Erlangen Nuremberg/Notebook"

(Prototype team page)
 
 
Line 3: Line 3:
  
  
−
<div class="column full_size">
+
<html>
 +
<head>
 +
<title>Notebook</title>
 +
    <?php include 'includes/head.html' ?>
 +
</head>
 +
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_Erlangen_Nuremberg_Safety skin-igem action-view">
 +
<?php include 'includes/igem_pre_content.php' ?>
  
−
<h1>Notebook</h1>
+
<style>
−
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
+
  
−
</div>
 
−
<div class="clear"></div>
 
  
 +
.timeline {
 +
font-family: 'Roboto', sans-serif;
 +
-webkit-box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
outline: none;
 +
padding: 50px 0;
 +
margin: 50px auto;
 +
position: relative;
 +
overflow: hidden;
  
−
<div class="column half_size">
+
}
−
<h5>What should this page have?</h5>
+
−
<ul>
+
−
<li>Chronological notes of what your team is doing.</li>
+
−
<li> Brief descriptions of daily important events.</li>
+
−
<li>Pictures of your progress. </li>
+
−
<li>Mention who participated in what task.</li>
+
−
</ul>
+
  
−
</div>
+
.timeline:before {
 +
content: '';
 +
position: absolute;
 +
top: 0;
 +
left: 50%;
 +
margin-left: -1px;
 +
width: 2px;
 +
height: 100%;
 +
background: #CCD1D9;
 +
z-index: 2
 +
overflow: hidden;
 +
}
 +
 
 +
.timeline-block {
 +
width: -webkit-calc(50% + 8px);
 +
width: -moz-calc(50% + 8px);
 +
width: calc(50% + 8px);
 +
display: -webkit-box;
 +
display: -webkit-flex;
 +
display: -moz-box;
 +
display: flex;
 +
-webkit-box-pack: justify;
 +
-webkit-justify-content: space-between;
 +
-moz-box-pack: justify;
 +
justify-content: space-between;
 +
clear: both;
 +
margin-bottom: 5%;
 +
 
 +
}
 +
 
 +
.timeline-block-right {
 +
float: right;
 +
}
 +
 
 +
.timeline-block-left {
 +
float: left;
 +
direction: rtl
 +
}
 +
 
 +
.marker {
 +
width: 16px;
 +
height: 16px;
 +
border-radius: 50%;
 +
border: 2px solid #F5F7FA;
 +
background: var(--tint-color);
 +
margin-top: 18px;
 +
z-index: 4;
 +
 
 +
}
 +
 
 +
.timeline-content {
 +
width: 95%;
 +
margin-top: -6px;
 +
color: #666;
 +
position: relative;
 +
 
 +
}
 +
 
 +
.timeline-content h3 {
 +
margin-top: 5px;
 +
font-size: 25px;
 +
font-weight: 500;
 +
 
 +
}
 +
 
 +
.timeline-content h4 {
 +
font-size: 15px;
 +
color: black;
 +
margin-top: -5%;
 +
 
 +
}
 +
 
 +
.timeline-content p {
 +
font-size: 14px;
 +
line-height: 1.5em;
 +
word-spacing: 1px;
 +
color: #888;
 +
margin-top: -2%;
 +
}
 +
 
 +
.timeline-read-more {
 +
padding-left: 5%;
 +
padding-right: 5%;
 +
margin-top: 1%;
 +
font-size: 75%;
 +
color: var(--tint-color);
 +
}
 +
 
 +
.timeline-date-right, .timeline-date-left {
 +
font-size: 90%;
 +
top: 20px;
 +
position: absolute;
 +
}
 +
 
 +
.timeline-date-right {
 +
margin-left: -85px;
 +
}
 +
 
 +
.timeline-date-left {
 +
margin-right: -85px;
 +
}
 +
 
 +
@media screen and (max-width: 768px) {
 +
.timeline:before {
 +
left: 8px;
 +
width: 2px;
 +
}
 +
 
 +
.timeline-block {
 +
width: 100%;
 +
margin-bottom: 30px;
 +
}
 +
 
 +
.timeline-block-left, .timeline-block-right {
 +
float: none;
 +
direction: ltr;
 +
}
 +
 
 +
.timeline-date-left, .timeline-date-right {
 +
position: relative;
 +
margin: auto;
 +
float: none
 +
direction: ltr;
 +
 
 +
}
 +
 
 +
}
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
<!-- COPY TO IGEM WIKI FROM HERE -->
 +
<div class="container-fluid" id="scroll-content">
 +
<div class="row">
 +
<div class="col-sm-3 sidenav-wrapper">
 +
            <?php include 'includes/notebook_subnav.html' ?>
 +
</div>
 +
<div class="col-sm-9">
 +
<div class="anchor" id="erlangen">
 +
<div class="light">
 +
<h2>Timeline Erlangen</h2>
 +
<div class="clear"></div>
 +
// TODO
 +
</div>
 +
</div>
 +
<div class="anchor" id="wuerzburg">
 +
<div class="light">
 +
<h2>Timeline Würzburg</h2>
 +
<div class="clear"></div>
 +
 
 +
<div class="timeline">
 +
 
 +
<div class="timeline-block timeline-block-right">
 +
<div class="marker"></div>
 +
<div class="timeline-content">
 +
<div class="timeline-date-right">Jan 14</div>
 +
<h3>Titel 3</h3>
 +
<h4>Some work experience</h4>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
 +
incididunt ut labore
 +
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
 +
laboris nisi ut
 +
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
 +
voluptate.</p>
 +
<a href="#0" class="timeline-read-more">Read more</a>
 +
</div>
  
−
<div class="column half_size">
+
</div>
−
<h5>Inspiration</h5>
+
−
<p>You can see what others teams have done to organize their notes:</p>
+
  
−
<ul>  
+
<div class="timeline-block timeline-block-left">
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
<div class="marker"></div>
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
<div class="timeline-content">
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
<span class="timeline-date-left">Jan 14</span>
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
<h3>Titel 2</h3>
−
</ul>
+
<h4>Some work experience</h4>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
 +
incididunt ut labore
 +
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
 +
laboris nisi ut
 +
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
 +
voluptate.</p>
 +
<a href="#0" class="timeline-read-more">Read more</a>
 +
</div>
 +
</div>
  
 +
<div class="timeline-block timeline-block-right">
 +
<div class="marker"></div>
 +
<div class="timeline-content">
 +
<span class="timeline-date-right">Jan 14</span>
 +
<h3>Titel 1</h3>
 +
<h4>Some work experience</h4>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
 +
incididunt ut labore
 +
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
 +
laboris nisi ut
 +
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
 +
voluptate.</p>
 +
<a href="#0" class="timeline-read-more">Read more</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 
</html>
 
</html>
 +
{{Erlangen_Nuremberg/Footer}}

Latest revision as of 08:41, 10 July 2017

Notebook

Timeline Erlangen

// TODO

Timeline Würzburg

Jan 14

Titel 3

Some work experience

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.

Read more
Jan 14

Titel 2

Some work experience

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.

Read more
Jan 14

Titel 1

Some work experience

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.

Read more

Sponsors

Foundations