Skip to content

Instantly share code, notes, and snippets.

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

Mark Lee leemark

:atom:
building
56 followers · 55 following
View GitHub Profile
@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>
@leemark
leemark / gist:83571d9f8f0e3ad853a8
Last active March 11, 2022 02:19
Markup example for https://github.com/leemark/better-simple-slideshow
<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 / tzprofiles
Created January 14, 2022 15:31
I am attesting that this GitHub handle leemark is linked to the Tezos account tz1YkVdXCn1xTk11nddc7j2yua9j12zn869K for tzprofiles
sig:edsigtk4QZmzYQAFQ1qdPQd1UxZjSCYaAtPupnJ38Fv4RmnGAbBVaJeX4UUjJdgS9jnBv5uoEG6RqnXGLyJGa1YwuzFJrc2iYV4
@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).
@leemark
leemark / customeventpolyfill.js
Created March 30, 2017 18:07
Polyfill for CustomEvent constructor in IE9-11. All credit to: https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#Polyfill
(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 / 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 {
@leemark
leemark / some positive bot-thoughts, tracery json
Created June 12, 2016 00:40
{
"origin": ["#positives# :)"],
"positives" : ["You are the hero of your own story. If you don't like your story, change it! ",
"Life is not about the end result, it's about the journey. Build. Create. Enjoy.",
"The worst-case scenario is never as bad, or as likely, as you think.",
"Struggle, turmoil, and failure all dissolve as soon as they are in the past. They're gone.",
"Challenges are the universe's way of indicating that your goals are worth pursuing.",
"Your time is limited, so don't waste it living someone else's life, pursuing someone else's dream.",
"Don't let other people's noise drown out your own voice.",
"Fear is just a feeling, embrace the feeling, experience it, accept it, then push through it. ",
@leemark
leemark / change-color-on-scroll.markdown
Created January 12, 2014 16:38
A Pen by Mark Lee.
@leemark
leemark / Fibonacci-circles.markdown
Created December 19, 2013 06:42
A Pen by Mark Lee.
@leemark
leemark / jsbin.UmUSAJa.html
Created November 26, 2013 02:01
JavaScript convert string to number: parseInt vs. parseFloat vs. unary operator
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="JavaScript convert string to number: parseInt vs. parseFloat vs. unary op" /><meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
</body>
</html>