Add note that page is obsolete

This commit is contained in:
2026-02-11 13:19:45 +01:00
parent 20287ef762
commit 28d544946c

View File

@@ -9,8 +9,49 @@
<link rel="stylesheet" href="/css/nav/toggle.css">
<link rel="stylesheet" href="/css/nav/menu.css">
<link rel="stylesheet" href="/css/nav/logo.css">
<style>
#moved-banner {
background: linear-gradient( 22.5deg, red, blue ) !important;
min-height: 10vh;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
bottom: 0;
left: 0;
}
#moved-banner p {
max-width: calc( 100vw - 3rem - 30px );
text-align: center;
font-size: 1rem;
padding: 5px;
margin: 0;
color: white;
}
#moved-banner a {
color: white;
}
#moved-banner span {
color: white;
position: fixed;
right: 15px;
font-size: 1.5rem;
}
</style>
</head>
<body>
<div id="moved-banner">
<p>
You are looking at one of my old websites. The current version is available at
<a href="https://janishutz.com">janishutz.com</a>
</p>
<span onclick="dismissOldSiteNotice()">&#x2715;</span>
</div>
<div class="nav-container">
<div class="logo-container">
<a href="/"><img src="https://static.janishutz.com/logo.jpg" alt="Website logo" id="logo"></a>
@@ -100,6 +141,10 @@
$( '.bottom-note-wrapper' ).fadeToggle( 500 );
}, 400 );
}
function dismissOldSiteNotice () {
$( '#moved-banner' ).hide();
}
</script>
</body>
</html>
</html>