View Config-Explore-Gantry5.html.twig
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{# retrieve configuration #} | |
{{ dump(gantry.config) }} | |
{# retrieve styles configuration #} | |
{{ dump(gantry.config.styles) }} | |
{# retrieve breakpoint configuration #} | |
{{ dump(gantry.config.styles.breakpoints) }} | |
{# you can also obtain particle configurations via gantry.particles #} |
View Multiply-Recursion-JS.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function multiply(arr, n) { | |
if (n <= 0) { // return 0 if count is 0 or negative | |
return 0; | |
} else { // sum up the next n - 1 elements with the current element | |
return multiply(arr, n - 1) + arr[n - 1]; | |
} | |
} |
View css-loader-all-loader.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* All 8 CSS-Loader (plus small version for each) pure CSS loaders in one file */ | |
/* Uses black on white and not white on turquise like the original */ | |
/* Add <div class="load1 loader">Loading...</div> to your HTML markup */ | |
/* You can change the spinner with the classes load1 - load8 and load1-small - load8-small */ | |
/* credits @ https://github.com/lukehaas/css-loaders */ | |
/* load1 */ | |
.async-gmaps-spinner.load1.loader, | |
.async-gmaps-spinner.load1-small.loader, | |
.async-gmaps-spinner.load1.loader:before, |
View loading-io-all-loader-primary.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* All 12 Loading.io (plus small version for each) pure CSS loaders in one file, combined with $primary using e.g. template primary-color */ | |
/* You can change the spinner with the classes load1 - load8 and load1-small - load8-small */ | |
/* credits @ https://loading.io and https://github.com/loadingio/css-spinner/ */ | |
/* circle */ | |
.lds-circle, .lds-circle-small { | |
display: inline-block; | |
width: 64px; | |
height: 64px; | |
margin: 8px; |
View WOWjs-Reanimate-Element-delay.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// If you want to explicitly trigger an animation for certain WOW.js elements again. No need to call `init()` and also not wanted (all elements are reset): | |
var triggerAnimation = function(selector, animation) { | |
var $element = $(selector); // get element | |
// re-apply animation (style and class) | |
var applyAnimation = function(){ | |
$element = $(selector); | |
$element.addClass('wow ' + animation + ' animated'); | |
$element.attr('style', 'visibility: visible; animation-name: ' + animation + ';'); | |
}; |
View Reset-WOWjs-Animation-On-Leave-Viewport.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// This snippet dynamically resets animation after passing the viewport (scrolling, resizing), hence they are reanimated when viewing them again | |
// Helper function for adding elements to box list in WOW, credits @ https://github.com/matthieua/WOW/issues/46#issuecomment-133760823 | |
WOW.prototype.addBox = function(element) { | |
this.boxes.push(element); | |
}; | |
wow = new WOW(); | |
wow.init(); | |
var checkWOWJsReset = function() { | |
var resetWOWJsAnimation = function() { |
View WOWjs-Reanimate-Element.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// If you want to explicitly trigger an animation for certain WOW.js elements again. No need to call `init()` and also not wanted (all elements are reset): | |
var triggerAnimation = function(selector, animation) { | |
var $element = $(selector); // get element | |
var element = $element[0]; // get JS element | |
var newone = element.cloneNode(true); // clone it | |
element.parentNode.replaceChild(newone, element); // and replace the old with clone | |
$element = $(selector); // get cloned jQ element | |
$element.addClass('wow ' + animation + ' animated'); // apply animations | |
$element.attr('style', 'visibility: visible; animation-name: ' + animation + ';'); // and styles |
View Lazy-Loading-Images-Spinner.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="lazy-load-ctn"> | |
<div class="spinner-grow loading-img" role="status"> | |
<span class="sr-only">Loading...</span> | |
</div> | |
<img data-src="img/yourimage.png" class="img-fluid lazy"> | |
</div> |
View _openinghours.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.opening-hours-section { | |
&.cta { | |
padding: 3rem 0 2.5rem 0; | |
background-color: fade-out($primary, 0.1); | |
.cta-inner { | |
position: relative; | |
padding: 2rem; | |
margin: 0.5rem; | |
background-color: fade-out($white, 0.15); | |
&:before { |
NewerOlder