The Paravel ConvergeSE Workshop
The fonts and assets here are for demonstration purposes.
Start
The sample project has our base frame for the little one-pager. BONUS: it's an hCalendar microformat!
- Download the
v1sample project from Github
Lvl 1
In this step we'll add some web font typography and some lettering.js. We'll also layout the basic vibe of our site.
Install our font face kits into the <head>
Download @font-face kits from Font Squirrel
Install jQuery and Lettering.js into the <head>.
<script src="js/jquery-1.6.1.min.js"></script>
<script src="js/jquery.lettering.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("header h1, .features").lettering('words');
});
</script>
Now it's up to you to CSS this mess.