Awesome-Mirrors/awesome-ipfs
1
0
Fork 0
mirror of https://github.com/ipfs/awesome-ipfs.git synced 2024-12-28 00:39:37 -05:00
Code Issues Packages Projects Releases Wiki Activity

Random card order :)

Browse Source
This commit is contained in:
Henrique Dias 2018-07-18 07:38:39 +01:00
parent 0544b37ba3
commit 390088c7f2
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/js/app.js
View File

@ -17,6 +17,13 @@ const cards = Array.from(document.querySelectorAll('.Card'))
return 0 return 0
}) })
function randomizr () {
const cards = document.querySelector('.CardContainer')
for (var i = cards.children.length; i >= 0; i--) {
cards.appendChild(cards.children[Math.random() * i | 0])
}
}
function update (display) { function update (display) {
cards.forEach((c) => { cards.forEach((c) => {
if (display.indexOf(c.dataset.ref) >= 0) { if (display.indexOf(c.dataset.ref) >= 0) {
@ -29,6 +36,8 @@ function update (display) {
}) })
} }
randomizr()
if (search) { if (search) {
search.classList.remove('dn') search.classList.remove('dn')
const input = search.querySelector('input') const input = search.querySelector('input')

2
src/layouts/partials/list.html
View File

@ -11,7 +11,7 @@
type="text" /> type="text" />
</div> </div>
<main class="mv4 flex flex-wrap justify-between" > <main class="CardContainer mv4 flex flex-wrap justify-between" >
{{ range (sort . "Params.index") -}} {{ range (sort . "Params.index") -}}
<article data-ref="{{ .Params.index }}" class="Card flex flex-column bg-white shadow-4 grow2 br1 dark-gray b--black-10 flex-grow-1 ma2"> <article data-ref="{{ .Params.index }}" class="Card flex flex-column bg-white shadow-4 grow2 br1 dark-gray b--black-10 flex-grow-1 ma2">
{{ $cat := index .Params.categories 0 }} {{ $cat := index .Params.categories 0 }}