Mercurial > web-octave

comparison _layouts/default.html @ 203:3a99431030c1

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Update website to use the foundation 6 framework.
author Kai T. Ohlhus <k.ohlhus@gmail.com>
date Thu, 09 Jul 2020 17:51:40 +0900
parents 4f6a8d987f7f
children 68d54c6d397a
comparison
equal deleted inserted replaced
202:927c8b96b2e4 203:3a99431030c1
23 crossorigin="anonymous"> 23 crossorigin="anonymous">
24 <link rel="stylesheet" href="{{ "/css/app.css" | relative_url }}"> 24 <link rel="stylesheet" href="{{ "/css/app.css" | relative_url }}">
25 <link rel="stylesheet" href="{{ "/css/syntax-highlight.css" | relative_url }}"> 25 <link rel="stylesheet" href="{{ "/css/syntax-highlight.css" | relative_url }}">
26 <noscript> 26 <noscript>
27 <style> 27 <style>
28 div.no-js { position: relative; } 28 .no-js .title-bar { display: none; }
29 nav.no-js { height: auto; } 29 @media screen and (min-width: 40em) {
30 .tabs-content > div.no-js { display: block; } 30 .no-js .top-bar { display: block; }
31 }
31 </style> 32 </style>
32 </noscript> 33 </noscript>
33 34
34 <script 35 <script
35 src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js" 36 src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"
44 <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | relative_url }}"> 45 <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | relative_url }}">
45 </head> 46 </head>
46 47
47 <body> 48 <body>
48 49
49 <div class="no-js fixed contain-to-grid"> 50 <div data-sticky-container>
50 <nav class="no-js top-bar" data-topbar role="navigation"> 51 <div class="no-js" data-sticky data-options="marginTop:0;">
51 <ul class="title-area">
52 <li class="name">
53 <h1>
54 <a href="{{ "/" | relative_url }}" style="height:100%">
55 <img src="{{ "/img/octave-logo.svg" | relative_url }}"
56 style="width: 32px; height: auto" alt="GNU Octave logo">
57 {{ site.title }}
58 </a>
59 </h1>
60 </li>
61 <!-- Remove the class "menu-icon" to get rid of menu icon.
62 Take out "Menu" to just have icon alone -->
63 <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
64 </ul>
65 52
66 <section class="top-bar-section"> 53 <div class="title-bar" data-responsive-toggle="homepage-menu" data-hide-for="large">
67 <!-- Right Nav Section --> 54 <!-- title-bar-X is visible in collapsed mode -->
68 <ul class="right"> 55 <div class="title-bar-left">
69 {% for page in site.pages %} 56 <div class="title-bar-title octave-logo">
70 {% if page.menu %} 57 <img src="{{ "/img/octave-logo.svg" | relative_url }}"
71 <li> 58 style="width: 32px; height: auto" alt="GNU Octave logo">
72 <a href="{{ page.url | relative_url }}">{{ page.title }}</a> 59 <a href="{{ "/" | relative_url }}" style="height:100%">{{ site.title }}</a>
73 </li> 60 </div>
74 {% endif %} 61 </div>
75 {% endfor %} 62 <div class="title-bar-right">
76 <li> 63 <button class="menu-icon" type="button" data-toggle="homepage-menu"></button>
77 <a href="{{site.docs_url}}">Docs</a> 64 </div>
78 </li> 65 </div>
79 </ul> 66
80 </section> 67 <div class="top-bar" id="homepage-menu">
81 </nav> 68 <div class="top-bar-left">
69 <div class="octave-logo">
70 <img src="{{ "/img/octave-logo.svg" | relative_url }}"
71 style="width: 32px; height: auto" alt="GNU Octave logo">
72 <a href="{{ "/" | relative_url }}" style="height:100%">{{ site.title }}</a>
73 </div>
74 </div>
75 <div class="top-bar-right">
76 <ul class="vertical medium-horizontal dropdown menu" data-responsive-menu="accordion large-dropdown">
77 {%- for page in site.pages -%}
78 {%- if page.menu -%}
79 <li>
80 <a href="{{ page.url | relative_url }}">
81 <i class="{{ page.icon | default: "fi-list" }}"></i>
82 <span>{{ page.title }}</span>
83 </a>
84 </li>
85 {%- endif -%}
86 {%- endfor -%}
87 <li>
88 <a href="{{site.docs_url}}">
89 <i class="fi-arrow-down"></i>
90 <span>Docs</span>
91 </a>
92 </li>
93 </ul>
94 </div>
95 </div>
96 </div>
82 </div> 97 </div>
83 98
84 <div class="page-content row">
85 <div class="wrapper column">
86 {{ content }}
87 </div>
88 99
89 <footer class="column"> 100
90 <section> 101
91 <div class="row"> 102 <div class="grid-container">
92 <div class="columns small-12"> 103 {{ content }}
93 <div class="text-center"> 104
94 <p> 105 <footer class="text-center">
95 Octave is free software under the 106 <p>
96 <a href="{{ "license.html" | relative_url }}">GNU General Public License.</a> 107 Octave is free software under the
97 </p> 108 <a href="{{ "license.html" | relative_url }}">GNU General Public License.</a>
98 <small> 109 </p>
99 Copyright © 1998-{{ site.time | date: "%Y" }} John W. Eaton. 110 <small>
100 This work is licensed under a 111 Copyright © 1998-{{ site.time | date: "%Y" }} John W. Eaton.
101 <a rel="license" href="https://creativecommons.org/licenses/by-nd/4.0/"> 112 This work is licensed under a
102 Creative Commons Attribution-NoDerivatives 4.0 International License</a>. 113 <a rel="license" href="https://creativecommons.org/licenses/by-nd/4.0/">
103 Get the <a href="http://hg.octave.org/web-octave/file/tip">page sources</a>. 114 Creative Commons Attribution-NoDerivatives 4.0 International License</a>.
104 </small> 115 Get the <a href="http://hg.octave.org/web-octave/file/tip">page sources</a>.
105 </div> 116 </small>
106 </div>
107 </div>
108 </section>
109 </footer> 117 </footer>
110 118
111 <script> 119 <script>
112 $(document).foundation(); 120 $(document).foundation();
113 </script> 121 </script>