C3L-NOC/tls-expiry-tracker Changeset - be5176deecaa · Chaos Computer Club Lëtzebuerg Projects

Changeset - be5176deecaa

Parent rev.

Child rev.

[Not reviewed]

0 2 0

x - 15 months ago 2024-01-05 00:20:25
xbr@c3l.lu

fix: fully use the table

2 files changed with 15 insertions and 23 deletions:

frontend/index.html

frontend/style.css

0 comments (0 inline, 0 general)

frontend/index.html

➞

Show inline comments

@@ @@ -5,52 +5,36 @@ @@
 		<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>
                     <td class="logs__item__name">c3l.lu</td>
                     <td class="logs__item__date">3 days ago</td>
                 </tr>
             </tbody>
             <tbody>
                 <tr>
                     <td>social.c3l.lu</td>
                     <td>5 days ago</td>
                     <td class="logs__item__name">social.c3l.lu</td>
                     <td class="logs__item__date">5 days ago</td>
                 </tr>
             </tbody>
             <tbody>
                 <tr>
                     <td>mail.c3l.lu</td>
                     <td>10 days ago</td>
                     <td class="logs__item__name">mail.c3l.lu</td>
                     <td class="logs__item__date">10 days ago</td>
                 </tr>
             </tbody>
         </table>
     </div>
 	</body>
 </html>

frontend/style.css

➞

Show inline comments

@@ @@ -84,13 +84,21 @@ body { @@
     justify-content: space-evenly;
     width: 95vh;
     margin-bottom: 1vh;
+}
 table {
     margin-left: auto;
     margin-right: auto;
+}
 td {
     padding: 5px 20px;
+}
@@ \ No newline at end of file @@
+}
 .logs__item__name {
     text-align: start;
+}
 .logs__item__date {
     text-align: end;
+}

0 comments (0 inline, 0 general)