File "webpage.py"

Full Path: /var/www/html/main/lecture-notes/Internet of Things/02 Materi Praktikum - IoT - PDF/File Python/webpage.py
File size: 1.83 KB
MIME-type: text/x-script.python
Charset: utf-8

 
Open Back 
def webPage(waktu,tanggal,ip_addr):
    html = """<html>
        <head>
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <link rel="icon" href="data:,">
            <style>body { text-align: center; font-family: "Trebuchet MS", Arial;}
                  table { border-collapse: collapse; width:35%; margin-left:auto; margin-right:auto; }
                  th { padding: 12px; background-color: #0043af; color: white; }
                  tr { border: 1px solid #ddd; padding: 12px; }
                  tr:hover { background-color: #bcbcbc; }
                  td { border: none; padding: 12px; }
                  .sensor { color:white; font-weight: bold; background-color: #bcbcbc; padding: 1px;
            </style>
        </head>
        <body>
            <script type="text/javascript">
                setInterval(function () {
                  location.reload();
                }, 5000);
            </script>
            <h1>ESP8266 Web Server</h1>
            <table><tr><th>KATEGORI</th><th>NILAI</th></tr>
                <tr><td>Waktu</td><td><span class="sensor">""" + str(waktu) + """</span></td></tr>
                <tr><td>Tanggal</td><td><span class="sensor">""" + str(tanggal)  + """</span></td></tr>
            </table>
            <br/>
            <table><tr><th>KATEGORI</th><th>NILAI</th></tr>
                <tr><td>IP Address</td><td><span class="sensor">""" + str(ip_addr[0]) + """</span></td></tr>
                <tr><td>Subnet Mask</td><td><span class="sensor">""" + str(ip_addr[1])  + """</span></td></tr>
                <tr><td>Gateway</td><td><span class="sensor">""" + str(ip_addr[2]) + """</span></td></tr>
                <tr><td>DNS Server</td><td><span class="sensor">""" + str(ip_addr[3]) + """</span></td></tr>
            </table>    
        </body>
      </html>"""
    
    return html