A Pen by chandan688 on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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 --> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- 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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <h1>Light & 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><body></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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <h1 class="header">Night Mode</h1> | |
| <div class="paragraph"> | |
| <p>Night Shift might help strain the eyes less if the surrounding area is dark.</p> | |
| <p>Your Google Drive storage is full. You have exceeded your storage plan: this means that your documents, contacts and device | |
| data are no longer being backed up to Drive and your photos and videos are not being uploaded securly saved. | |
| Google Drive and Google-enabled apps are also not being updated across your devices.</p> | |
| <p> To continue using these services, you need to upgrade your storage plan or reduce the amount of storage you are using.</p> |
HeNy007
/ dark-theme-toggle-button.markdown
Created
February 19, 2022 13:16
Dark theme toggle button
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0/css/all.min.css" integrity="sha256-ybRkN9dBjhcS2qrW1z+hfCxq+1aBdwyQM5wlQoQVt/0=" crossorigin="anonymous" /> | |
| <link rel="stylesheet" href="style.css"> | |
| <title>Night Mode</title> | |
| </head> |
HeNy007
/ google-inspired-css-preloader.markdown
Created
February 16, 2022 20:42
Google Inspired CSS Preloader