Skip to content

Commit 1d68857

Browse files
CodeDoctorDECodeDoctorDE
committed
Add inspect functions, improve templates, fix logo
1 parent 092b148 commit 1d68857

25 files changed

Lines changed: 319 additions & 264 deletions

‎Cargo.lock‎

Lines changed: 4 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎cli/assets/components/search.hbs‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
<div class="big-section">
1+
<section class="big-section">
22
<h2>Search</h2>
33
<p>Search for author or assets</p>
4-
<form class="max-w-full col align-stretch gap-xs mt-sm" method="get" action="search.html">
4+
<form class="max-w-full col align-stretch gap-xs mt-sm" method="get" action="search.html" role="search">
55
<div class="form-group">
66
<input type="checkbox" name="authors" id="search-authors" checked>
77
<label for="search-authors" class="form-label">Authors</label>
@@ -11,8 +11,8 @@
1111
<label for="search-assets" class="form-label">Assets</label>
1212
</div>
1313
<div class="row gap-xs align-stretch mt-xs">
14-
<input type="text" id="search-input" class="flex m-none" name="q" placeholder="Search..." class="form-control">
14+
<input aria-label="Search query" type="text" id="search-input" class="flex m-none form-control" name="q" placeholder="Search...">
1515
<button type="submit" class="btn secondary">Search</button>
1616
</div>
1717
</form>
18-
</div>
18+
</section>

