PubliHub :: Source Code Viewer

_{Opgelet: Bij PHP-pagina's of serverpagina's wordt enkel de gerenderde html getoond.}

Broncode van https://cdn.publihub.media/demos/prototype/les1/gezicht.html

<html lang="nl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CrowlKit DEMO</title>

    <!--
    COPYRIGHT KRIS MERCKX - 17/10/2024
    -->

    <!--APP STYLING-->
    <link rel="stylesheet" href="https://cdn.publihub.media/css/app.css?v4.6">

    <!--APP FUNCTIES :: CDN-connecties-->
    <script src="https://cdn.publihub.media/lib/app.js?v97"></script>
    <script src="https://www.leerschool.be/smarticles/bricks/crowl.fsbutton.js?v8"></script>
    <script src="https://www.leerschool.be/smarticles/bricks/crowl.uploads.js"></script>

    <!--VOEG HIER DE GEWENSTE LIBRARIES TOE-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.4/p5.min.js"></script>
    <script src="https://unpkg.com/ml5@1/dist/ml5.min.js"></script>
    <script src="https://cdn.publihub.media/lib/crowl.faceparts.js?v7"></script>  
    
</head>
<body data-theme="teletext">
    <app-screen>
        <app-facepart type="face" hide></app-facepart>
        <app-facepart type="nose" hide></app-facepart>
        <app-facepart type="mouth" hide></app-facepart>
        <app-facepart type="lefteye" hide></app-facepart>
        <app-facepart type="righteye" hide></app-facepart>
        <app-followimage id="face" src="assets/ufo.png"></app-followimage>
        <fullscreen-button hide="">
        </fullscreen-button>
        <button data-function="fs">Volledig scherm</button>
    </app-screen>

    <script>
    app.ready(function() {
          /*hier komt jouw code*/
        faceapp.after("faceCenterMoved").do(function(data) {
            id("face").after("setposition").send({ detail: { x: data.detail.x, y:data.detail.y  } });
        });
    });
    </script>


    <style>
        app-screen{
            background-image:url(assets/space.jpg);
            background-size:cover;
            display:block;
            height:100vh;
            width:100vw;
        }
    </style>
</body>
</html>