Skip to content

Instantly share code, notes, and snippets.

View wildshark's full-sized avatar

Andrew Quaye wildshark

View GitHub Profile
@wildshark
wildshark / index.html
Created February 15, 2020 20:11
Material Music Player
<div class="mhn-player">
<div class="album-art"></div>
<div class="play-list">
<a href="#" class="play"
data-id="1"
data-album=""
data-artist="Wiz Khalifa feat. Charlie Puth"
data-title="See You Again"
data-albumart="http://static.djbooth.net/pics-tracks/wiz-khalifa-see-you-again.jpg"
data-url="http://trendingmp3.com/music/user_folder/Wiz%20Khalifa%20See%20You%20Again%20Feat%20Charlie%20Puth%20-%201426839506.mp3"></a>
@wildshark
wildshark / index.html
Created October 24, 2019 18:17
Morris.js charts - simple examples
<head>
<meta charset=utf-8 />
<title>Morris.js Area Chart</title>
</head>
<body>
<h3 class="text-primary text-center">
Morris js charts
</h3>
<div class"row">
<div class="col-sm-6 text-center">
@wildshark
wildshark / index.html
Created August 2, 2019 18:12
Videojs - Playlist 5.16.0
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"/>
<link href="https://vjs.zencdn.net/5.16.0/video-js.min.css" rel="stylesheet"/>
<script src="https://vjs.zencdn.net/5.16.0/video.min.js"></script>
<script src="https://rawgit.com/atlance01/vrapp-ionic/master/www/js/lib/videojs-playlist.js"></script>
<video class="video-js vjs-default-skin" controls width="640px" height="360px"></video>
<button class="previous">Previous</button>
<button class="next">Next</button>
<button class="jump">Play Third</button>
<div class="autoadvance-group">
@wildshark
wildshark / index.html
Created May 26, 2019 07:33
Modern Windows XP
<div class="screen" id="screen">
<div class="logo">
<h1>Windows XP</h1>
</div>
<div class="menu" id="menu">
@wildshark
wildshark / index.html
Created April 3, 2019 00:16
POS Receipt Template Html Css
<div id="invoice-POS">
<center id="top">
<div class="logo"></div>
<div class="info">
<h2>SBISTechs Inc</h2>
</div><!--End Info-->
</center><!--End InvoiceTop-->
@wildshark
wildshark / credit-card.markdown
Created February 28, 2019 08:01
Credit card

Credit card

A simple credit card (looks more or less like Visa).

HTML and CSS only. No images.

A Pen by Jan on CodePen.

License.