summaryrefslogtreecommitdiff
path: root/docs/_layouts/default.html
blob: b030a0fec14b99c10c858d6eb9d45177324c9241 (plain)
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
96
97
98
99
100
101
102
103
104
105
106
107
108
{%
assign build_version = site.time | date: "%Y%m%d%H%M%S" %}{%
assign description = "Inter UI is a new typeface optimized for computer user interfaces" %}{%

capture url_root
  %}{% if site.safe == false %}/{% else %}/inter/{% endif
%}{%
endcapture %}{%

capture release_version
  %}{{ site.data.fontinfo[0].version }}{%
endcapture %}{%

capture download_url
  %}https://github.com/rsms/inter/releases/download/v{{ release_version }}/Inter-UI-{{ release_version }}.zip{%
endcapture %}{%

for file in site.static_files %}{%
  assign _path = file.path | remove_first: "/inter" %}{%
  if _path == "/res/base.css" %}{%
    assign base_css_v = file.modified_time | date: "%Y%m%d%H%M%S" %}{%
  elsif _path == "/res/base.js" %}{%
    assign base_js_v = file.modified_time | date: "%Y%m%d%H%M%S" %}{%
  endif %}{%
endfor

%}<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>{% if page.title %}{{ page.title }} — Inter UI{% else %}Inter UI font family{% endif %}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="{{url_root}}inter-ui.css?v={{ release_version }}">
    <link rel="stylesheet" href="{{url_root}}res/base.css?v={{ base_css_v }}">
    <link rel="icon" type="image/png" href="{{url_root}}res/favicon.png">
    <meta name="format-detection" content="telephone=no">
    <meta property="twitter:card" content="summary">
    <meta property="twitter:site" content="@rsms">
    <meta property="twitter:creator" content="@rsms">
    <meta property="description" content="{{description}}">
    <meta property="og:description" content="{{description}}">
    <meta property="twitter:description" content="{{description}}">
    {% if page.title %}
      <meta property="og:title" content="{{ page.title }}">
      <meta property="twitter:title" content="{{ page.title }}">
    {% endif %}
    {% if page.og_image_url %}
      <meta property="og:image" content="{{ page.og_image_url }}">
      <meta property="twitter:image" content="{{ page.og_image_url }}">
    {% else %}
      <meta property="og:image" content="https://rsms.me/inter/res/poster.png">
      <meta property="twitter:image" content="https://rsms.me/inter/res/poster.png">
    {% endif %}
    <meta property="og:url" content="https://rsms.me/inter/{{ page.url | remove_first:'index.html' }}">
    <meta property="fb:app_id" content="38027689216">
    <meta property="og:site_name" content="rsms.me/inter">
    <meta property="og:type" content="product">
    <meta property="og:locale" content="en_US" />
  </head>
<script>
(function(u){
if (
  ( u.indexOf('Safari/') != -1 &&
    u.indexOf('Chrome/') == -1 &&
    u.indexOf('Chromium/') == -1 ) ||
  u.indexOf('Edge/') != -1
) {
  // Use alternate variable font for Safari and MS Edge
  document.documentElement.classList.add('vf-alt')
}
})(navigator.userAgent);
</script>
  <body>
    <div id="hud-notification"><div class="msg">Hello</div></div>
    <script src="{{url_root}}res/base.js?v={{ base_js_v }}"></script>

    <div class="row menu">
      <ul class="menu">
        <li class="home"><a href="{{url_root}}">Inter UI</a></li>
        <li><a class="download-link" href="{{ download_url }}"
          >Download</a></li>
        <li><a href="{{url_root}}samples/"
          {% if page.url contains "/samples/" %}class="active"{% endif %}
          >Samples</a></li>
        <li class="wide-window"><a href="{{url_root}}glyphs/"
          {% if page.url contains "/glyphs/" %}class="active"{% endif %}
          >Glyphs</a></li>
        <!--li class="wide-window"><a href="{{url_root}}dynmetrics/"
          {% if page.url contains "/dynmetrics/" %}class="active"{% endif %}
          >Dynamic Metrics</a></li-->
        <li><a href="{{url_root}}lab/"
          {% if page.url contains "/lab/" %}class="active"{% endif %}
          >Lab</a></li>
        <li><a href="https://github.com/rsms/inter/"
          >Source</a></li>
      </ul>
    </div>

    {{ content }}

    {% if site.safe == true %}
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-105091131-2"></script>
    {% endif %}
    {% include autoreload-in-debug.html %}
  </body>
</html>