| <form action="/cart/add" method="post"> | |
| {% if product.variants.size > 1 %} | |
| {% if product.options[0] %} | |
| <label for="select-one">{{ product.options[0] }}</label> | |
| <select id="select-one" onchange="letsDoThis()"> | |
| {% for value in product.options_with_values[0].values %} | |
| <option value="{{ value }}" {% if product.options_with_values[0].selected_value == value %}selected{% endif %}> | |
| {{ value }} | |
| </option> | |
| {% endfor %} |
| <?php | |
| /* For Themes */ | |
| wp_enqueue_style('slug', get_template_directory_uri().'/css/slug.css', array(), filemtime(get_template_directory().'/css/slug.css')); | |
| wp_enqueue_script('slug', get_template_directory_uri().'/js/slug.js', array(), filemtime(get_template_directory().'/js/slug.js')); | |
| /* For Plugins */ | |
| wp_enqueue_style('slug', plugin_dir_url(__FILE__).'css/slug.css', array(), filemtime(plugin_dir_path(__FILE__).'css/slug.css')); | |
| wp_enqueue_script('slug', plugin_dir_url(__FILE__).'js/slug.js', array(), filemtime(plugin_dir_path(__FILE__).'js/slug.js')); |
This tutorial explains how to host your static website on Amazon Web Service S3 with your custom domain name on gandi (or on any other registrar).
The name of the bucket should be your domain name:
example.com
Go to bucket properties, then Static website hosting and select enable website hosting. Index document should be index.html.
Click save
| <form action="/cart/add" method="post"> | |
| {% if product.variants.size > 1 %} | |
| {% if product.options[0] %} | |
| {% assign used = '' %} | |
| <label for="select-one">{{ product.options[0] }}</label> | |
| <select id='select-one' onchange="letsDoThis()"> | |
| {% for variant in product.variants %} | |
| {% unless used contains variant.option1 %} | |
| <option value="{{ variant.option1 }}">{{ variant.option1 }}</option> | |
| {% capture used %}{{ used }} {{ variant.option1 }}{% endcapture %} |
| <html> | |
| <!-- See also: http://kempe.net/blog/2014/06/14/leaflet-pan-zoom-image.html --> | |
| <head> | |
| <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"></script> | |
| <style> | |
| #image-map { | |
| width: 100%; | |
| height: 300px; | |
| border: 1px solid #ccc; | |
| margin-bottom: 10px; |
| #!/usr/bin/env python | |
| # -*- coding: utf-8 -*- | |
| import os | |
| import time | |
| import json | |
| import urllib | |
| import urllib2 | |
| from dateutil.parser import parse |
| <img data-src="unicorn.jpg" loading="lazy" alt=".." class="lazyload"/> | |
| <script> | |
| // Select all images with the class "lazyload" | |
| const images = document.querySelectorAll("img.lazyload"); | |
| // Check if the browser supports the "loading" attribute | |
| if ('loading' in HTMLImageElement.prototype) { | |
| // If so, we'll update all <img src> to point to the data-src instead | |
| images.forEach(img => { | |
| img.src = img.dataset.src; |
Examples here use the default settings, see the VidStab readme on GitHub for more advanced instructions.
Here's an example video I made
brew install ffmpeg --with-libvidstab
| /* | |
| * Vanilla JS - Touch Gestures | |
| * @version 0.1 | |
| * @inspired QuoJS - http://quojs.tapquo.com | |
| * | |
| * Supported Gestures: singleTap, doubleTap, hold, | |
| * swipe, swiping, swipeLeft, swipeRight, swipeUp, swipeDown, | |
| * rotate, rotating, rotateLeft, rotateRight, pinch, pinching, | |
| * pinchIn, pinchOut, | |
| * drag, dragLeft, dragRight, dragUp, dragDown |
| {% comment %} | |
| Input | |
| {% endcomment %}{% capture _content %}{{ content }}{% endcapture %}{% comment %} | |
| Remove redundant closing tags | |
| {% endcomment %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% for _element in _endings %} | |
| {% capture _end %}</{{ _element }}>{% endcapture %} |