www/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="description" content="Google Slides as Info screen with weather info" />
    <meta name="author" content="Brian Kristensen" />
    <meta name="keywords" content="Google Slides, Free, Digital Signage, Weather, Info, Screen" />
    <title>Info Screen</title>
    <link class="svglogo" rel="icon" type="image/x-icon" href="custom/favicon.png">
    <link rel="stylesheet" href="assets/style.css">
</head>
<body>
    <div class="bodycontainer">
        <div class="framecontent">
            <iframe class="dias-frame faded"
                title="InfoScreen Slides"
                width="100%" height="105%"
                allowfullscreen="true"
                mozallowfullscreen="true"
                webkitallowfullscreen="true"
                >
            </iframe>
        </div>
        <div class="textoverlay faded">
            <div class="header">
                <div class="header_label">&nbsp;</div>
                <div class="time_label">&nbsp;</div>
                <div class="date_label">&nbsp;</div>
            </div>
            <img class="weather_icon" src="assets/none.png" alt="Weather">
            <div class="footer">
                <div class="weather_temp">&nbsp;</div>
                <div class="weather_feel">&nbsp;</div>
                <div class="weather_cond">&nbsp;</div>
                <div class="weather_text">&nbsp;</div>
            </div>
        </div>
    </div>                                                                                                                                                                                                                                                  <div class="main">-----------------------------------------------------------------------------------------------------------                                                              <h1>About</h1>A simple website that embeds and loops thru an Google Slide, with overlay that shows date, time and local weather information. Useful for implementing a free InfoScreen, that can be edit directly in Google Slides. Get a copy at <a href="https://github.com/bkristensen/InfoscreenWithGoogleSlides">GitHub</a>.</div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script data-main="assets/script" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js" integrity="sha512-c3Nl8+7g4LMSTdrm621y7kf9v3SDPnhxLNhcjFJbKECVnmZHTdo+IRO05sNLTH/D3vA6u1X32ehoLC7WFVdheg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</body>
</html>