‎cli/assets/layouts/asset.hbs‎

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{{#> layouts/main.hbs title=asset.name active_page="" }}
2-
<div class="pb-sm card paper mb-md gap-xs p-sm">
2+
<section class="pb-sm card paper mb-md gap-xs p-sm" aria-label="Asset Header">
33
<div class="row wrap align-start justify-between">
44
<h1 class="flex">{{asset.name}}</h1>
55
<a class="btn primary {{#if (eq activeTab 'download')}}active{{/if}}" href="{{asset.author}}/{{asset.name}}/download.html">Download {{asset.current_version.name}}</a>
@@ -15,10 +15,12 @@
1515
</ul>
1616
</div>
1717
{{/if}}
18-
<ul class="row wrap gap-xs">
19-
<li><a class="btn {{#if (eq activeTab 'home')}}active{{/if}}" href="{{asset.author}}/{{asset.name}}">Home</a></li>
20-
<li><a class="btn {{#if (eq activeTab 'changes')}}active{{/if}}" href="{{asset.author}}/{{asset.name}}/changes.html">Changes</a></li>
21-
</ul>
22-
</div>
18+
<nav aria-label="Asset navigation">
19+
<ul class="row wrap gap-xs">
20+
<li><a class="btn {{#if (eq activeTab 'home')}}active{{/if}}" href="{{asset.author}}/{{asset.name}}">Home</a></li>
21+
<li><a class="btn {{#if (eq activeTab 'changes')}}active{{/if}}" href="{{asset.author}}/{{asset.name}}/changes.html">Changes</a></li>
22+
</ul>
23+
</nav>
24+
</section>
2325
{{> @partial-block }}
2426
{{/layouts/main.hbs}}

‎cli/assets/layouts/base.hbs‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,10 @@
44
<head>
55
<meta charset="UTF-8" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<meta name="description" content="{{info.summary}}" />
8+
<meta property="og:title" content="{{title}} | {{info.name}}" />
9+
<meta property="og:description" content="{{info.summary}}" />
10+
<meta property="og:type" content="website" />
711
<title>{{> title}}</title>
812
<base href="{{root}}" />
913

@@ -26,9 +30,10 @@
2630
</head>
2731
2832
<body>
29-
<div id="content">
33+
<a href="#content" class="skip-link">Skip to content</a>
34+
<main id="content">
3035
{{> @partial-block }}
31-
</div>
36+
</main>
3237
<footer>
3338
<div class="row gap-xs justify-center p-xs wrap">
3439
{{#if info.imprint}}

‎cli/assets/layouts/main.hbs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
{{#*inline "title"}}{{title}} | {{info.name}}{{/inline}}
33
<header class="navbar-lg sticky">
44
<a href="./" class="navbar-title">{{info.name}} | Luna</a>
5-
<nav class="navbar-items">
5+
<nav class="navbar-items" aria-label="Main navigation">
66
<a class="btn secondary {{#if (eq active_page 'home')}}active{{/if}}" href="./">Home</a>
77
<a class="btn secondary {{#if (eq active_page 'assets')}}active{{/if}}" href="assets.html">Assets</a>
88
<a class="btn secondary {{#if (eq active_page 'authors')}}active{{/if}}" href="authors.html">Authors</a>

‎cli/assets/public/style.css‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,3 +50,18 @@ html, body {
5050
display: flex;
5151
justify-content: space-between;
5252
}
53+
54+
.skip-link {
55+
position: absolute;
56+
top: -40px;
57+
left: 0;
58+
background: var(--primary-color);
59+
color: var(--primary-color-text);
60+
padding: 8px;
61+
z-index: 1000;
62+
transition: top 0.3s;
63+
}
64+
65+
.skip-link:focus {
66+
top: 0;
67+
}

‎cli/assets/templates/asset/changes.hbs‎

Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,30 @@
11
{{#> layouts/asset.hbs activeTab="changes"}}
2-
<div class="card paper">
2+
<section class="card paper">
33
{{#with asset.current_version}}
44
<div class="row wrap align-start justify-between">
55
<h2>{{this.name}}</h2>
66
<a class="btn primary" href="{{../asset.author}}/{{../asset.name}}/download/{{this.name}}.html">Download</a>
77
</div>
88
<div>{{{md this.changes}}}</div>
99
{{/with}}
10-
</div>
10+
</section>
1111
{{#if (len asset.previous_versions)}}
1212
<hr class="mv-md">
1313
{{/if}}
1414
<div class="container">
15-
<ul class="col gap-xs">
16-
{{#each asset.previous_versions}}
17-
<li class="card paper">
18-
<div class="row wrap align-start justify-between">
19-
<h2>{{this.name}}</h2>
20-
<a class="btn primary" href="{{../asset.author}}/{{../asset.name}}/download/{{this.name}}.html">Download</a>
21-
</div>
22-
<hr>
23-
<div>{{{md this.changes}}}</div>
24-
</li>
25-
{{/each}}
26-
</ul>
15+
<section>
16+
<ul class="col gap-xs">
17+
{{#each asset.previous_versions}}
18+
<li class="card paper">
19+
<div class="row wrap align-start justify-between">
20+
<h2>{{this.name}}</h2>
21+
<a class="btn primary" href="{{../asset.author}}/{{../asset.name}}/download/{{this.name}}.html">Download</a>
22+
</div>
23+
<hr>
24+
<div>{{{md this.changes}}}</div>
25+
</li>
26+
{{/each}}
27+
</ul>
28+
</section>
2729
</div>
2830
{{/layouts/asset.hbs}}

‎cli/assets/templates/asset/download.hbs‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{{! filepath: c:\Users\wusel\Documents\Projects\Luna\cli\assets\templates\asset\download.hbs }}
22
{{#> layouts/asset.hbs activeTab="download"}}
3-
<div class="card paper">
3+
<section class="card paper">
44
<h1>{{version.name}}</h1>
55
<p>SHA-256 checksum: <code>{{version.sha256}}</code></p>
66
<button id="downloadBtn" class="btn secondary" data-url="{{version.download_url}}"
@@ -15,7 +15,7 @@
1515
<p>Make sure to verify the SHA-256 checksum <code>{{version.sha256}}</code> after downloading.</p>
1616
</noscript>
1717
<div>{{{md version.changes}}}</div>
18-
</div>
18+
</section>
1919

2020
<script src="download.js"></script>
2121
{{/layouts/asset.hbs}}

‎cli/assets/templates/asset/index.hbs‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
11
{{#> layouts/asset.hbs activeTab="home"}}
22
<div class="container">
3-
<div>{{{md asset.description}}}</div>
4-
<div class="card paper">
3+
<section class="mb-md">
4+
{{{md asset.description}}}
5+
</section>
6+
<section class="card paper">
57
<h2>{{asset.current_version.name}}</h2>
68
<div>{{{md asset.current_version.changes}}}</div>
7-
</div>
9+
</section>
810
</div>
911
{{/layouts/asset.hbs}}

‎cli/assets/templates/assets.hbs‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
{{#> layouts/main.hbs title="Assets" active_page="assets"}}
22
<div class="container">
3-
<div class="section">
3+
<section class="section">
44
<h1>Assets</h1>
5-
</div>
6-
<div class="section mt-md">
5+
</section>
6+
<section class="section mt-md">
77
<ul class="col justify-center wrap gap-sm">
88
{{#each assets}}
99
{{> components/item.hbs href=(concat this.author "/" this.name) title=this.name description=this.summary }}
@@ -23,6 +23,6 @@
2323
<a class="btn secondary" href="assets/{{inc current_page}}.html">Next</a>
2424
{{/if}}
2525
</div>
26-
</div>
26+
</section>
2727
</div>
2828
{{/layouts/main.hbs}}

0 commit comments

Comments
 (0)