ctsanders1

Crypto Donation User Card

This is a crypto donation user card built with Vue.js and Sass. This card lets people choose a coin by using tabs and is presented with a QR code and an address to send a donation to.

A Pen by Chance Sanders on CodePen.

License.

ctsanders1

<h1>Image Sprite to Animation</h1>
<div class="zombie"></div>
<div class="sprite-spirit-link">Created Using <a href="https://eliortabeka.github.io/sprite-spirit/" title="Image Sprite to Animation" target="_blank">Sprite Spirit</a></div>

ctsanders1

<div id = "main"></div>
<button onclick='fn()'>Input</button>

<script>
function fn() {
  var el = document.getElementById('inputBox');
  el.value='New Value'
	el.dispatchEvent(new Event('change'));
}
</script>

ctsanders1

<div id="app">
	
</div>

ctsanders1

<!-- Made with THREE.Phenomenon: A small wrapper around threejs built for high-performance WebGL experiences. -->

<a href="https://github.com/vaneenige/three.phenomenon" target="_blank">Made with Phenomenon</a>

ctsanders1

<div id="container">
  <div class="controls">
    <div class="control-group">
      <button class="tonic-left active" data-tonic="0">C</button>
      <button class="tonic-left" data-tonic="1">C&#x266F; / D&#x266d;</button>
      <button class="tonic-left" data-tonic="2">D</button>
      <button class="tonic-left" data-tonic="3">E&#x266F; / E&#x266d;</button>
      <button class="tonic-left" data-tonic="4">E</button>
      <button class="tonic-left" data-tonic="5">F</button>
      <button class="tonic-left" data-tonic="6">F&#x266F; / G&#x266d;</button>

ctsanders1

<header class="page">
  <h2>Warcraft Tooltips</h2>
  <h3>with css, handlebars and some jQuery</h3>
</header>

<div class="bag">
  
  <header>Backpack</header> 
  
  <i class="wow-icon"

ctsanders1

<div class="vis">
  <div class="page-container">
    <div class="shape-container">
      <div class="shape">
        <p>
          <span class="highlight">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Nulla tristique sodales lacus dignissim vehicula. Nunc interdum accumsan nibh
            quis aliquet. Vestibulum elit sem, posuere nec luctus at, imperdiet eget nulla.
            Ut eleifend, leo sit amet eleifend condimentum, neque risus mattis lectus, eget

ctsanders1

<div class="container">
  <div class="machine-bg">
    <div class="player"></div>
    <div class="controls top-controls">
      <div>
        <div id="temperature" class="mdc-slider" tabindex="0" role="slider" aria-valuemin="0.2" aria-valuemax="2" aria-valuenow="1.1"
             aria-label="Select temperature">
          <div class="mdc-slider__track-container">
            <div class="mdc-slider__track"></div>
          </div>

ctsanders1

Anime.js Fireworks canvas demo

A Pen by Chance Sanders on CodePen.

License.