Update templates/404.html
This commit is contained in:
parent
83311c4ba1
commit
d80d8fd6ac
1 changed files with 43 additions and 51 deletions
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="nl">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
|
@ -9,11 +9,11 @@
|
|||
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
|
||||
<title>AS215085 Looking Glass 404</title>
|
||||
<meta name="description" content="AS215085 Lookingglas" />
|
||||
<link rel="canonical" href="https://lg.s215085.net" />
|
||||
<link rel="canonical" href="https://lg.as215085.net" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
<meta property="og:site_name" content="lg.AS215085.net | PixelHosting" />
|
||||
<meta property="og:site_name" content="LG.AS215085.net | PixelHosting" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="lg.AS215085.net | PixelHosting" />
|
||||
<meta property="og:title" content="LG.AS215085.net | PixelHosting" />
|
||||
<meta property="og:description" content="AS215085 Lookingglas" />
|
||||
<meta property="og:url" content="https://lg.as215085.net" />
|
||||
<link rel="icon" type="image/png" href="/static/img/cropped-Pixelhosting-logo-favicon-32x32.png">
|
||||
|
|
@ -26,66 +26,58 @@
|
|||
white-space: pre-wrap; word-wrap: break-word; overflow-x: auto;
|
||||
}
|
||||
#mynetwork {
|
||||
width: 100%; height: 600px; border: 1px solid #dee2e6; border-radius: .25rem;
|
||||
width: 100%; min-height: 400px;
|
||||
border: 1px solid #dee2e6; border-radius: .25rem;
|
||||
}
|
||||
.copy-btn { cursor: pointer; }
|
||||
.speedtest-links a { margin-right: 10px; margin-bottom: 10px; }
|
||||
.header-content {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
header {
|
||||
position: relative;
|
||||
background: url('/static/img/background.webp') no-repeat center center;
|
||||
background-size: cover;
|
||||
color: white;
|
||||
padding: 40px 20px;
|
||||
text-align: center;
|
||||
position: relative; background: url('/static/img/background.webp') no-repeat center center;
|
||||
background-size: cover; color: white; padding: 40px 20px; text-align: center;
|
||||
}
|
||||
header::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 1;
|
||||
}
|
||||
header h1, header p {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
header h1 {
|
||||
margin: 0;
|
||||
font-size: 2.5em;
|
||||
content: ""; position: absolute; top: 0; left: 0;
|
||||
width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1;
|
||||
}
|
||||
header h1, header p, .header-content { position: relative; z-index: 2; }
|
||||
footer {
|
||||
background-color: #2D2E43;
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
margin-top: 20px;
|
||||
background-color: #2D2E43; color: white; text-align: center;
|
||||
padding: 10px 0; margin-top: 20px;
|
||||
}
|
||||
#form-error {
|
||||
min-height: 1.5rem; /* Reserve space to prevent layout shift */
|
||||
}
|
||||
/* Styles for BGP raw output highlighting */
|
||||
#form-error { min-height: 1.5rem; }
|
||||
.asn-highlight { color: #5DADE2; }
|
||||
.asn215085-highlight { color: #F9E79F; font-weight: bold; }
|
||||
.best-line { color: #58D68D; font-weight: bold; }
|
||||
.btn-custom { background-color: #07AAF9; border-color: #07AAF9; color: white; }
|
||||
.btn-custom:hover { background-color: #0698e0; border-color: #0698e0; }
|
||||
|
||||
/* --- Custom Styling for Buttons and Dropdowns --- */
|
||||
.btn-custom {
|
||||
background-color: #07AAF9;
|
||||
border-color: #07AAF9;
|
||||
color: white;
|
||||
.bgprtv-controls-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
padding: 0.75rem 1rem; margin-bottom: 1rem; border: 1px solid #dee2e6;
|
||||
border-radius: .25rem; background-color: #f8f9fa;
|
||||
}
|
||||
.btn-custom:hover {
|
||||
background-color: #0698e0; /* Slightly darker blue for hover */
|
||||
border-color: #0698e0;
|
||||
color: white;
|
||||
.bgprtv-legend-group, .bgprtv-filter-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 1rem;
|
||||
justify-content: center;
|
||||
}
|
||||
.bgprtv-legend-item { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; }
|
||||
.bgprtv-legend-symbol { display: flex; align-items: center; width: 30px; }
|
||||
.bgprtv-legend-line { width: 100%; height: 0; }
|
||||
.bgprtv-legend-line.best-path { border-top: 3px solid #C0392B; }
|
||||
.bgprtv-legend-line.multipath { border-top: 2px solid #F39C12; }
|
||||
.bgprtv-legend-line.alt-path { border-top: 2px dashed #2C3E50; }
|
||||
.bgprtv-legend-node { width: 15px; height: 15px; border: 1px solid #555; border-radius: 2px; }
|
||||
.bgprtv-legend-node.best-path-node { background-color: #FADBD8; }
|
||||
.bgprtv-legend-node.multipath-node { background-color: #FDEBD0; }
|
||||
.bgprtv-legend-node.alt-path-node { background-color: #D6DBDF; }
|
||||
.bgprtv-filter-title { font-weight: bold; margin: 0; font-size: 0.9rem; white-space: nowrap; }
|
||||
#bgprtv-filter-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; font-size: 0.9rem; }
|
||||
#bgprtv-filter-controls label { margin: 0; cursor: pointer; white-space: nowrap; }
|
||||
.bgprtv-filter-separator { border-left: 1px solid #ccc; height: 1.2rem; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue