Skip to content

Instantly share code, notes, and snippets.

@malgamves

malgamves/index.html

Last active September 9, 2019 07:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save malgamves/dcb3f972120a7530ca4a05a03119822d to your computer and use it in GitHub Desktop.
Save malgamves/dcb3f972120a7530ca4a05a03119822d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<html>
<head>
<title>_Beep Boop Beep_*printing.....*</title>
<meta name="description" content="" />
<meta name="author" content="Daniel Madalitso Phiri" />
<link rel="stylesheet" href="src/main.css" />
<link rel="stylesheet" type="text/css" href="src/clippy.css" media="all" />
</head>
<body>
<div id="app">
<header class="main">
<h1 class="title">Daniel Madalitso Phiri.jpg - Developer Advocate</h1>
<ul class="menus">
<li><a href="#" onclick="window.download()">Save</a></li>
<li>
<a href="https://github.com/malgamves" target="_blank">GitHub</a>
</li>
<li>
<a href="https://twitter.com/malgamves" target="_blank">Twitter</a>
</li>
<li>
<a href="mailto:malgamves@gmail.com" target="_blank">Email</a>
</li>
</ul>
</header>
<section class="main">
<div class="controls"></div>
</section>
<div id="sketch">
<canvas id="paint"></canvas>
</div>
<footer class="main">
<div class="colors">
<div id="current"></div>
<div class="color" data-color="000000"></div>
<div class="color" data-color="8b8275"></div>
<div class="color" data-color="8c040a"></div>
<div class="color" data-color="8b8218"></div>
<div class="color" data-color="108213"></div>
<div class="color" data-color="118275"></div>
<div class="color" data-color="020a75"></div>
<div class="color" data-color="8c0d75"></div>
<div class="color" data-color="8b8235"></div>
<div class="color" data-color="044236"></div>
<div class="color" data-color="1682fc"></div>
<div class="color" data-color="064276"></div>
<div class="color" data-color="8c25fc"></div>
<div class="color" data-color="8b420e"></div>
<div class="color" data-color="ffffff"></div>
<div class="color" data-color="c8c2ba"></div>
<div class="color" data-color="fd0d1b"></div>
<div class="color" data-color="fffe38"></div>
<div class="color" data-color="29fe2f"></div>
<div class="color" data-color="2dffff"></div>
<div class="color" data-color="0b24fc"></div>
<div class="color" data-color="fd29fd"></div>
<div class="color" data-color="fffe75"></div>
<div class="color" data-color="2afe76"></div>
<div class="color" data-color="8bffff"></div>
<div class="color" data-color="8c83fd"></div>
<div class="color" data-color="fd1476"></div>
<div class="color" data-color="fe8235"></div>
</div>
<h1 class="menu" style="text-align:right">
Painting with <span id="users">0</span> other NeRdz
</h1>
</footer>
</div>
<script></script>
<script src="https://cdn.pubnub.com/sdk/javascript/pubnub.4.24.2.js"></script>
<script src="src/app.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<!-- Clippy.js -->
<script src="src/clippy.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment