87 lines
1.4 KiB
HTML
87 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Project #1008</title>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
.controls-container {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.search-bar {
|
|
margin: 1em;
|
|
padding: 0.2em;
|
|
width: 100%;
|
|
border: solid 1px lightblue;
|
|
}
|
|
|
|
button {
|
|
border: solid 1px lightblue;
|
|
margin: 1em;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
.load-more-button {
|
|
width: calc(100% - 2em);
|
|
}
|
|
|
|
.overlay {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.feed-items {
|
|
list-style: none;
|
|
font-size: 1em;
|
|
margin: 0;
|
|
padding-left: 0; /* disable default list weirdness */
|
|
}
|
|
|
|
.feed-item {
|
|
padding-top: 0.5em;
|
|
padding-bottom: 0.5em;
|
|
background: #CCC;
|
|
padding: 1em;
|
|
}
|
|
|
|
.feed-item:nth-child(odd) {
|
|
background: white;
|
|
}
|
|
|
|
.item-date {
|
|
font-style: italic;
|
|
}
|
|
|
|
.item-link {
|
|
color: black;
|
|
}
|
|
|
|
.item-title {
|
|
margin: 0;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.item-contents {
|
|
padding-left: 1em;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
<script src="./js/bundle.js"></script>
|
|
</body>
|
|
</html>
|