Update formatting

This commit is contained in:
Chay 2024-04-20 18:23:17 +03:00
parent 9c4ed1a296
commit 658a07136a

View file

@ -4,43 +4,40 @@
<title>Scraped News</title> <title>Scraped News</title>
<style> <style>
:root { :root {
--color-background: #FFD4D4; --color-background: #FFD4D4;
--color-text: #272727; --color-text: #272727;
--highlight: rgba(225,0,0,.2); --highlight: rgba(225,0,0,.2);
} }
html, body { html, body {
background-color: var(--color-background); background-color: var(--color-background);
color: var(--color-text); color: var(--color-text);
} }
body { body {
margin: 1em auto; max-width: 800px;
max-width: 40em; margin: 40px auto; /* added 40px top and bottom margin */
padding: 0.62em 3.24em; padding: 20px;
font: 0.8em sans-serif; font: 1.2em/1.62 sans-serif;
transition: color 0.5s, font-size 0.5s;
} }
.news-item { .news-item {
padding: 20px; padding: 20px;
border-bottom: 1px solid rgba(204, 204, 204, 1); border-bottom: 1px solid rgba(204, 204, 204, 1);
margin-bottom: 20px; margin-bottom: 20px;
} }
.news-title { .news-title {
text-decoration: none; text-decoration: none;
color: var(--color-text); color: var(--color-text);
} }
.news-time { .news-time {
font-size: 14px; font-size: 14px;
color: rgba(102, 102, 102, 1); color: rgba(102, 102, 102, 1);
} }
</style> </style>
</head> </head>
<body> <body>
<h1>altesq scrp</h1>
<p>Scraping a bunch of live pages from news outlets. Refreshes every two minutes.</p>
</body> </body>
</html> </html>