Skip to content

Commit 51b6a74

Browse files
es-rene99shiftkey
es-rene99
authored and
shiftkey
committed
feat: Added semantic html5 elements(up-for-grabs#1285)
1 parent f769e18 commit 51b6a74

File tree

3 files changed

+60
-59
lines changed

3 files changed

+60
-59
lines changed

‎_includes/header.html

+1-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
<a id="view-mode-a" title="dark-mode"><img id="view-mode" src="/images/Dim-Night.png"/></a>
2-
<header>
3-
2+
<header role="banner">
43
<a id="forkme_banner" href="https://github.com/up-for-grabs/up-for-grabs.net">View on GitHub</a>
54
<div class="container">
65
<a id="go-back-home-a" href="/#/"><img id="go-back-home" src="{{ site.github.url }}/images/logo.png" alt="Up For Grabs"></a>

‎_includes/scripts.html

+53-51
Original file line numberDiff line numberDiff line change
@@ -1,59 +1,61 @@
11
<script type="text/html" id="projects-panel-template">
2-
<div class="filters-panel cf">
3-
<label class="filter-label" for="project">Filter by last updated:</label>
4-
<div class="radio-btn-row">
5-
<div class="radio-btn-wrapper">
6-
<button id="1week" class="radio-btn" type="button">1 Week</button>
7-
</div>
8-
<div class="radio-btn-wrapper">
9-
<button id="1month" class="radio-btn" type="button">1 Month</button>
10-
</div>
11-
<div class="radio-btn-wrapper">
12-
<button id="6months" class="radio-btn" type="button">6 Months</button>
13-
</div>
14-
<div class="radio-btn-wrapper">
15-
<button id="1year" class="radio-btn" type="button">1 Year</button>
16-
</div>
17-
<div class="radio-btn-wrapper">
18-
<button id="2years" class="radio-btn" type="button">2 Years</button>
2+
<menu>
3+
<div class="filters-panel cf">
4+
<label class="filter-label" for="project">Filter by last updated:</label>
5+
<div class="radio-btn-row">
6+
<div class="radio-btn-wrapper">
7+
<button id="1week" class="radio-btn" type="button">1 Week</button>
8+
</div>
9+
<div class="radio-btn-wrapper">
10+
<button id="1month" class="radio-btn" type="button">1 Month</button>
11+
</div>
12+
<div class="radio-btn-wrapper">
13+
<button id="6months" class="radio-btn" type="button">6 Months</button>
14+
</div>
15+
<div class="radio-btn-wrapper">
16+
<button id="1year" class="radio-btn" type="button">1 Year</button>
17+
</div>
18+
<div class="radio-btn-wrapper">
19+
<button id="2years" class="radio-btn" type="button">2 Years</button>
20+
</div>
1921
</div>
20-
</div>
21-
</div>
22+
</div>
2223

23-
<div class="filters-panel cf">
24-
<label class="filter-label" for="project">Filter by name:</label>
25-
<select class="names-filter" id="project" multiple data-placeholder="Select a project..." >
26-
<% _.each(names, function(entry, key){ %>
24+
<div class="filters-panel cf">
25+
<label class="filter-label" for="project">Filter by name:</label>
26+
<select class="names-filter" id="project" multiple data-placeholder="Select a project..." >
27+
<% _.each(names, function(entry, key){ %>
28+
<option value="<%-key%>"><%- entry.name%></option>
29+
<% }) %>
30+
</select>
31+
</div>
32+
<div class="filters-panel cf">
33+
<label class="filter-label" for="label">Filter by label: </label>
34+
<select class="labels-filter" id="label" multiple data-placeholder="Select a label..." >
35+
<% _.each(labels, function(entry, key){ %>
2736
<option value="<%-key%>"><%- entry.name%></option>
2837
<% }) %>
29-
</select>
30-
</div>
31-
<div class="filters-panel cf">
32-
<label class="filter-label" for="label">Filter by label: </label>
33-
<select class="labels-filter" id="label" multiple data-placeholder="Select a label..." >
34-
<% _.each(labels, function(entry, key){ %>
35-
<option value="<%-key%>"><%- entry.name%></option>
36-
<% }) %>
37-
</select>
38-
</div>
39-
<div class="filters-panel cf">
40-
<label class="filter-label" for="tag">Filter by tags: </label>
41-
<select class="tags-filter" id="tag" multiple data-placeholder="Select a tag..." >
42-
<% _.each(tags, function(entry, key){ %>
43-
<option value="<%-entry.name%>"><%- entry.name%> (<%-entry.frequency%>)</option>
44-
<% }) %>
45-
</select>
46-
</div>
47-
<div class="filters-panel cf">
48-
<label class="filter-label" >Popular tags:</label>
49-
<ul class="popular-tags">
50-
<% _.each(popularTags, function(entry, key){ %>
51-
<li>
52-
<a title="Popular Tag: <%-entry.name%>" tabindex="0"><%-entry.name%> <span class="popular-tags__frequency">(<%-entry.frequency%>)</span></a>
53-
</li>
54-
<% }) %>
55-
</ul>
56-
</div>
38+
</select>
39+
</div>
40+
<div class="filters-panel cf">
41+
<label class="filter-label" for="tag">Filter by tags: </label>
42+
<select class="tags-filter" id="tag" multiple data-placeholder="Select a tag..." >
43+
<% _.each(tags, function(entry, key){ %>
44+
<option value="<%-entry.name%>"><%- entry.name%> (<%-entry.frequency%>)</option>
45+
<% }) %>
46+
</select>
47+
</div>
48+
<div class="filters-panel cf">
49+
<label class="filter-label" >Popular tags:</label>
50+
<ul class="popular-tags">
51+
<% _.each(popularTags, function(entry, key){ %>
52+
<li>
53+
<a title="Popular Tag: <%-entry.name%>" tabindex="0"><%-entry.name%> <span class="popular-tags__frequency">(<%-entry.frequency%>)</span></a>
54+
</li>
55+
<% }) %>
56+
</ul>
57+
</div>
58+
</menu>
5759
<div class="projects">
5860
<% let count=0 %>
5961
<% _.each(projects, function(project) { %>

‎index.html

+6-6
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@
22
layout: default
33
---
44

5-
<div class="block">
5+
<section id="i-want-to-get-involved" class="block">
66
{% include before.html %}
7-
</div>
8-
<div class="block">
7+
</section>
8+
<article id="projects" class="block">
99
<h1><span class="header-inside">Projects</span></h1>
1010
<div id="projects-panel">
1111
{% include noscript.html %}
1212
</div>
13-
</div>
14-
<div class="block">
13+
</article>
14+
<section id="i-maintain-a-project" class="block">
1515
{% include after.html %}
16-
</div>
16+
</section>

0 commit comments

Comments
 (0)