Skip to content

Instantly share code, notes, and snippets.

View leemark's full-sized avatar
:atom:
building

Mark Lee leemark

:atom:
building
View GitHub Profile
@leemark
leemark / gist:11237860
Last active November 21, 2016 17:24
prefixed CSS for slideshow example
/* http://themarklee.com/2013/10/16/simple-crossfading-slideshow-css/ */
.css-slideshow {
position: relative;
max-width: 495px;
height: 370px;
margin: 1em auto .5em auto;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
}
.css-slideshow figure {
(function () {
if ( typeof window.CustomEvent === "function" ) return false;
function CustomEvent ( event, params ) {
params = params || { bubbles: false, cancelable: false, detail: undefined };
var evt = document.createEvent( 'CustomEvent' );
evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
return evt;
}
@leemark
leemark / a-frame-clock
Created April 18, 2017 01:40 — forked from anonymous/a-frame-clock.markdown
a-frame clock
a-frame clock
-------------
A simple example of how to build a reusable component in A-frame.
A [Pen](http://codepen.io/leemark/pen/KmKoPy) by [Mark Lee](http://codepen.io/leemark) on [CodePen](http://codepen.io/).
[License](http://codepen.io/leemark/pen/KmKoPy/license).
I am attesting that this GitHub handle leemark is linked to the Tezos account tz1YkVdXCn1xTk11nddc7j2yua9j12zn869K for tzprofiles
sig:edsigtk4QZmzYQAFQ1qdPQd1UxZjSCYaAtPupnJ38Fv4RmnGAbBVaJeX4UUjJdgS9jnBv5uoEG6RqnXGLyJGa1YwuzFJrc2iYV4
<div class="slideshow-class-goes-here">
<figure>
<img src="path/to/img" width="100%" />
<figcaption>Caption goes here</figcaption>
</figure>
<!-- more figures here as needed -->
</div>
@leemark
leemark / full-viewport-animated-background.html
Last active March 29, 2023 22:00
Full-screen animated gif background
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>horse</title>
<link href='http://fonts.googleapis.com/css?family=Spirax' rel='stylesheet' type='text/css'>
</head>
<body>
<h1>Sallie Gardner at a Gallop</h1>
</body>