-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
19 lines (17 loc) · 5.22 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!--
/**
* Created by alejandrorioscalera
* On 20/10/17
*
* - SOCIAL NETWORKS -
*
* GitHub: https://github.com/clonalejandro or @clonalejandro
* Website: https://clonalejandro.me/
* Twitter: https://twitter.com/clonalejandro11/ or @clonalejandro11
* Keybase: https://keybase.io/clonalejandro/
*
* - LICENSE -
*
* All rights reserved for clonalejandro ©malextrap 2017 / 2018
*/
--><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="author" content="clonalejandro"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>Palette</title><link href="https://clonalejandro.github.io/cdn/clonaweb/malextrap.min.css" rel="stylesheet"><link href="app.min.css" rel="stylesheet"></head><body class="black"><div id="wrapper"><div style="opacity: 0; display: none" class="isCopied"><div class="title">Copied!</div></div><div id="paletteBs"><div class="demo primary" id="0" point="primary" onclick="converter(this)"><div class="copier"><button data-forid="0" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Primary</h1></div></div><div class="demo secondary" id="1" point="secondary" onclick="converter(this)"><div class="copier"><button data-forid="1" style="opacity: 0" class="btn sp blue animated">COPY</button></div><div><h1>Secondary</h1></div></div><div class="demo terciary" id="2" point="terciary" onclick="converter(this)"><div class="copier"><button data-forid="2" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Terciary</h1></div></div><div class="demo gray" id="3" point="gray" onclick="converter(this)"><div class="copier"><button data-forid="3" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Gray</h1></div></div><div class="demo dark" id="4" point="dark" onclick="converter(this)"><div class="copier"><button data-forid="4" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Dark</h1></div></div><div class="demo pure_white" id="5" point="pure_white" onclick="converter(this)"><div class="copier"><button data-forid="5" style="opacity: 0" class="btn sp blue animated">COPY</button></div><div><h1>Pure White</h1></div></div><div class="demo blue" id="6" point="blue" onclick="converter(this)"><div class="copier"><button data-forid="6" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Blue</h1></div></div><div class="demo cyan" id="7" point="cyan" onclick="converter(this)"><div class="copier"><button data-forid="7" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Cyan</h1></div></div><div class="demo emerald" id="8" point="emerald" onclick="converter(this)"><div class="copier"><button data-forid="8" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Emerald</h1></div></div><div class="demo green" id="9" point="green" onclick="converter(this)"><div class="copier"><button data-forid="9" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Green</h1></div></div><div class="demo salmon" id="10" point="salmon" onclick="converter(this)"><div class="copier"><button data-forid="10" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Salmon</h1></div></div><div class="demo red" id="11" point="red" onclick="converter(this)"><div class="copier"><button data-forid="11" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Red</h1></div></div><div class="demo pink" id="12" point="pink" onclick="converter(this)"><div class="copier"><button data-forid="12" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Pink</h1></div></div><div class="demo grape" id="13" point="grape" onclick="converter(this)"><div class="copier"><button data-forid="13" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Grape</h1></div></div><div class="demo violet" id="14" point="violet" onclick="converter(this)"><div class="copier"><button data-forid="14" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Violet</h1></div></div><div class="demo yellow" id="15" point="yellow" onclick="converter(this)"><div class="copier"><button data-forid="15" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Yellow</h1></div></div><div class="demo orange" id="16" point="orange" onclick="converter(this)"><div class="copier"><button data-forid="16" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Orange</h1></div></div><div class="demo teal" id="17" point="teal" onclick="converter(this)"><div class="copier"><button data-forid="17" style="opacity: 0" class="btn blue animated special">COPY</button></div><div><h1>Teal</h1></div></div></div></div><script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.4.0/clipboard.min.js"></script><script src="app.min.js"></script></body></html>