Mercurial > web-octave

comparison _layouts/default.html @ 241:598d7f098082

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Overhaul website, less JavaScript, more FontAwesome.
author Kai T. Ohlhus <k.ohlhus@gmail.com>
date Thu, 18 Mar 2021 15:59:24 +0900
parents fe5dcb23372a
children 5e56e2942f22
comparison
equal deleted inserted replaced
240:fd916b69fb1d 241:598d7f098082
19 <link 19 <link
20 rel="stylesheet" 20 rel="stylesheet"
21 href="https://cdn.jsdelivr.net/npm/foundation-sites@6.6.3/dist/css/foundation.min.css" 21 href="https://cdn.jsdelivr.net/npm/foundation-sites@6.6.3/dist/css/foundation.min.css"
22 integrity="sha256-ogmFxjqiTMnZhxCqVmcqTvjfe1Y/ec4WaRj/aQPvn+I=" 22 integrity="sha256-ogmFxjqiTMnZhxCqVmcqTvjfe1Y/ec4WaRj/aQPvn+I="
23 crossorigin="anonymous"> 23 crossorigin="anonymous">
24 <link rel="stylesheet"
25 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
26 integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
27 crossorigin="anonymous">
24 <link rel="stylesheet" href="{{ "/css/app.css" | relative_url }}"> 28 <link rel="stylesheet" href="{{ "/css/app.css" | relative_url }}">
25 <link rel="stylesheet" href="{{ "/css/syntax-highlight.css" | relative_url }}"> 29 <link rel="stylesheet" href="{{ "/css/syntax-highlight.css" | relative_url }}">
26 <noscript>
27 <style>
28 .no-js .title-bar { display: none; }
29 .no-js .top-bar .top-bar-left { display: block; }
30 @media screen and (min-width: 40em) {
31 .no-js .top-bar { display: block; }
32 }
33 </style>
34 </noscript>
35 30
36 <script 31 <script
37 src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js" 32 src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"
38 integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" 33 integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
39 crossorigin="anonymous"></script> 34 crossorigin="anonymous"></script>
47 </head> 42 </head>
48 43
49 <body> 44 <body>
50 45
51 <div data-sticky-container> 46 <div data-sticky-container>
52 <div class="no-js dark-background" data-sticky data-options="marginTop:0;"> 47 <div class="dark-background" data-sticky data-options="marginTop:0;">
53 48 <div class="top-bar">
54 <div class="title-bar" data-responsive-toggle="homepage-menu" data-hide-for="large"> 49 <div class="top-bar-left octave-logo">
55 <!-- title-bar-X is visible in collapsed mode --> 50 <a href="{{ "/" | relative_url }}">
56 <div class="title-bar-left"> 51 <img src="{{ "/img/octave-logo.svg" | relative_url }}"
57 <div class="title-bar-title octave-logo"> 52 style="width: 32px; height: auto" alt="GNU Octave logo">
58 <a href="{{ "/" | relative_url }}"> 53 <span>{{ site.title }}</span>
59 <img src="{{ "/img/octave-logo.svg" | relative_url }}" 54 </a>
60 style="width: 32px; height: auto" alt="GNU Octave logo">
61 <span>{{ site.title }}</span>
62 </a>
63 </div>
64 </div>
65 <div class="title-bar-right">
66 <button class="menu-icon" type="button" data-toggle="homepage-menu"></button>
67 </div>
68 </div>
69
70 <div class="top-bar" id="homepage-menu">
71 <div class="top-bar-left">
72 <div class="octave-logo">
73 <a href="{{ "/" | relative_url }}">
74 <img src="{{ "/img/octave-logo.svg" | relative_url }}"
75 style="width: 32px; height: auto" alt="GNU Octave logo">
76 <span>{{ site.title }}</span>
77 </a>
78 </div>
79 </div> 55 </div>
80 <div class="top-bar-right"> 56 <div class="top-bar-right">
81 <ul class="vertical medium-horizontal dropdown menu" data-responsive-menu="accordion large-dropdown"> 57 <ul class="dropdown menu" data-dropdown-menu>
82 {%- for page in site.pages -%} 58 {%- for page in site.pages -%}
83 {%- if page.menu -%} 59 {%- if page.menu -%}
84 <li>
85 <a href="{{ page.url | relative_url }}">{{ page.title }}</a>
86 </li>
87 {%- endif -%}
88 {%- endfor -%}
89 <li> 60 <li>
90 <a href="{{site.docs_url}}"> 61 <a href="{{ page.url | relative_url }}">{{ page.icon }}
91 <i class="fi-arrow-down"></i> 62 {{ page.title }}
92 <span>Docs</span>
93 </a> 63 </a>
94 </li> 64 </li>
65 {%- endif -%}
66 {%- endfor -%}
95 </ul> 67 </ul>
96 </div> 68 </div>
97 </div> 69 </div>
98 </div> 70 </div>
99 </div> 71 </div>
100 72
101 <div class="grid-container"> 73 <div class="grid-container grid-container-mod">
102 <p></p>
103 74
104 {{ content }} 75 {{ content }}
105 76
106 <footer class="text-center"> 77 <footer class="text-center">
107 <p> 78 <p>