From 9aeb3b0d490c0ee4c5eada9cc56e6a6a52a3a99c Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Fri, 29 Sep 2017 14:31:22 +0800 Subject: Update Filters code --- docs/experimentals.html | 87 +++++++++++++++++++++++++------------------------ 1 file changed, 45 insertions(+), 42 deletions(-) (limited to 'docs/experimentals.html') diff --git a/docs/experimentals.html b/docs/experimentals.html index fe2ad92..f85877e 100644 --- a/docs/experimentals.html +++ b/docs/experimentals.html @@ -567,110 +567,110 @@
- - - - - + + + + +
- - - - - + + + + +
-
-
+
+
Fallout 4
Roleplaying
-
-
+
+
Halo 5
Shooter
-
-
+
+
Quantum Break
Action
-
-
+
+
Forza Horizon 3
Sports
-
-
+
+
Final Fantasy XV
Roleplaying
-
-
+
+
NBA 2K17
Sports
-
-
+
+
Battlefield 1
Shooter
-
-
+
+
GTA V
Action
-
-
+
+
FIFA 17
Sports
-
-
+
+
Overwatch
Shooter
-
-
+
+
Titanfall 2
Shooter
-
-
+
+
Gears of Wars 4
Shooter
@@ -681,24 +681,27 @@
+
+

Filters use tag-1 to tag-8 to flag different tags. tag-0 is reserved for clearing filter (or showing all). You can overwrite $filter-number in _filters.scss to have more filters.

+ 
<div class="filter">
-  <input type="radio" id="tag-all" class="filter-tag" name="filter-radio" hidden checked>
-  <input type="radio" id="tag-action" class="filter-tag" name="filter-radio" hidden>
-  <input type="radio" id="tag-roleplaying" class="filter-tag" name="filter-radio" hidden>
+  <input type="radio" id="tag-0" class="filter-tag" name="filter-radio" hidden checked>
+  <input type="radio" id="tag-1" class="filter-tag" name="filter-radio" hidden>
+  <input type="radio" id="tag-2" class="filter-tag" name="filter-radio" hidden>
 
   <div class="filter-nav">
-    <label class="chip" for="tag-all">All</label>
-    <label class="chip" for="tag-action">Action</label>
-    <label class="chip" for="tag-roleplaying">Roleplaying</label>
+    <label class="chip" for="tag-0">All</label>
+    <label class="chip" for="tag-1">Action</label>
+    <label class="chip" for="tag-2">Roleplaying</label>
   </div>
 
   <div class="filter-body">
-    <div class="filter-item card" data-tag="tag-action">
+    <div class="filter-item card" data-tag="tag-1">
       <!-- Filter item content -->
     </div>
-    <div class="filter-item card" data-tag="tag-roleplaying">
+    <div class="filter-item card" data-tag="tag-2">
       <!-- Filter item content -->
     </div>
     <!-- Filter items -->
-- 
cgit v1.3.1-23-gd82d