linbug/CV.markdown

## CV.markdown

      
    Raw
  

              CV.markdown
            
          
    CV

A Pen by Lin on CodePen.
License.

  
## index.html
<html>
  <head>
  </head>

  <body>
    <div id = topbar>
      <h1> Lin Taylor </h1>
      <div id = links>
        <p>GITHUB &middot;
        LINKEDIN</p>
      </div>

    </div>
    <div id = container>
    <div id = maincontent>
      <h2>
        Experience
      </h2>
      <div class = 'item'>
        <div class = itemtitle>
        <h3> Programmer </h3>
        <span> Recurse Center </span> <span class = date> 2016</span>
        </div>
        <ul>
          <li> Improved core programming and CS knowledge by pair programming, attending workshops, and writing open-source software.</li>
        </ul>
      </div>
      <div class = 'item'>
        <div class = itemtitle>
        <h3> Data Science fellow </h3>
        <span> S2DS </span> <span class = date> Aug - Sept 2015</span>
        </div>
        <ul>
          <li> Worked in a team of three to perform proof-of-concept machine learning analyses for
the financial technology company Intelliflo</li>
          <li>
            Performed data analyses in Python, with heavy use of the Pandas and scikit-learn
            packages
          </li>
        </ul>
      </div>
      <div class = 'item'>
        <div class = itemtitle>
        <h3> Graduate researcher </h3>
        <span> University of Cambridge </span> <span class = date> 2011 - 2015</span>
        </div>
        <ul>
          <li> Studied plant gene evolution; used bioinformatic, molecular and microscopy techniques to understand changes in gene function over time
</li>
          <li>
           Used statistical methods to build evolutionary trees to infer the ancestral traits of a group of flowering plants. Presented work at international conferences and internal seminars.

          </li>
        </ul>
      </div>
    </div>
    <div id = sidecontent>
      <h2>
        Education
      </h2>
    </div>
    </div>
  </body>


</html>

## style.css
html{
  min-height:100%;
}

body{
  height: 100vh;
  display:flex;
  flex-direction:column;
  align-items: center;
  justify-content: center;
}

#container{
  height:100%;
  display:flex;
  width : 70%;
}

#maincontent{
  background-color : red;
  padding:0 1em 0 0;
  height: 100%;
  flex:2;

}

#sidecontent{
  background-color:green;
  flex:0.6;
  height:100%;
}

#topbar{
  width:70%;
  justify-content: left;
  display:flex;
  margin:1em;


}

#links{

  width:100%;
  margin:0.67em;

}

h1{
 margin:0;
 width:100%;
}

h2{
  margin:0.5em 0;
  margin-bottom: 1em;
}
p{
  width:100%;
  text-align:right;
  margin:0;
}

.item{
  margin:0 0 2em 0;
}

h3{
  margin:0;
  margin-right:1em;

}
.itemtitle{

  display:flex;
  align-items:flex-end;
}

.date{
  text-align:right;
  flex:1;
}

span{
  flex:1;
  text-align:left;
  justify-content:left;
}
ul{
  padding:0;
  margin:0.7em 0;
}
li{
  margin:1em 0;
  list-style-type: none;
}

/* .date{
  justify-content:center;
  float:right;
} */
	<html>
	<head>
	</head>

	<body>
	<div id = topbar>
	<h1> Lin Taylor </h1>
	<div id = links>
	<p>GITHUB ·
	LINKEDIN</p>
	</div>

	</div>
	<div id = container>
	<div id = maincontent>
	<h2>
	Experience
	</h2>
	<div class = 'item'>
	<div class = itemtitle>
	<h3> Programmer </h3>
	<span> Recurse Center </span> <span class = date> 2016</span>
	</div>
	<ul>
	<li> Improved core programming and CS knowledge by pair programming, attending workshops, and writing open-source software.</li>
	</ul>
	</div>
	<div class = 'item'>
	<div class = itemtitle>
	<h3> Data Science fellow </h3>
	<span> S2DS </span> <span class = date> Aug - Sept 2015</span>
	</div>
	<ul>
	<li> Worked in a team of three to perform proof-of-concept machine learning analyses for
	the financial technology company Intelliflo</li>
	<li>
	Performed data analyses in Python, with heavy use of the Pandas and scikit-learn
	packages
	</li>
	</ul>
	</div>
	<div class = 'item'>
	<div class = itemtitle>
	<h3> Graduate researcher </h3>
	<span> University of Cambridge </span> <span class = date> 2011 - 2015</span>
	</div>
	<ul>
	<li> Studied plant gene evolution; used bioinformatic, molecular and microscopy techniques to understand changes in gene function over time
	</li>
	<li>
	Used statistical methods to build evolutionary trees to infer the ancestral traits of a group of flowering plants. Presented work at international conferences and internal seminars.

	</li>
	</ul>
	</div>
	</div>
	<div id = sidecontent>
	<h2>
	Education
	</h2>
	</div>
	</div>
	</body>


	</html>
	html{
	min-height:100%;
	}

	body{
	height: 100vh;
	display:flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	}

	#container{
	height:100%;
	display:flex;
	width : 70%;
	}

	#maincontent{
	background-color : red;
	padding:0 1em 0 0;
	height: 100%;
	flex:2;

	}

	#sidecontent{
	background-color:green;
	flex:0.6;
	height:100%;
	}

	#topbar{
	width:70%;
	justify-content: left;
	display:flex;
	margin:1em;


	}

	#links{

	width:100%;
	margin:0.67em;

	}

	h1{
	margin:0;
	width:100%;
	}

	h2{
	margin:0.5em 0;
	margin-bottom: 1em;
	}
	p{
	width:100%;
	text-align:right;
	margin:0;
	}

	.item{
	margin:0 0 2em 0;
	}

	h3{
	margin:0;
	margin-right:1em;

	}
	.itemtitle{

	display:flex;
	align-items:flex-end;
	}

	.date{
	text-align:right;
	flex:1;
	}

	span{
	flex:1;
	text-align:left;
	justify-content:left;
	}
	ul{
	padding:0;
	margin:0.7em 0;
	}
	li{
	margin:1em 0;
	list-style-type: none;
	}

	/* .date{
	justify-content:center;
	float:right;
	} */