summary refs log tree commit diff
path: root/startpage.html
blob: 4966f0964294f4d03f932dc12f90a49ce8dbc8f7 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!doctype html>
<html lang=en>
  <meta charset=utf-8>
  <title>startpage</title>
  <meta name="description" content="Venomade's Startpage">
  <link rel="stylesheet" href="css/style.css">
  <link rel="shortcut icon" href="res/favicon.ico" type="image/x-icon">

  <main style="display: flex; justify-content: center; align-items: center; height: 100vh; width: 100vw; text-align: center; flex-direction: column;">

    <article>

      <div class=box style="margin-bottom: 10px;"><div class=inner style="padding: 2px 15px;">

          <p>
            <div id="clock" style="font-size: 36pt; font-weight: bold;">Links:</div>

      </div></div>
      
      
      <div class=box style="margin-bottom: 10px;"><div class=inner style="padding: 2px 15px;">
          
          <p>
            <h3>
              <a href="https://cloud.venomade.com">Nextcloud</a>
            </h3>
            <h3>
              <a href="https://github.com/venomade">Github</a>
            </h3>
            <h3>
              <a href="https://youtube.com">Youtube</a>
            </h3>
            <h3>
              <a href="https://mail.proton.me">Protonmail</a>
            </h3>
            <h3>
              <a href="https://duck.ai">DuckAI</a>
            </h3>
            
      </div></div>

    </article>

  </main>

  <!-- Javascript Needed for Clock-->
  <script> 
    function updateClock() {
        const now = new Date();
        const hours = String(now.getHours()).padStart(2, '0');
        const minutes = String(now.getMinutes()).padStart(2, '0');
        document.getElementById('clock').textContent = `${hours}:${minutes}`;
    }

    setInterval(updateClock, 1000);
    updateClock();
  </script>