Skip to content

Instantly share code, notes, and snippets.

@Teino1978-Corp

Teino1978-Corp/dabblet.css

Forked from sarithrbandara/dabblet.css
Created November 3, 2015 17:29
Show Gist options
  • Save Teino1978-Corp/a05b8f145bc98a9486fa to your computer and use it in GitHub Desktop.
Save Teino1978-Corp/a05b8f145bc98a9486fa to your computer and use it in GitHub Desktop.
Download ZIP
{
Raw
dabblet.css
body {
font-family: Arial, Tahoma, sans-serif;
border: 0px solid black;
padding: 0px;
margin: 0px;
}
#header {
border: 0px;
width: 50%;
text-transform: uppercase;
text-align: center;
background-color: #001452;
color: #ffffff;
}
.content {
margin-left: 0px;
border: 0px;
width:50%;
}
#footer {
border: 0px;
width: 50%;
text-align:center;
background-color: #001452;
color: #ffffff;
}
#email {
color: #ffffff;
}
#email:hover {
color: #cc3300;
}
#footer p {
display: inline-block;
margin-right: 90px;
}
.content ul {
font-size: 21px;
font-weight: 700;
color: #660000;
padding-left: 0px;
}
.content ul ul {
font-size: 18px;
font-weight: 400;
color: #000000;
}
.content ul ul ul {
font-size: 15px;
}
.content ul ul ul ul {
font-size: 12px;
}
div div {
padding: 25px;
background-color: #85ADFF;
}
div div > li {
list-style-type: none;
}
div div div {
padding: 20px;
background-color: #C2D6FF;
border-radius: 5px;
margin: 10px 0px 10px 0px;
width: 93%;
position: relative;
list-style-type: none;
}
a {
text-decoration: none;
color: #000066;
}
a:hover {
color: #339933;
}
.place {
position: absolute;
top: 0.1px;
right: 20px;
z-index: 1;
}
.duration {
font-style: italic;
font-size: 15px;
position: absolute;
top: 25px;
right: 20px;
z-index: 1;
}
.activities li {
font-weight: 600;
}
span {
color: #004700;
font-weight: 400;
}
span span {
font-style: italic;
color: #006500;
}
.education ul ul ul li{
display: inline-block;
margin-right: 10px;
}
.education ul {
padding: 20px;
background-color: #C2D6FF;
border-radius: 5px;
margin: 10px 0px 10px 0px;
width: 93%;
position: relative;
}
#undergrad {
list-style-type: none;
}
/*
* {
border: 2px dashed red;
}
*/
Raw
dabblet.html
<!DOCTYPE html>
<html>
<head>
<title>Resume</title>
</head>
<body>
<div id="header">
<h1>Sarith Bandara</h1>
</div>
<div class="content">
<ul>
<div class="education">
<li>Education
<ul>
<li id="undergrad"><a href="#">Massachusetts Institute of Technology (MIT)</a>
<p class="place">Cambridge, MA</p>
<p class="duration">June 2015</p>
<ul>
<li>Bachelor of Science in <strong>Materials Science and Engineering</strong></li>
<li>GPA: 4.6/5.0</li>
<li>Relevant Coursework:
<ul>
<li>Calculus</li>
<li>Differential Equations</li>
<li>Electronic, Optical, and Magnetic Properties of Materials</li>
<li>Materials Processing</li>
<li>Mechanical Behavior of Materials</li>
<li>Micro/Nano Processing Technology</li>
<li>Molecular, Cellular, and Tissue Biomechanics</li>
<li>Organic and Biomaterials Chemistry</li>
<li>Polymer Physics</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</div>
<div class="experience">
<li>Experience
<ul>
<div>
<li><a href="#">MIT Department of Materials Science and Engineering</a>
<p class="position">Teaching Assistant for <a href="#">Introduction to Solid-State Chemistry</a></p>
<p class="place">Cambridge, MA</p>
<p class="duration">February 2015 - May 2015</p>
<ul>
<li>Led recitation sessions twice a week. Discussed lecture material in simpler terms, clarified doubts, and solved problems to help students grasp concepts.</li>
<li>Designed and presented exam review sessions and held weekly office hours to give students opportunities to ask questions one-on-one.</li>
</ul>
</li>
</div>
<div>
<li><a href="#">École Normale Supérieure (ENS) Department of Chemistry</a>
<p class="position">Research Intern</p>
<p class="place">Paris, France</p>
<p class="duration">May 2014 - July 2014</p>
<ul>
<li>Synthesized substrates of different composition and structure as a cheaper alternative to conventional substrates used in the proliferation of induced pluripotent stem (iPS) cells. Cultured iPS cells on these substrates to observe proliferation.</li>
<li>Submitted a technical report and presented results on the impact of the new substrate to an audience of diverse academic backgrounds.</li>
</ul>
</li>
</div>
<div>
<li><a href="#">MIT Materials Project Laboratory</a>
<p class="position">Member</p>
<p class="place">Cambridge, MA</p>
<p class="duration">February 2014 - May 2014</p>
<ul>
<li>Collaborated in a team of five to engineer a fiber-grain composite material exhibiting yield strengths and Young’s moduli superior to those of pre-existing granular materials.</li>
<li>Demonstrated that using this new material in a gripper device improved the ability of the device to maneuver objects.</li>
<li>Presented progress and propositions for improvement of the material at a Materials Science and Engineering symposium.</li>
</ul>
</li>
</div>
<div>
<li><a href="#">MIT Laboratory for Material Chemomechanics</a>
<p class="position">Undergraduate Researcher</p>
<p class="place">Cambridge, MA</p>
<p class="duration">June 2012 - December 2013</p>
<ul>
<li>Determined the optimum composition of polydimethylsiloxane (PDMS) substrates—for use in the investigation of the effect of tensile strain on cells—by synthesizing substrates of varying compositions and carrying out tensile tests on them.</li>
<li>Correlated the nucleus-to-cytoplasm ratio with differentiation potential of mesenchymal stem cells by culturing, passaging, staining, imaging, and analyzing them.</li>
</ul>
</li>
</div>
<div>
<li><a href="#">Imperial College Department of Materials</a>
<p class="position">Research Intern</p>
<p class="place">London, United Kingdom</p>
<p class="duration">June 2013 - August 2013</p>
<ul>
<li>One of four MIT students in the inaugural exchange program between MIT and Imperial College</li>
<li>Investigated potential toxic effects that silver nanoparticles present in everyday products have on humans.</li>
<li>Synthesized silver nanowires using electrodeposition, characterized the nanowires using sputter coating and scanning electron microscopy (SEM), and then observed effects that the nanowires had on rat lung cells.</li>
</ul>
</li>
</div>
</ul>
</li>
</div>
<div class="skills">
<li>Skills
<ul>
<li>Software
<ul>
<li>CellProfiler</li>
<li>ImageJ</li>
<li>Mathematica</li>
<li>Microsoft Office (Excel, PowerPoint, etc.)</li>
</ul>
</li>
<li>Markup/Programming Languages
<ul>
<li>HTML/CSS</li>
<li>Java</li>
<li>Python</li>
</ul>
</li>
<li>Languages
<ul>
<li>French (proficient)</li>
<li>Sinhalese (fluent)</li>
<li>Spanish (proficient)</li>
</ul>
</li>
</ul>
</li>
</div>
<div class="activities">
<li>Activities
<ul>
<li>Volunteer at <a href="#">Habitat for Humanity</a> <span>Caulked, painted, set up doors, and paneled exterior walls for needy families in Thibodaux, Louisiana and Nashua, New Hampshire.</span></li>
<li><a href="#">Next Sustain</a> (MIT sustainability group) <span>Introduced initiatives to improve energy, water, and waste management in Next House, an MIT residence.</span></li>
<li><a href="#">Next Act</a> (MIT student theater group) <span>Cast member in the musicals <span>Catch Me If You Can</span> and <span>Seussical</span></span></li>
<li>Active badminton player <span></span></li>
</ul>
</li>
</div>
<div class="awards">
<li>Awards
<ul>
<li>World 1st in Chemistry (GCE Advanced Level – London Examinations 2010)</li>
<li>World 4th in Physics (GCE Advanced Level – London Examinations 2010)</li>
</ul>
</li>
</div>
</ul>
</div>
<div id="footer">
<p>500 Memorial Drive, Cambridge, MA 02139</p>
<p>(434) 242-6411</p>
<a id="email" href="#">[email protected]</a>
</div>
</body>
</html>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment