~jae/Beepyvid

9c20fbb42dde8f7eb6d79cba328841ed4167063f — Jae Lo Presti (DN0) 11 months ago eeeedc9
BETA: add base of WIP styles & pages
1 files changed, 123 insertions(+), 0 deletions(-)

A beta/index.html
A beta/index.html => beta/index.html +123 -0
@@ 0,0 1,123 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>BeepyVid - Index</title>

    <link rel="stylesheet" type="text/css" href="../public/main.css">
</head>
<body>

    <div class="page">

        <div class="header">
            <h1 class="mTitle">BeepyVid</h1>

            <img class="logo" src="../public/logo.svg" alt="Logo">
        </div>

        <div class="content">
            <h2>Latest videos:</h2>
            <div class="videogrid">
                <div class="videoshow">
                    <div class="thumbnail">
                        <img loading="lazy" src="../public/1080.svg">
                    </div>
                    <p>This is the video title</p>
                </div>
                <div class="videoshow">
                    <div class="thumbnail">
                        <img loading="lazy" src="../public/1080.svg">
                    </div>
                    <p>This is the video title</p>
                </div>
                <div class="videoshow">
                    <div class="thumbnail">
                        <img loading="lazy" src="../public/1080.svg">
                    </div>
                    <p>This is the video title</p>
                </div>
                <div class="videoshow">
                    <div class="thumbnail">
                        <img loading="lazy" src="../public/1080.svg">
                    </div>
                    <p>This is the video title</p>
                </div>
                <div class="videoshow">
                    <div class="thumbnail">
                        <img loading="lazy" src="../public/1080.svg">
                    </div>
                    <p>This is the video title</p>
                </div>
                <div class="videoshow">
                    <div class="thumbnail">
                        <img loading="lazy" src="../public/1080.svg">
                    </div>
                    <p>This is the video title</p>
                </div>
                <div class="videoshow">
                    <div class="thumbnail">
                        <img loading="lazy" src="../public/1080.svg">
                    </div>
                    <p>This is the video title</p>
                </div>
                <div class="videoshow">
                    <div class="thumbnail">
                        <img loading="lazy" src="../public/1080.svg">
                    </div>
                    <p>This is the video title</p>
                </div>
                <div class="videoshow">
                    <div class="thumbnail">
                        <img loading="lazy" src="../public/1080.svg">
                    </div>
                    <p>This is the video title</p>
                </div>
                <div class="videoshow">
                    <div class="thumbnail">
                        <img loading="lazy" src="../public/1080.svg">
                    </div>
                    <p>This is the video title</p>
                </div>
                <div class="videoshow">
                    <div class="thumbnail">
                        <img loading="lazy" src="../public/1080.svg">
                    </div>
                    <p>This is the video title</p>
                </div>
                <div class="videoshow">
                    <div class="thumbnail">
                        <img loading="lazy" src="../public/1080.svg">
                    </div>
                    <p>This is the video title</p>
                </div>
                <div class="videoshow">
                    <div class="thumbnail">
                        <img loading="lazy" src="../public/1080.svg">
                    </div>
                    <p>This is the video title</p>
                </div>
                <div class="videoshow">
                    <div class="thumbnail">
                        <img loading="lazy" src="../public/1080.svg">
                    </div>
                    <p>This is the video title</p>
                </div>
                <div class="videoshow">
                    <div class="thumbnail">
                        <img loading="lazy" src="../public/1080.svg">
                    </div>
                    <p>This is the video title</p>
                </div>
            </div>
        </div>

        <div class="Footer">
            <p>Powered by BeepyVid v${version}.</p>
        </div>

    </div>

</body>
</html>