This is a paragraph! Here's how you make a link: Neocities.
muses
1
brights
3
kabumisu
4
muses
1
kondrakis
4
amaj
5
muses
1
clefs
2
kabumisu
4
muses
5
kondrakis
2
amaj
5
clefs
3
muses
5
clefs
3
none
4
muses
2
kondrakis
5
none
3
To learn more HTML/CSS, check out these tutorials!
// quick search regex var qsRegex; var buttonFilter; // init Isotope var $grid = $('.grid').isotope({ itemSelector: '.loid', layoutMode: 'fitRows', filter: function() { var $this = $(this); var searchResult = qsRegex ? $this.text().match( qsRegex ) : true; var buttonResult = buttonFilter ? $this.is( buttonFilter ) : true; return searchResult && buttonResult; } }); // make it so the things arent overlapping on load window.onload = function() { buttonFilter = '*'; $grid.isotope(); }; $('#filters').on( 'click', 'button', function() { buttonFilter = $( this ).attr('data-filter'); $grid.isotope(); }); // use value of search field to filter var $quicksearch = $('#quicksearch').keyup( debounce( function() { qsRegex = new RegExp( $quicksearch.val(), 'gi' ); $grid.isotope(); }) ); // change is-checked class on buttons $('.button-group').each( function( i, buttonGroup ) { var $buttonGroup = $( buttonGroup ); $buttonGroup.on( 'click', 'button', function() { $buttonGroup.find('.is-checked').removeClass('is-checked'); $( this ).addClass('is-checked'); }); }); // debounce so filtering doesn't happen every millisecond function debounce( fn, threshold ) { var timeout; threshold = threshold || 100; return function debounced() { clearTimeout( timeout ); var args = arguments; var _this = this; function delayed() { fn.apply( _this, args ); } timeout = setTimeout( delayed, threshold ); }; }