fgm
/
front__coursera-responsive-design


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/bootstrap_superhero.min.css" />
    <link rel="stylesheet" href="css/styles.css" />
    <title>About this site</title>
  </head>
  <body>
    <!-- Header -->
    <nav id="header" class="navbar navbar-default">
      <div class="container-fluid">
        <!-- collapsed navbar -->
        <div class="navbar-header">
          <a class="navbar-brand" href="/">Simple TODOs</a>
          <button type="button"
            class="navbar-toggle collapsed"
            data-toggle="collapse"
            data-target="#main_navbar"
            aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div><!-- /collapsed navbar -->

        <!-- uncollapsed navbar -->
        <div id="main_navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li><a href="index.html">All tasks</a></li>
            </ul>
          <ul class="nav navbar-nav navbar-right">
            <li class="active"><a href="about.html">About</a></li>
          </ul>
        </div><!-- /uncollapsed navbar -->
      </div>
    </nav>

    <div id="content" class="container">
      <ol class="breadcrumb">
        <li><a href="/">All tasks</a></li>
        <li>About this site</li>
      </ol>

      <div class="panel panel-default">
        <div class="panel-heading"><h2>What's This For ?</h2></div>
        <div class="panel-body">
          <p>This is assignment 1 from the second week of the Coursera
            <em>Responsive Web Design</em> MOOC by University of London &amp;
            Goldsmiths, University of London</p>
          <ul>
            <li><a href="index.html">Main page is a TODO list</a></li>
            <li><a href="task.html">Task page provides a sample task page</a></li>
            <li><a href="about.html">This page provides site information</a></li>
          </ul>
          <p>Source is available from <a href="http://formation.osinet.fr:3000/fgm/coursera-responsive-design/src/w2">
            http://formation.osinet.fr:3000/fgm/coursera-responsive-design/src/w2</a>
          </p>
        </div>
      </div>

      <div class="panel panel-default">
        <div class="panel-heading"><h2>Clear responsive design with Bootstrap 3</h2></div>
        <div class="panel-body">
          <ul>
            <li>The site makes consistent use of the Bootstrap 3
              <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/superhero">Superhero</a> theme</li>
            <li>On all pages, the navigation header collapses to a hamburger menu on XS displays</li>
            <li>All pages - except home (all tasks) which does not need it - contain a breadcrumbs trail</li>
            <li>The active top-level navigation element if flagged as such in the navbar:<ul>
              <li>"All tasks" on the home page and single task page</li>
              <li>"About" on this about page</li>
              </ul>
            </li>
            <li>The <a href="/">All tasks</a> page sports 4 distinct
              layouts for all 3 Bootstrap breakpoints</li>
            <li>The <a href="task.html">single task</a> page sports 2 distinct
              layouts, for XS screens and others</li>
          </ul>
        </div>
      </div>

      <div class="panel panel-default">
        <div id="licensing" class="panel-heading"><h2 >Licensing information</h2></div>
        <table class="table">
          <thead>
            <th scope="col">Licensed content</th>
            <th scope="col">License</th>
            <th scope="col">Granted by</th>
          </thead>
          <tbody>
            <tr>
              <td>Ratatouille recipe content
              </td>
              <td>Proprietary</td>
              <td>
                The
                <a href="http://www.jamieoliver.com/recipes/vegetables-recipes/ratatouille/#vZWTQ6XueMbMV70p.97">Jamie Oliver site</a>
                through its
                <a href="http://www.jamieoliver.com/terms/">Terms and Conditions</a>,
                section <em>Terms of use</em>, item 1  allowing a
                <q cite="http://www.jamieoliver.com/terms/">personal, non-commercial use.</q>.
              </td>
            </tr>
            <tr>
              <td>Jamie Oliver photo</td>
              <td><a href="https://creativecommons.org/licenses/by/2.0/deed.en">CC BY 2.0</a></td>
              <td>License granted by Flicker member
                <a href="https://www.flickr.com/people/28836461@N00">really short</a>
                through
                <a href="https://commons.wikimedia.org/wiki/File:Jamie_Oliver_retouched.jpg">Wikimedia Commons</a>
              </td>
            </tr>
            <tr>
              <td>Bootstrap</td>
              <td><a href="https://github.com/twbs/bootstrap/blob/master/LICENSE">MIT license</a></td>
              <td><a href="http://getbootstrap.com/getting-started/#license-faqs">Twitter</a></td>
            </tr>
            <tr>
              <td>Superhero theme</td>
              <td><a href="https://github.com/thomaspark/bootswatch/blob/gh-pages/LICENSE">MIT license</a></td>
              <td><a href="https://github.com/thomaspark/bootswatch#user-content-copyright-and-license">Thomas Park</a></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>

    <!-- Footer -->
    <nav id="footer" class="navbar navbar-default">
      <ul class="nav navbar-nav">
        <li><a href="about.html">About this site</a></li>
        <li><a href="about.html#licensing">Licensing information</a></li>
      </ul>
    </nav>

    <script src="js/jquery-2.2.1.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/behaviours.js"></script>
  </body>
</html>