Skip to content

Commit

Permalink
feat: Added semantic html5 elements(up-for-grabs#1285)
Browse files Browse the repository at this point in the history
  • Loading branch information
@es-rene99 @shiftkey
es-rene99 authored and shiftkey committed Aug 27, 2023
1 parent f769e18 commit 51b6a74
Show file tree
Hide file tree
Showing 3 changed files with 60 additions and 59 deletions.
3 changes: 1 addition & 2 deletions _includes/header.html
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
<a id="view-mode-a" title="dark-mode"><img id="view-mode" src="/images/Dim-Night.png"/></a>
<header>

<header role="banner">
<a id="forkme_banner" href="https://github.com/up-for-grabs/up-for-grabs.net">View on GitHub</a>
<div class="container">
<a id="go-back-home-a" href="/#/"><img id="go-back-home" src="{{ site.github.url }}/images/logo.png" alt="Up For Grabs"></a>
Expand Down
104 changes: 53 additions & 51 deletions _includes/scripts.html
View file
Original file line number Diff line number Diff line change
@@ -1,59 +1,61 @@
<script type="text/html" id="projects-panel-template">
<div class="filters-panel cf">
<label class="filter-label" for="project">Filter by last updated:</label>
<div class="radio-btn-row">
<div class="radio-btn-wrapper">
<button id="1week" class="radio-btn" type="button">1 Week</button>
</div>
<div class="radio-btn-wrapper">
<button id="1month" class="radio-btn" type="button">1 Month</button>
</div>
<div class="radio-btn-wrapper">
<button id="6months" class="radio-btn" type="button">6 Months</button>
</div>
<div class="radio-btn-wrapper">
<button id="1year" class="radio-btn" type="button">1 Year</button>
</div>
<div class="radio-btn-wrapper">
<button id="2years" class="radio-btn" type="button">2 Years</button>
<menu>
<div class="filters-panel cf">
<label class="filter-label" for="project">Filter by last updated:</label>
<div class="radio-btn-row">
<div class="radio-btn-wrapper">
<button id="1week" class="radio-btn" type="button">1 Week</button>
</div>
<div class="radio-btn-wrapper">
<button id="1month" class="radio-btn" type="button">1 Month</button>
</div>
<div class="radio-btn-wrapper">
<button id="6months" class="radio-btn" type="button">6 Months</button>
</div>
<div class="radio-btn-wrapper">
<button id="1year" class="radio-btn" type="button">1 Year</button>
</div>
<div class="radio-btn-wrapper">
<button id="2years" class="radio-btn" type="button">2 Years</button>
</div>
</div>
</div>
</div>
</div>

<div class="filters-panel cf">
<label class="filter-label" for="project">Filter by name:</label>
<select class="names-filter" id="project" multiple data-placeholder="Select a project..." >
<% _.each(names, function(entry, key){ %>
<div class="filters-panel cf">
<label class="filter-label" for="project">Filter by name:</label>
<select class="names-filter" id="project" multiple data-placeholder="Select a project..." >
<% _.each(names, function(entry, key){ %>
<option value="<%-key%>"><%- entry.name%></option>
<% }) %>
</select>
</div>
<div class="filters-panel cf">
<label class="filter-label" for="label">Filter by label: </label>
<select class="labels-filter" id="label" multiple data-placeholder="Select a label..." >
<% _.each(labels, function(entry, key){ %>
<option value="<%-key%>"><%- entry.name%></option>
<% }) %>
</select>
</div>
<div class="filters-panel cf">
<label class="filter-label" for="label">Filter by label: </label>
<select class="labels-filter" id="label" multiple data-placeholder="Select a label..." >
<% _.each(labels, function(entry, key){ %>
<option value="<%-key%>"><%- entry.name%></option>
<% }) %>
</select>
</div>
<div class="filters-panel cf">
<label class="filter-label" for="tag">Filter by tags: </label>
<select class="tags-filter" id="tag" multiple data-placeholder="Select a tag..." >
<% _.each(tags, function(entry, key){ %>
<option value="<%-entry.name%>"><%- entry.name%> (<%-entry.frequency%>)</option>
<% }) %>
</select>
</div>
<div class="filters-panel cf">
<label class="filter-label" >Popular tags:</label>
<ul class="popular-tags">
<% _.each(popularTags, function(entry, key){ %>
<li>
<a title="Popular Tag: <%-entry.name%>" tabindex="0"><%-entry.name%> <span class="popular-tags__frequency">(<%-entry.frequency%>)</span></a>
</li>
<% }) %>
</ul>
</div>
</select>
</div>
<div class="filters-panel cf">
<label class="filter-label" for="tag">Filter by tags: </label>
<select class="tags-filter" id="tag" multiple data-placeholder="Select a tag..." >
<% _.each(tags, function(entry, key){ %>
<option value="<%-entry.name%>"><%- entry.name%> (<%-entry.frequency%>)</option>
<% }) %>
</select>
</div>
<div class="filters-panel cf">
<label class="filter-label" >Popular tags:</label>
<ul class="popular-tags">
<% _.each(popularTags, function(entry, key){ %>
<li>
<a title="Popular Tag: <%-entry.name%>" tabindex="0"><%-entry.name%> <span class="popular-tags__frequency">(<%-entry.frequency%>)</span></a>
</li>
<% }) %>
</ul>
</div>
</menu>
<div class="projects">
<% let count=0 %>
<% _.each(projects, function(project) { %>
Expand Down
12 changes: 6 additions & 6 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@
layout: default
---

<div class="block">
<section id="i-want-to-get-involved" class="block">
{% include before.html %}
</div>
<div class="block">
</section>
<article id="projects" class="block">
<h1><span class="header-inside">Projects</span></h1>
<div id="projects-panel">
{% include noscript.html %}
</div>
</div>
<div class="block">
</article>
<section id="i-maintain-a-project" class="block">
{% include after.html %}
</div>
</section>

0 comments on commit 51b6a74

Please sign in to comment.