Skip to content

Instantly share code, notes, and snippets.

View machwatt's full-sized avatar
💭
I may be slow to respond.

Jöran Kurschatke machwatt

💭
I may be slow to respond.
15 followers · 10 following
View GitHub Profile
@machwatt
machwatt / init.js
Created July 16, 2015 09:13
animate.css and waypoints.js - js init
$('.fade-in-up').addClass('hidden').waypoint({
handler: function() {
$(this.element).addClass("visible animated fadeInUp")
},
offset: '90%'
});
@machwatt
machwatt / markup.html
Created July 16, 2015 09:12
animate.css and waypoints.js - html markup
<div class="container fade-in-up"></div>
@machwatt
machwatt / styles.css
Created July 16, 2015 09:10
animate.css and waypoints.js - styles
.hidden {
opacity: 0;
}
.visible {
opacity: 1;
}
@machwatt
machwatt / index.html
Last active March 1, 2019 07:24
animate.css and waypoints.js
<html>
<head>
<link href="path/to/your/css/animate.css" rel="stylesheet" type="text/css">
<style>
.hidden {
opacity: 0;
}
.visible {
opacity: 1;
}
@machwatt
machwatt / init.js
Last active August 29, 2015 14:24
animate.css and waypoints.js for animate content as the user scrolls
$('.fade-in-up').addClass('hidden').waypoint({
handler: function() {
$(this.element).addClass("visible animated fadeInUp")
},
offset: '90%'
});
@machwatt
machwatt / initSlider.js
Created March 9, 2015 08:10
sf_filecollection_gallery init bxslider javascript file
$(document).ready(function(){
$('.fadeImages').bxSlider();
});
@machwatt
machwatt / List.html
Created March 9, 2015 08:08
sf_filecollection_gallery List.html for rendering all items as ul
{namespace s=SKYFILLERS\SfFilecollectionGallery\ViewHelpers}
<f:layout name="Default"/>
<f:section name="main">
<f:if condition="{imageItems}">
<ul class="fadeImages">
<f:for each="{imageItems}" as="object">
<li class="sf-filecollection-gallery-image-container">
<f:image image="{object}" width="{settings.image.width}" height="{settings.image.height}" alt="{object.properties.alternative}"
@machwatt
machwatt / plugin.ts
Created March 9, 2015 08:06
sf_filecollection_gallery template settings
plugin.tx_sffilecollectiongallery {
view.templateRootPaths.1 = path/to/Templates
}
@machwatt
machwatt / root.ts
Created March 9, 2015 08:05
sf_filecollection_gallery Page Configuration for bxslider integration
page {
includeCSS {
bxSlider = path/to/bxslider/jquery.bxslider.css
anotherStyle = your/styles.css
}
includeJS {
# if you did not already include jquery, bxSlider need jquery
jquery = //ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
jquery.external = 1
bxslider = path/to/bxslider/jquery.bxslider.min.js
@machwatt
machwatt / Template.html
Last active August 29, 2015 14:12
Meteor.js Solve relations between Collections via transform
<head>
<title>mongo-relation-test</title>
</head>
<body>
{{> root}}
</body>
<template name="root">