Skip to content

Instantly share code, notes, and snippets.

{"v":"5.5.7","fr":60,"ip":0,"op":3600,"w":1125,"h":2001,"nm":"02 Flow","ddd":0,"assets":[],"fonts":{"list":[{"fName":"GalanoFauna-SemiBold","fFamily":"Galano Fauna","fStyle":"SemiBold","ascent":79.998779296875}]},"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Oval Copy 49","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":251,"s":[34]},{"t":339,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":252,"s":[996,622,0],"to":[-15,7.333,0],"ti":[15,-7.333,0]},{"t":301,"s":[906,666,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":251,"s":[100,100,100]},{"t":364,"s":[362,362,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.97,14.8],[9.43,8.58],[4.05,-22.32]],"o":[[-1.97,-14.8],[-9.44,-8.58],[-4.06,22.32]],"v":[[6.27,9.94],[15.52,-21.82],[-17.6
{"v":"5.5.7","fr":29.9700012207031,"ip":0,"op":300.00001221925,"w":1125,"h":2001,"nm":"Sequenz-Fauna-Animation-01","ddd":0,"assets":[{"id":"comp_0","layers":[{"ddd":0,"ind":7,"ty":5,"nm":"1 of 4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1050,154.025,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[300,300,100],"ix":6}},"ao":0,"t":{"d":{"k":[{"s":{"s":12,"f":"GalanoFauna-Regular","t":"1 OF 4","j":1,"tr":166,"lh":14.4,"ls":0,"fc":[0,0,0]},"t":0}]},"p":{},"m":{"g":1,"a":{"a":0,"k":[0,0],"ix":2}},"a":[]},"ip":0,"op":1798.20007324219,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":3,"nm":"▽ Group 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[960,1806,0],"ix":2},"a":{"a":0,"k":[90,90,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ip":0,"op":1798.20007324219,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"grid3 copy 9","parent":8,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y"
@der-lukas
der-lukas / lottieAnimationTest.json
Last active February 20, 2019 15:32
Lottie Success Animation
{"v":"5.1.1","fr":25,"ip":0,"op":42,"w":150,"h":150,"nm":"Comp 1","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"ring 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,75,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[100,100],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[0.039392706927,0.874678308824,0.78400998583,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":2,"lj":2,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Oval 2","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,
@der-lukas
der-lukas / ScrollAway.tsx
Created September 6, 2018 08:55
Put this file in the "code"-folder in your Framer X project
import * as React from "react";
import { Data, Override, PropertyControls, ControlType, Frame } from "framer";
const noChildrenStyle: React.CSSProperties = {
height: "100%",
display: "flex",
alignItems: "center",
justifyContent: "center",
textAlign: "center",
color: "#8855FF",
class exports.Tooltip extends Layer
constructor: (config) ->
super config
tooltipOptions =
bg: '#555'
fontSize: "12px"
fontFamily: "Helvetica, sans-serif"
lineHeight: "16px"
padding: "12px"
fontWeight: "400"
[select* email-recipient “Sales|sales@yourdomain.com” “Tech Support|support@yourdomain.com” “Inquiry|info@yourdomain.com”]
@der-lukas
der-lukas / google_maps.js
Last active August 29, 2015 14:17
Google Maps JS Functions
// ********** GOOGLE MAPS FUNCTIONS ************* //
/*
* render_map
*
* This function will render a Google Map onto the selected jQuery element
*
* @type function
* @date 8/11/2013
* @since 4.3.0
@der-lukas
der-lukas / isMobile.js
Created March 28, 2015 14:54
isMobile JS Check
var isMobile = {
Android: function() {
return navigator.userAgent.match(/Android/i);
},
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i);
},
iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
},
@der-lukas
der-lukas / cpt_loop.php
Last active November 22, 2022 13:25
Isotope + Filtering with Custom Taxonomy and Custom Post Type
<!-- PROJECTS -->
<section id="projects" class="row">
<?php
$args = array(
'post_type' => 'pt-project',
'posts_per_page' => -1,
'orderby' => 'menu_order', // When order via "Simple Page Ordering"-Plugin
'order' => 'ASC'
);
@der-lukas
der-lukas / acf_add_options_sub_page.php
Last active August 29, 2015 14:17
Collection of useful functions for Wordpress Just drop in functions.php
if( function_exists('acf_add_options_sub_page') )
{
acf_add_options_sub_page( 'General' );
acf_add_options_sub_page( 'Kontakt Intros' );
}