Verified Commit f5ee72f6 authored by Camil Staps's avatar Camil Staps 🚀

Styling the banner

parent 280db7e4
......@@ -27,16 +27,25 @@ td, th {
border-color: #87aade;
border-style: solid;
border-width: 0 0 1px;
box-sizing: border-box;
display: none;
padding: .5em 0;
font-size: 90%;
line-height: 1.4em;
padding: .5em 2em;
position: relative;
text-align: center;
width: 100%;
}
.banner .hidelink {
align-items: center;
display: flex;
font-weight: bold;
height: 100%;
position: absolute;
right: 1em;
text-decoration: none;
top: 0;
}
.toggle-container .toggler {
......
......@@ -78,8 +78,9 @@ for (var i = 0; i < banners.length; i++) {
var hidelink = document.createElement('a');
hidelink.classList.add('hidelink');
hidelink.innerHTML = '&times;';
hidelink.setAttribute('href', '#');
hidelink.text = '(hide this banner)';
hidelink.setAttribute('title', 'Hide this banner forever');
hidelink.onclick = function() {
banner.remove();
document.cookie = 'hidden_banners=' + hidden + ' ' + id;
......
......@@ -16,7 +16,8 @@
</head>
<body>
<div class="banner" data-id="nlfp2018" data-until="Fri, 05 Jan 2018 20:00:00 UTC">
On <strong>Friday, January 5, 2018</strong>, we will probably give a talk about Cloogle on the <a href="http://clean.cs.ru.nl/NL-FP_dag_2018" target="_blank">NL-FP day</a>.
On <strong>Friday, January 5, 2018</strong>, Cloogle will probably be discussed on the <a href="http://clean.cs.ru.nl/NL-FP_dag_2018" target="_blank">NL-FP day</a>.
Sign up before December 15, 2017.
</div>
<div id="header">
<div id="logo">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment