Add note that page is obsolete
This commit is contained in:
@@ -9,8 +9,49 @@
|
|||||||
<link rel="stylesheet" href="/css/nav/toggle.css">
|
<link rel="stylesheet" href="/css/nav/toggle.css">
|
||||||
<link rel="stylesheet" href="/css/nav/menu.css">
|
<link rel="stylesheet" href="/css/nav/menu.css">
|
||||||
<link rel="stylesheet" href="/css/nav/logo.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>
|
</head>
|
||||||
<body>
|
<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()">✕</span>
|
||||||
|
</div>
|
||||||
<div class="nav-container">
|
<div class="nav-container">
|
||||||
<div class="logo-container">
|
<div class="logo-container">
|
||||||
<a href="/"><img src="https://static.janishutz.com/logo.jpg" alt="Website logo" id="logo"></a>
|
<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 );
|
$( '.bottom-note-wrapper' ).fadeToggle( 500 );
|
||||||
}, 400 );
|
}, 400 );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function dismissOldSiteNotice () {
|
||||||
|
$( '#moved-banner' ).hide();
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user