Files @ 3bdd5368892d
Branch filter:

Location: C3L-NOC/tls-expiry-tracker/frontend/index.html - annotation

x
feat: basic index with both flex and table data
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>TLS Outage Tracker</title>
		<link rel="stylesheet" type="text/css" href="style.css">
        <meta name="viewport" content="width=device-width,initial-scale=1" />
	</head>
	<body>
    <div class="countup">
			<p class="countup__item countup__tls"><span id="time__tls">0</span> days</p>
			<p class="countup__item countup__text">since last outage caused by TLS expiry</p>
    </div>

    <div class="logs">
        <p class="logs__title">Last incidents</h2>
        <div class="logs__item">
            <p class="logs__item__name">c3l.lu</p>
            <p class="logs__item__date">3 days ago</p>
        </div>
        <div class="logs__item">
            <p class="logs__item__name">social.c3l.lu</p>
            <p class="logs__item__date">3 days ago</p>
        </div>
        <div class="logs__item">
            <p class="logs__item__name">media.c3l.lu</p>
            <p class="logs__item__date">3 days ago</p>
        </div>
        <div class="logs__item">
            <p class="logs__item__name">smtp.c3l.lu</p>
            <p class="logs__item__date">3 days ago</p>
        </div>

        <table>
            <tbody>
                <tr>
                    <td>c3l.lu</td>
                    <td>3 days ago</td>
                </tr>
            </tbody>
            <tbody>
                <tr>
                    <td>social.c3l.lu</td>
                    <td>5 days ago</td>
                </tr>
            </tbody>
            <tbody>
                <tr>
                    <td>mail.c3l.lu</td>
                    <td>10 days ago</td>
                </tr>
            </tbody>
        </table>
    </div>
	</body>
</html>