In order to build this website and easily make it responsive I used a very simple and handy framework called Skeleton. Skeleton is available at getskeleton.com. There you will find the major classes available as well as (my favorite feature) a very handy column grid system, with the less criptic semantic I've found!
<!-- .container is main centered wrapper --> <div class="container"> <!-- columns should be the immediate child of a .row --> <div class="row"> <div class="one column">One</div> <div class="eleven columns">Eleven</div> </div> <!-- just use a number and class 'column' or 'columns' --> <div class="row"> <div class="two columns">Two</div> <div class="ten columns">Ten</div> </div> <!-- there are a few shorthand columns widths as well --> <div class="row"> <div class="one-third column">1/3</div> <div class="two-thirds column">2/3</div> </div> <div class="row"> <div class="one-half column">1/2</div> <div class="one-half column">1/2</div> </div> </div>
In order to edit it fast I also use a markdown note taking app for mac named Bear which I found very handy at the lab and also allows me to copy paste directly to html maintaining the classes I used on markdown.
Fab Academy Student Agreement
The Fab Academy is responsible for:
I am a Fab Academy student, responsible for:
Signed by committing this file in my repository,
This Tutorial is a very handy and simple way to introduce your Fab Lab users to git and maybe (github). Github classroom is a great tool to create small courses for fab lab competences development.