UoPNetSoc.github.io/index.html at master · UoPNetSoc/UoPNetSoc.github.io · GitHub

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<!-- TODO: tidy all of this up -->
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>UoP Computer Networking Society (2023–2025)</title>

	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap" rel="stylesheet">

	<link rel="shortcut icon" href="/img/temp-logo-small.jpg" type="image/x-icon">

	<style>
		html, body {
			margin: 0;
			padding: 0;
		}

		body {
			font-family: monospace;
			background-color: #000;
			color: #fff;
			max-width: 50em;
			margin: 0 auto;
			/* padding: 1em; */
			font-family: 'Courier Prime', 'Courier New', 'Courier', monospace;
			overflow-x: hidden;
		}

		main {
			white-space: pre-wrap;
			overflow-wrap: break-word;
			background-color: #0006;
			padding: 1em;
		}

		.line.hidden {
		    opacity: 0;
		}

		@media prefers-reduced-motion {
            .line.hidden {
                opacity: 1;
            }
        }

		a {
            color: inherit;
		}

		aside#background {
			position: fixed;
			top: 0;
			left: 0;
			width: 100vw;
			height: 100vh;
			z-index: -1;

			background-image: url("img/lab.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top center;

			/* scale hides the blur around the edges */
			transform: scale(1.3) rotate(1deg);
			filter: blur(6px) saturate(0.5);
			opacity: 0.2;
		}
	</style>
</head>
<body>
<aside id="background"></aside>

<main>
<span class="line" aria-hidden="true">Initializing Hardware ...</span>

<span class="line" aria-hidden="true">System integrity status: 0x0000002A</span>
<span class="line" aria-hidden="true">Rom image verified successfully</span>

<span class="line" aria-hidden="true">************************************************************</span>
<span class="line" aria-hidden="true">*                                                          *</span>
<span class="line"><span aria-hidden="true">*</span> University of Portsmouth                                 <span aria-hidden="true">*</span>
<span class="line"><span aria-hidden="true">*</span> Computer Networking Society                              <span aria-hidden="true">*</span>
<span class="line"><span aria-hidden="true">*</span> Copyright (c) 2023-2025                                  <span aria-hidden="true">*</span>
<span class="line" aria-hidden="true">*                                                          *</span>
<span class="line" aria-hidden="true">************************************************************</span>

<span class="line" aria-hidden="true">Compiled Sat 7-Jun-25 [TMR]</span>

<span class="line">System       : Tower T10079MNB</span>
<span class="line">Chassis      : Sera T10079MNB Mod MidBlue</span>
<span class="line">Revision     : CPU 360d   BOARD 3000W   FPGA 502/3635</span>
<span class="line">Memory       : 1.7 L</span>
<span class="line">Date         : <span class="js-date"></span></span>


<span class="line" aria-hidden="true">Current image running: Boot ROM0</span>

<span class="line" aria-hidden="true">Last reset cause: PowerOn</span>

<span class="line" aria-hidden="true">boot: unsupported boot device "flash"</span>
<span class="line">autoboot: boot failed, the society has closed</span>

<span class="line"><a href="https://jackconnolly.net">Jack</a>, <a href="https://harrylowman.github.io/">Harry</a>, and <a href="https://thomasr.me/">Tom</a> thank you for your support</span>
</main>

<script>
  // set the date
  const date = new Date();
  const dateElement = document.querySelector('.js-date');
  const day = date.getDate();
  const month = date.toLocaleString('en-GB', { month: 'short' });
  const year = date.getFullYear();
  const hours = String(date.getHours()).padStart(2, '0');
  const minutes = String(date.getMinutes()).padStart(2, '0');
  dateElement.textContent = `${day}-${month}-${year} ${hours}:${minutes}`;

  // animate in all the lines
  const lines = document.querySelectorAll('.line');
  lines.forEach(l => l.classList.add('hidden'));

  function showNextLine() {
    const nextLine = document.querySelector('.line.hidden');
    if(!nextLine) return;

    nextLine.classList.remove('hidden');

    setTimeout(showNextLine, Math.random() * 750 + 100);
  }

  showNextLine();
</script>
</body>
</html>