Skip to content
Helen Burns edited this page Oct 16, 2015 · 3 revisions

Learning to Web design

Install Jekyll This invloves installing a lot of stuff, (with out root access this is significantly more tricky! so I use my own machine never NOCs!)

sudo apt-get install bundler
sudo apt-get install ruby2.0-dev # NB missing headers in ruby2.0, must use dev!

emacs Gemfile:

source 'https://rubygems.org'
gem 'github-pages'

bundle install
bundle update

I had to then run ```` sudo apt-get install nodejs ````` (this is a ubuntu specific thing!)

You can now run:

bundle exec jekyll serve

and go to http://0.0.0.0:4000/

Now you can build with markdown and view by refreshing the page!

Open source .css files

Basic html commands

Start Template:

<!DOCTYPE html>
<html>

  <!-- Header added by git hub page generator -->
  <head>
    <!-- Formating: -->
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <link href='https://fonts.googleapis.com/css?family=Chivo:900' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
    <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen">
    <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- Tidy up page headings etc -->
    <title> hlburns repository </title>
    <meta name="viewport" content="width=device-width">
    <meta name="description" content="My IT notes">
    <link rel="canonical" href="http://hlburns.github.io/ITintro/>
  </head>
  
  <body>
  <header>
  <header>
          <h1>Main title</h1>
          <h3>
               <section id="Sections" class="clearfix">
               </section>
        </header
  </body>
</html>

Bulett Points

<li> Point 1 </li>

Links

 <a href="link address"target="_blank"text</a>
Clone this wiki locally