Collecting quotes and experiences to form a timeline of volunteer experience.

dabblet.css

/**
 * Collecting quotes and experiences to form a timeline of volunteer experience. 
 * Spirtual ingredients included.
 */
html {
font-family: Tahoma,sans-serif;
background: #f06;
background: linear-gradient(15deg, #39A0C3, #39A0C3);
color:white;
min-height: 100%;
width: intrinsic;		/* Safari/WebKit uses a non-standard name */
width: -moz-max-content;	/* Firefox/Gecko */
min-width:200%;
}

body {
font-size:1.2em;
width:100%;
}

a {
color:inherit;
text-decoration:none;
border-bottom: 5px solid #EBE8D9;
}

a:hover {
border-bottom: 5px solid #A57FAF;
}

.point {
float:left;
background: rgba(235, 232, 217, 0.2);
width:30em;
margin:1em 2em;
padding:1em;
display:block;
} 

.point .date {
font-style:italic;
}

h2,h3,h4,h5,h6 {
margin-top:0;
}

dabblet.html

<h1>Community Timeline </h1>
<div class="point level1">
	<blockquote class="bible">And God is able to make all grace abound to you,<br>so that in all things at all times,<br>having all that you need, <br>you will abound in every good work.</blockquote>
	<span class="bible">2 Corinthians 9:8</span>
</div>

<div class="point level1">
	<blockquote class="bible">You will be made rich in every way so that you can be generous on every occasion, and through us your generosity will result in thanksgiving to God.</blockquote>
	<span class="bible">2 Corinthians 9:11</span>
</div>

<div class="point level2">
	<blockquote>I am thinking about my contribution... Seeking to contribute to kingdom work with the skills I have command over.</blockquote>
	<span class="date">May 31st, 2012</span>
</div>

<div class="point level1">
	<blockquote>I imagine God using me &amp; my gifts to help others unlock the gifts in them. I pray that God could/would use me when I'm ready. <br><br>Take this <a href="http://bible.us/59/mat.5.15.esv">basket</a> off of me.</blockquote>
	<span class="date">July 2nd, 2012, 2 days before I applied to the <a href="//www.northmemphisctc.org">NMCTC</a>.</span>
</div>


<script type="text/javascript" src="//use.typekit.net/tpt6xkv.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"120","seethrough":"","prefixfree":"1","page":"html"}