style: Update portal styling with new colours and header image

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
This commit is contained in:
Chris Frankland-Wright 2025-08-08 00:47:07 +01:00
parent fbae58fb1d
commit 4af732dab0
2 changed files with 8 additions and 7 deletions

View file

@ -8,7 +8,7 @@
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h1>NTP TimeTurner</h1> <img src="assets/header.png" alt="NTP Timeturner" class="header-logo">
<!-- Mock Data Controls (hidden by default) --> <!-- Mock Data Controls (hidden by default) -->
<div id="mock-controls" class="card full-width" style="display: none;"> <div id="mock-controls" class="card full-width" style="display: none;">

View file

@ -10,7 +10,7 @@
body { body {
font-family: 'FuturaStdHeavy', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-family: 'FuturaStdHeavy', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
background-color: #f4f4f9; background-color: #221f1f;
color: #333; color: #333;
margin: 0; margin: 0;
padding: 20px; padding: 20px;
@ -23,9 +23,10 @@ body {
max-width: 960px; max-width: 960px;
} }
h1 { .header-logo {
text-align: center; display: block;
color: #444; margin: 0 auto 20px auto;
max-width: 100%;
} }
.grid { .grid {
@ -35,7 +36,7 @@ h1 {
} }
.card { .card {
background: #fff; background: #c5ced6;
border-radius: 8px; border-radius: 8px;
padding: 20px; padding: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1);
@ -43,7 +44,7 @@ h1 {
.card h2 { .card h2 {
margin-top: 0; margin-top: 0;
color: #0056b3; color: #1a7db6;
} }
#ltc-timecode, #system-clock { #ltc-timecode, #system-clock {