~ubuntu-manpage-repository-dev/ubuntu-manpage-repository/trunk

« back to all changes in this revision

Viewing changes to www/above2.html

- Updated to Vanilla-framework 1.8.1
  - Various CSS, HTML and JavaScript changes for the following:
    - Updated the look of the homepage
    - Hide the sidebar when there's no content
    - Make the listing full-width when the sidebar is hidden

Show diffs side-by-side

added added

removed removed

Lines of Context:
1
 
</title>
2
 
        <link rel="stylesheet" href="https://assets.ubuntu.com/v1/vanilla-framework-version-1.8.0.min.css" />
3
 
        <link rel="stylesheet" href="/assets/light/css/styles.css"/>
4
 
        <link rel="icon" type="image/png" href="https://assets.ubuntu.com/v1/cb22ba5d-favicon-16x16.png" sizes="16x16" />
5
 
        <link rel="icon" type="image/png" href="https://assets.ubuntu.com/v1/49a1a858-favicon-32x32.png" sizes="32x32" />
6
 
 
7
 
        <link rel="apple-touch-icon" sizes="144x144" href="https://assets.ubuntu.com/v1/3361409d-apple-touch-icon-144x144-precomposed.png" />
8
 
        <link rel="apple-touch-icon" sizes="114x114" href="https://assets.ubuntu.com/v1/5fe4d3c8-apple-touch-icon-114x114-precomposed.png" />
9
 
        <link rel="apple-touch-icon" sizes="72x72" href="https://assets.ubuntu.com/v1/09460d9a-apple-touch-icon-72x72-precomposed.png" />
10
 
        <link rel="apple-touch-icon" href="https://assets.ubuntu.com/v1/cc66da65-apple-touch-icon.png" />
11
 
    </head>
12
 
    <body>
13
 
        <header id="navigation" class="p-navigation">
14
 
            <div class="p-navigation__banner">
15
 
                <div class="p-navigation__logo">
16
 
                    <a class="p-navigation__link" href="/">
17
 
                        <img class="p-navigation__image" src="https://assets.ubuntu.com/v1/9f61b97f-logo-ubuntu.svg" alt="" width="95">
18
 
                    </a>
19
 
                </div>
20
 
                <a href="#navigation" class="p-navigation__toggle--open" title="menu">Menu</a>
21
 
                <a href="#navigation-closed" class="p-navigation__toggle--close" title="close menu">Close menu</a>
22
 
            </div>
23
 
            <nav class="p-navigation__nav" role="menubar">
24
 
                <form class="p-search-box" method="get" action="/cgi-bin/search.py" id="cse-search-box">
25
 
                    <input class="p-search-box__input" name="q" placeholder="Search" required="" type="search">
26
 
                    <button type="reset" class="p-search-box__reset" alt="reset"><i class="p-icon--close"></i></button>
27
 
                    <button type="submit" class="p-search-box__button" alt="search"><i class="p-icon--search"></i></button>
28
 
                    <input type="hidden" name="cx" value="003883529982892832976:5zl6o8w6f0s" />
29
 
                    <input type="hidden" name="cof" value="FORID:9" />
30
 
                    <input type="hidden" name="ie" value="UTF-8" />
31
 
                    <script type="text/javascript" src="https://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
32
 
                </form>
33
 
                <span class="u-off-screen">
34
 
                    <a href="#main-content">Jump to main content</a>
35
 
                </span>
36
 
                <ul class="p-navigation__links" role="menu" id="navigation-container"></ul>
37
 
            </nav>
38
 
        </header>
39
 
        <div id="main-content" class="p-strip is-bordered">
40
 
            <div class="row">
41
 
                <div class="col-3">
42
 
                    <div class="level-4-nav u-hide--small" id="toc"></div>
43
 
                </div>
44
 
                <div class="col-9">
45
 
                    <p id="distroAndSection"></p>
 
1
    </title>
 
2
    <link rel="stylesheet" href="https://assets.ubuntu.com/v1/vanilla-framework-version-1.8.1.min.css" />
 
3
    <link rel="stylesheet" href="/assets/light/css/styles.css"/>
 
4
    <link rel="icon" type="image/png" href="https://assets.ubuntu.com/v1/cb22ba5d-favicon-16x16.png" sizes="16x16" />
 
5
    <link rel="icon" type="image/png" href="https://assets.ubuntu.com/v1/49a1a858-favicon-32x32.png" sizes="32x32" />
 
6
    <link rel="apple-touch-icon" sizes="144x144" href="https://assets.ubuntu.com/v1/3361409d-apple-touch-icon-144x144-precomposed.png" />
 
7
    <link rel="apple-touch-icon" sizes="114x114" href="https://assets.ubuntu.com/v1/5fe4d3c8-apple-touch-icon-114x114-precomposed.png" />
 
8
    <link rel="apple-touch-icon" sizes="72x72" href="https://assets.ubuntu.com/v1/09460d9a-apple-touch-icon-72x72-precomposed.png" />
 
9
    <link rel="apple-touch-icon" href="https://assets.ubuntu.com/v1/cc66da65-apple-touch-icon.png" />
 
10
  </head>
 
11
  <body>
 
12
    <header id="navigation" class="p-navigation">
 
13
      <div class="row">
 
14
        <div class="p-navigation__banner">
 
15
          <div class="p-navigation__logo">
 
16
            <a class="p-navigation__link" href="/">
 
17
              <img class="p-navigation__image" src="https://assets.ubuntu.com/v1/b93fecb3-ubuntu-manuals-lockup.svg" alt="">
 
18
            </a>
 
19
          </div>
 
20
          <a href="#navigation" class="p-navigation__toggle--open" title="menu">Menu</a>
 
21
          <a href="#navigation-closed" class="p-navigation__toggle--close" title="close menu">Close menu</a>
 
22
        </div>
 
23
        <nav class="p-navigation__nav" role="menubar">
 
24
          <form class="p-search-box" method="get" action="/cgi-bin/search.py" id="cse-search-box">
 
25
            <input class="p-search-box__input" name="q" placeholder="Search" required="" type="search">
 
26
            <button type="reset" class="p-search-box__reset" alt="reset"><i class="p-icon--close"></i></button>
 
27
            <button type="submit" class="p-search-box__button" alt="search"><i class="p-icon--search"></i></button>
 
28
            <input type="hidden" name="cx" value="003883529982892832976:5zl6o8w6f0s" />
 
29
            <input type="hidden" name="cof" value="FORID:9" />
 
30
            <input type="hidden" name="ie" value="UTF-8" />
 
31
            <script type="text/javascript" src="https://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
 
32
          </form>
 
33
          <span class="u-off-screen">
 
34
            <a href="#main-content">Jump to main content</a>
 
35
          </span>
 
36
          <ul class="p-navigation__links" role="menu" id="navigation-container"></ul>
 
37
        </nav>
 
38
      </div>
 
39
    </header>
 
40
    <div id="main-content">
 
41
      <section class="p-strip is-bordered">
 
42
        <div class="row">
 
43
          <div class="col-3 u-hide--small u-hide" id="toc">
 
44
          </div>
 
45
          <div id="tableWrapper">
 
46
            <p id="distroAndSection"></p>