Skip to content

Instantly share code, notes, and snippets.

View rileyrichter's full-sized avatar

Ben Parker rileyrichter

View GitHub Profile
@rileyrichter
rileyrichter / plyr.io-head
Last active September 24, 2019 00:58
For the head of the doc
<link rel="stylesheet" href="https://cdn.plyr.io/3.5.6/plyr.css" />
@rileyrichter
rileyrichter / toggle.js
Created September 27, 2019 15:54
Toggle
<script>
jQuery('.w-checkbox-input').on('click', function() {
jQuery(this).toggleClass('w--redirected-checked');
});
</script>
@rileyrichter
rileyrichter / zoom-js.html
Created October 1, 2019 03:19
Zoom JS Files from Visual Dev FM for use in Webflow projects
<!-- Made by https://twitter.com/fat @ https://github.com/fat/zoom.js/ -->
<!-- This snippet goes into the head section of your Webflow project -->
<link rel="stylesheet" type="text/css" href="https://rileyrichter.github.io/visualdev.fm/blog-with-files/zoom-js/css/zoom.css">
<!-- This snippet goes into the before body section of your page -->
<script src="https://rileyrichter.github.io/visualdev.fm/blog-with-files/zoom-js/js/bootstrapmin.js"></script>
<script src="https://rileyrichter.github.io/visualdev.fm/blog-with-files/zoom-js/js/zoom.js"></script>
<script>
Webflow.push(function() {
$(document).on('submit', 'form', function() {
// Refresh page after 3000 milliseconds
setTimeout(function() { location.reload(true); }, 3000);
});
});
</script>
<input type="hidden" name="Item ID" value="YOURCOLLECTIONINFOHERE">
<input type="hidden" name="Item Name" value="YOURCOLLECTIONINFOHERE">
@rileyrichter
rileyrichter / embed-code.html
Created November 15, 2019 20:16
Embed Code for Webflow and Eko
<style>
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
User-agent: *
Disallow: /style/
<style>
.list-group .list-group-item:last-child {
border-bottom: none;
}
</style>
.menu-wrapper-middle-nav .nav-link-middle-nav:first-child {
padding-left: 0px;
}
.menu-wrapper-middle-nav .nav-link-middle-nav:last-child {
padding-right: 0px;
}
<script>
function tracking() {
ga('send', 'event', 'Category', 'Action', 'Name');
}
</script>
<a href="#" class="button" onclick="tracking();">Button Text</a>
<!--