Skip to content

Instantly share code, notes, and snippets.

View HeNy007's full-sized avatar
🏠
Working from home

HeNy Bn-Hamed HeNy007

🏠
Working from home
View GitHub Profile
@HeNy007
HeNy007 / index.html
Created February 20, 2022 09:41
Light & dark mode, with user-switch button
<body>
<h1>Light &amp; dark mode, with user-switch button</h1>
<p>Inherits dark mode from the OS when enabled, and allows switching in-browser.</p>
<p>Reads the current OS preference and adds an attribute <code>data-lightMode</code> to the <code>&lt;body&gt;</code> tag reflecting its dark or light value. If unsupported in the OS the default is set to light, and switching is still made available. Uses local storage to persist user selection across pages and visits.</p>
<figure>
@HeNy007
HeNy007 / index.html
Created February 20, 2022 19:19
playstore
<div class="container">
<div class="pop"></div>
<div class="top"></div>
<div class="tabs">
<div class="tab tab-one active">MOHAN</div>
<div class="tab tab-two">SUNDARAM</div>
</div>
<div class="tab-underline"></div>
</div>
@HeNy007
HeNy007 / index.html
Created March 25, 2022 11:33
Videojs VAST
<!-- ideally this should be in <head> -->
<!-- videojs must be included first -->
<link rel="stylesheet" href="//vjs.zencdn.net/5.9.2/video-js.css">
<script type="text/javascript" src="//vjs.zencdn.net/5.9.2/video.js"></script>
<!-- videojs-vast-vpaid -->
<link href="//cdn.rawgit.com/MailOnline/videojs-vast-vpaid/master/bin/videojs.vast.vpaid.min.css" rel="stylesheet">
<script src="//cdn.rawgit.com/MailOnline/videojs-vast-vpaid/master/bin/videojs_5.vast.vpaid.min.js"></script>
@HeNy007
HeNy007 / index.html
Created March 25, 2022 11:41
Test plyr ADS
<div class="title">Film</div>
<div class="description">Popis</div>
<div class="container">
<video controls crossorigin playsinline poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg">
<source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4" type="video/mp4" size="576">
<source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-720p.mp4" type="video/mp4" size="720">
<source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-1080p.mp4" type="video/mp4" size="1080">
<!-- Caption files -->
<track kind="captions" label="English" srclang="en" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.en.vtt"
@HeNy007
HeNy007 / index.html
Created March 27, 2022 01:07
plyr with vast ads
<div class="container">
<video controls crossorigin playsinline poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg">
<source src="https://livestream.knowtable.xyz:5443/show/streams/show.m3u8" type="application/x-mpegURL" size="720">
<source src="https://livestream.knowtable.xyz:5443/show/streams/show.m3u8" type="application/x-mpegURL" size="480">
<!-- Fallback for browsers that don't support the <video> element -->
</div>
<!-- Plyr resources and browser polyfills are specified in the pen settings -->
@HeNy007
HeNy007 / clapper-player-final.markdown
Created March 27, 2022 01:11
clapper player FINAL
@HeNy007
HeNy007 / index.html
Created April 1, 2022 03:01
Smart Fixed Navigation
<!-- Smart Fixed Navigation, from : https://codyhouse.co/gem/smart-fixed-navigation/ -->
<header><!-- ... --></header>
<div id="cd-nav">
<a href="#0" class="cd-nav-trigger">Menu<span></span></a>
<nav id="cd-main-nav">
<ul>
<li><a href="#0">Homepage</a></li>
@HeNy007
HeNy007 / dailyui-025-tv-app.markdown
Created April 4, 2022 02:50
DailyUI #025 - TV App
@HeNy007
HeNy007 / dailyui-025-tv-app.markdown
Created April 4, 2022 02:51
DailyUI #025 - TV App