Pure Fossil Skin

Check-in [84862736ef]

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:IMPL menu using purecss.io css, submenu and some tables using JS hacks
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA1:84862736efea51df3ad6ac590193bb45701c66f1
User & Date: polymeris 2015-05-30 16:43:39
Context
2015-05-30
16:55
ADD screenshot Leaf check-in: 317ab90ed1 user: polymeris tags: trunk
16:43
IMPL menu using purecss.io css, submenu and some tables using JS hacks check-in: 84862736ef user: polymeris tags: trunk
15:09
initial empty check-in check-in: 7e03079f3e user: polymeris tags: trunk
Changes

Added footer.html.































































































































































































>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
        <div class="footer content">
            This page was generated in about
            <th1>puts [expr {([utime]+[stime]+1000)/1000*0.001}]</th1>
            s by Fossil version $manifest_version $manifest_date
        </div>
    </div>
</div>
<script>
    (function (window, document) {
    
        var layout   = document.getElementById('layout'),
            menu     = document.getElementById('menu'),
            menuLink = document.getElementById('menuLink');
    
        function toggleClass(element, className) {
            var classes = element.className.split(/\s+/),
                length = classes.length,
                i = 0;
    
            for(; i < length; i++) {
              if (classes[i] === className) {
                classes.splice(i, 1);
                break;
              }
            }
            // The className is not found
            if (length === classes.length) {
                classes.push(className);
            }
    
            element.className = classes.join(' ');
        }
    
        menuLink.onclick = function (e) {
            var active = 'active';
    
            e.preventDefault();
            toggleClass(layout, active);
            toggleClass(menu, active);
            toggleClass(menuLink, active);
        };
    
         var submenus = document.getElementsByClassName("submenu");
         for (var i = 0; i < submenus.length; i++) {
            submenus[i].className += " content pure-form pure-g";
            var labels = submenus[i].getElementsByClassName("label");
            for (var j = 0; j < labels.length; j++) {
               labels[j].className += " pure-button pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-5";
            }
            var controls = submenus[i].getElementsByClassName("submenuctrl");
            for (var j = 0; j < controls.length; j++) {
               controls[j].className += " pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-5";
            }
         }
          var table = document.getElementById("branchlisttable");
          if (table) table.className += " pure-table pure-table-horizontal";
          table = document.getElementById("reportTable")
          if (table) table.className += " pure-table pure-table-horizontal";
    
    }(this, this.document));
</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
    // Based on: https://gist.github.com/hkirsman/3002480
    // by Hannes Kirsman
    // generate mobile version for each table
    $('.report,#branchlisttable').each(function() {
      var table = $(this); // cache table object
      table.addClass("visible-md");
      var head = table.find('thead th');
      var rows = table.find('tbody tr').clone(); // appending afterwards does not break original table
    
      // create new table
      var newtable = $(
        '<table class="hidden-md">' +
        '  <tbody>' +
        '  </tbody>' +
        '</table>'
      );
    
      // cache tbody where we'll be adding data
      var newtable_tbody = newtable.find('tbody');
      rows.each(function() {
        var cols = $(this).find('td');
        cols.each(function(k) {
          var new_tr = $('<tr></tr>').appendTo(newtable_tbody);
          new_tr.append(head.clone().removeClass("sort").get(k));
          new_tr.append($(this));
        });
      });
    
      $(this).after(newtable);
    });
</script>
</body></html>

Added header.html.





































































































































>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<html>
  <head>
    <base href="$baseurl/$current_page" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>$<project_name>: $<title></title>
      <link rel="alternate" type="application/rss+xml" title="RSS Feed"
            href="$home/timeline.rss" />
      <link rel="stylesheet" href="$stylesheet_url" type="text/css"
            media="screen" />
  </head>

  <body>
    <div id="layout">
<a href="#menu" id="menuLink" class="menu-link">
        <!-- Hamburger icon -->
        <span></span>
    </a>
    <div id="menu" class="mainmenu pure-menu">
<th1>
 html "<a class='pure-menu-heading' href='$home$index_page'>Home</a>"
</th1>
<ul class="pure-menu-list">
<th1>
proc menulink {url name} {
  upvar current_page current
  upvar home home
  if {[string range $url 0 [string length $current]] eq "/$current"} {
    html "<li class='pure-menu-item pure-menu-selected'><a href='$home$url' class='pure-menu-link'>$name</a></li>"
  } else {
    html "<li class='pure-menu-item'><a href='$home$url' class='pure-menu-link'>$name</a></li>"
  }
}

if {[anycap jor]} {
  menulink /timeline Timeline
}
if {[hascap oh]} {
  menulink /dir?ci=tip Files
}
if {[hascap o]} {
  menulink  /brlist Branches
  menulink  /taglist Tags
}
if {[hascap r]} {
  menulink /ticket Tickets
}
if {[hascap j]} {
  menulink /wiki Wiki
}
if {[hascap s]} {
  menulink /setup Admin
} elseif {[hascap a]} {
  menulink /setup_ulist Users
}
if {[info exists login]} {
  menulink /login "User: $login"
} else {
  menulink /login Login
}
</th1>
</ul></div>
<div id="main">
<div class="header">
      <div class="title"><h1>$<project_name></h1><h2>$<title></h2></div>
    </div>

Added style.css.

cannot compute difference between binary files