blob: 46c5fc5a31fbb4f1427db27950da5f6887f5a42a (
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
|
<section class="hero is-large auto-dark">
<div class="hero-head">
<header class="navbar" aria-label="main navigation">
<div class="container">
<div class="navbar-brand header-title">
<a class="navbar-item is-uppercase has-text-weight-semibold" href="<%= url_for('/') %>">
<%= config.title %>
</a>
<a role="button" class="navbar-burger" data-target="header-menu" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu" id="header-menu">
<div class="navbar-end">
<% for (let item of theme.menubar) { %>
<a class="navbar-item is-uppercase" href="<%= item[0] %>">
<%= item[1] %>
</a>
<% } %>
</div>
</div>
</div>
</header>
</div>
<div class="hero-body">
<div class="container has-text-centered">
<p class="title">
<span class="is-size-2 is-family-monospace is-uppercase">
<% if (theme.logo.enable) { %>
<img id="logo" data-src-lightmode="<%= theme.logo.lightmode %>"
data-src-darkmode="<%= theme.logo.darkmode %>" style="max-width: 200px;" />
<% } else { %>
<%= config.title %>
<% } %>
</span>
</p>
<p class="subtitle is-size-6">
<%- config.description %>
<div>
<% for (let index in theme.navbar) { %>
<%
const mapping = theme.navbar[index];
const link = mapping[0];
const favicon = mapping[1];
const description = mapping[2];
let outter = link.startsWith("https://") ? true : false;
%>
<% if (outter) { %>
<a href="<%= link %>" target="_blank" rel="noopener noreferrer">
<% } else { %>
<a href="<%= link %>">
<% } %>
<span class="icon-text">
<span class="icon">
<i class="<%= favicon %>"></i>
</span>
<span><%= description %></span>
</span>
</a>
<% } %>
</div>
</p>
</div>
</div>
</section>
|
