sneak/routewatch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix navbar and simplify templates

Browse Source 
- Fix nested anchor tags in navbar (invalid HTML)
- Hardcode app name and author in templates
- Remove hero section from index page
This commit is contained in:
Jeffrey Paul 2025-12-31 15:10:24 -08:00
parent 4284e923a6
commit 58b5333c6c
5 changed files with 50 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
internal/templates/as_detail.html
View File

@ -30,12 +30,14 @@
display: flex;
align-items: center;
gap: 8px;
color: white;
text-decoration: none;
font-size: 18px;
font-weight: 600;
}
.navbar-brand:hover {
.navbar-brand a {
color: white;
text-decoration: none;
}
.navbar-brand a:hover {
color: #ecf0f1;
}
.navbar-brand .by {
@ -45,7 +47,7 @@
}
.navbar-brand .author {
color: #3498db;
text-decoration: none;
font-weight: normal;
}
.navbar-brand .author:hover {
text-decoration: underline;
@ -195,11 +197,11 @@
</head>
<body>
<nav class="navbar">
<a href="/" class="navbar-brand">
<span>{{appName}}</span>
<div class="navbar-brand">
<a href="/">routewatch</a>
<span class="by">by</span>
<a href="{{appAuthorURL}}" class="author">{{appAuthor}}</a>
</a>
<a href="https://sneak.berlin" class="author">@sneak</a>
</div>
<div class="navbar-links">
<a href="/">Home</a>
<a href="/status">Status</a>

39
internal/templates/index.html
View File

@ -30,12 +30,14 @@
display: flex;
align-items: center;
gap: 8px;
color: white;
text-decoration: none;
font-size: 18px;
font-weight: 600;
}
.navbar-brand:hover {
.navbar-brand a {
color: white;
text-decoration: none;
}
.navbar-brand a:hover {
color: #ecf0f1;
}
.navbar-brand .by {
@ -45,7 +47,7 @@
}
.navbar-brand .author {
color: #3498db;
text-decoration: none;
font-weight: normal;
}
.navbar-brand .author:hover {
text-decoration: underline;
@ -76,22 +78,6 @@
padding: 30px 20px;
}
/* Hero section */
.hero {
text-align: center;
margin-bottom: 40px;
}
.hero h1 {
font-size: 32px;
color: #2c3e50;
margin: 0 0 10px 0;
}
.hero p {
color: #7f8c8d;
font-size: 16px;
margin: 0;
}
/* Stats overview */
.stats-grid {
display: grid;
@ -258,11 +244,11 @@
</head>
<body>
<nav class="navbar">
<a href="/" class="navbar-brand">
<span>{{appName}}</span>
<div class="navbar-brand">
<a href="/">routewatch</a>
<span class="by">by</span>
<a href="{{appAuthorURL}}" class="author">{{appAuthor}}</a>
</a>
<a href="https://sneak.berlin" class="author">@sneak</a>
</div>
<div class="navbar-links">
<a href="/" class="active">Home</a>
<a href="/status">Status</a>
@ -270,11 +256,6 @@
</nav>
<main class="main-content">
<div class="hero">
<h1>RouteWatch</h1>
<p>Real-time BGP route monitoring powered by RIPE RIS Live</p>
</div>
<div class="stats-grid">
<div class="stat-card" id="status-card">
<div class="stat-value" id="stat-status">-</div>

18
internal/templates/prefix_detail.html
View File

@ -30,12 +30,14 @@
display: flex;
align-items: center;
gap: 8px;
color: white;
text-decoration: none;
font-size: 18px;
font-weight: 600;
}
.navbar-brand:hover {
.navbar-brand a {
color: white;
text-decoration: none;
}
.navbar-brand a:hover {
color: #ecf0f1;
}
.navbar-brand .by {
@ -45,7 +47,7 @@
}
.navbar-brand .author {
color: #3498db;
text-decoration: none;
font-weight: normal;
}
.navbar-brand .author:hover {
text-decoration: underline;
@ -242,11 +244,11 @@
</head>
<body>
<nav class="navbar">
<a href="/" class="navbar-brand">
<span>{{appName}}</span>
<div class="navbar-brand">
<a href="/">routewatch</a>
<span class="by">by</span>
<a href="{{appAuthorURL}}" class="author">{{appAuthor}}</a>
</a>
<a href="https://sneak.berlin" class="author">@sneak</a>
</div>
<div class="navbar-links">
<a href="/">Home</a>
<a href="/status">Status</a>

18
internal/templates/prefix_length.html
View File

@ -29,12 +29,14 @@
display: flex;
align-items: center;
gap: 8px;
color: white;
text-decoration: none;
font-size: 18px;
font-weight: 600;
}
.navbar-brand:hover {
.navbar-brand a {
color: white;
text-decoration: none;
}
.navbar-brand a:hover {
color: #ecf0f1;
}
.navbar-brand .by {
@ -44,7 +46,7 @@
}
.navbar-brand .author {
color: #3498db;
text-decoration: none;
font-weight: normal;
}
.navbar-brand .author:hover {
text-decoration: underline;
@ -141,11 +143,11 @@
</head>
<body>
<nav class="navbar">
<a href="/" class="navbar-brand">
<span>{{appName}}</span>
<div class="navbar-brand">
<a href="/">routewatch</a>
<span class="by">by</span>
<a href="{{appAuthorURL}}" class="author">{{appAuthor}}</a>
</a>
<a href="https://sneak.berlin" class="author">@sneak</a>
</div>
<div class="navbar-links">
<a href="/">Home</a>
<a href="/status">Status</a>

18
internal/templates/status.html
View File

@ -29,12 +29,14 @@
display: flex;
align-items: center;
gap: 8px;
color: white;
text-decoration: none;
font-size: 18px;
font-weight: 600;
}
.navbar-brand:hover {
.navbar-brand a {
color: white;
text-decoration: none;
}
.navbar-brand a:hover {
color: #ecf0f1;
}
.navbar-brand .by {
@ -44,7 +46,7 @@
}
.navbar-brand .author {
color: #3498db;
text-decoration: none;
font-weight: normal;
}
.navbar-brand .author:hover {
text-decoration: underline;
@ -159,11 +161,11 @@
</head>
<body>
<nav class="navbar">
<a href="/" class="navbar-brand">
<span>{{appName}}</span>
<div class="navbar-brand">
<a href="/">routewatch</a>
<span class="by">by</span>
<a href="{{appAuthorURL}}" class="author">{{appAuthor}}</a>
</a>
<a href="https://sneak.berlin" class="author">@sneak</a>
</div>
<div class="navbar-links">
<a href="/">Home</a>
<a href="/status" class="active">Status</a>