Skip to content
/ flexi-flux Public template

a flexi-flux is a fullscreen iframe implementation of a hosted / embedded source compatible with all modern mobile and desktop HTML5 browsers i.e. Mozilla; Webkit; Chrome and Opera. theradio fm is a progressive web app and is used in this example and can be found at https://theradio.fm

License

Notifications You must be signed in to change notification settings

bright-spark/flexi-flux

Repository files navigation

Minimal Permissive HTML5 & CSS needed to render a "flexi-flux" webapp

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">

        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-title" content="flexi-flux">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="HandheldFriendly" content="true">
        <meta name="MobileOptimized" content="320">
        <meta name="format-detection" content="telephone=no">
        <meta name="google" content="notranslate">

        <meta name="Description" content="From unlikely friends to lovers for life!" />
        <meta name="Author" content="theradio fm" />
        <meta name="Copyright" content="Unlicence" />
        <meta name="Keywords" content="Audio, Music, Video, Playlist, Streaming, Online, Best, Popular, Deezer, Spotify, YouTubeMusic, YouTube, Playlist, Free, PWA, Apple, Android, iOS, Windows, Podcast, Vibescout, Event, Social" />
        <meta name="Subject" content="Music Love Quest" />

        <meta property="og:url"  content="https://theradio.fm" />
        <meta property="og:type" content="website" />
        <meta property="og:title" content="Music Love Quest" />
        <meta property="og:description" content="From unlikely friends to lovers for life!" />
        <meta property="og:image" content="https://theradio.fm/icons/apple-touch-icon-precomposed.png" />
        <meta property="og:site_name" content="theradio fm" /h>

        <meta name="viewport" content="width=device-width, height=device-height, viewport-fit=cover, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">

        <meta name="theme-color" content="black">

        <style>
            html, body, iframe {
                -webkit-text-size-adjust: 100%;
                margin: 0;
                padding: 0;
                height: 100%;
            }
            iframe {
                display: block;
                width: 100%;
                border: none;
            }
        </style>
    </head>
    <body>
        <iframe src="https://theradio.fm" referrerpolicy="no-referrer" allow="fullscreen; payment; geolocation *; microphone *; camera *; midi *; encrypted-media *;" sandbox="allow-same-origin allow-pointer-lock allow-forms allow-scripts allow-modals allow-popups allow-popups-to-escape-sandbox allow-presentation allow-top-navigation allow-orientation-lock allow-storage-access-by-user-activation" loading="eager" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen></iframe>
    </body>
</html>

edited using markable.in

About

a flexi-flux is a fullscreen iframe implementation of a hosted / embedded source compatible with all modern mobile and desktop HTML5 browsers i.e. Mozilla; Webkit; Chrome and Opera. theradio fm is a progressive web app and is used in this example and can be found at https://theradio.fm

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project