42 lines
1.0 KiB
HTML
42 lines
1.0 KiB
HTML
|
|
<div id="news" hidden>
|
|
<article class="news-entry" id="news-3000-aliens">
|
|
<h1>Extraterrestrial Life</h1>
|
|
<time datetime="3000-13-17">3000-13-17</time>
|
|
Aliens have a round head. I mean, arrived.
|
|
</article>
|
|
<article class="news-entry" id="news-2100-js">
|
|
<h1>The Legacy of JavaScript</h1>
|
|
<time datetime="2100-09-21">2100-09-21</time>
|
|
It's sad that JavaScript still exists, but at least we don't have to write it anymore.
|
|
Anyway, as I've said before, the JS no longer stands for JavaScript, it's Jarvis's Spectre Paint,
|
|
named after the AI that helps maintain this project.
|
|
</article>
|
|
<style>
|
|
#news {
|
|
background: black;
|
|
color: lime;
|
|
}
|
|
.news-entry {
|
|
background: rgba(0, 255, 0, 0.2);
|
|
color: lime;
|
|
border-radius: 5px;
|
|
border: 1px solid green;
|
|
padding: 10px;
|
|
max-width: 30em;
|
|
margin: 10px;
|
|
}
|
|
.news-entry > h1 {
|
|
font-size: 1.3em;
|
|
margin: 0;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
.news-entry > time {
|
|
font-size: 1.3em;
|
|
color: green;
|
|
}
|
|
.news-entry .new {
|
|
color: yellow;
|
|
}
|
|
</style>
|
|
</div> |