A little demo site for our workshop at ConvergeSE
CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
fonts
img
js
README.md
index.html

README.md

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 v1 sample 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.