TheLovinator/feedvault.se
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update HTML

Browse source
This commit is contained in:
Joakim Hellsén 2024-01-30 05:37:14 +01:00
commit 6f544db209
8 changed files with 137 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

1
static/Feed.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 256 256" cursor="default"><defs><linearGradient x1=".085" y1=".085" x2=".915" y2=".915" id="prefix__a"><stop offset="0" stop-color="#E3702D"/><stop offset=".107" stop-color="#EA7D31"/><stop offset=".35" stop-color="#F69537"/><stop offset=".5" stop-color="#FB9E3A"/><stop offset=".702" stop-color="#EA7C31"/><stop offset=".887" stop-color="#DE642B"/><stop offset="1" stop-color="#D95B29"/></linearGradient></defs><rect width="256" height="256" rx="55" ry="55" fill="#CC5D15"/><rect width="246" height="246" rx="50" ry="50" x="5" y="5" fill="#F49C52"/><rect width="236" height="236" rx="47" ry="47" x="10" y="10" fill="url(#prefix__a)"/><circle cx="68" cy="189" r="24" fill="#FFF"/><path d="M160 213h-34a82 82 0 00-82-82V97a116 116 0 01116 116z" fill="#FFF"/><path d="M184 213A140 140 0 0044 73V38a175 175 0 01175 175z" fill="#FFF"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 916 B

21
static/style.css
View file

@ -1,25 +1,19 @@
html {
max-width: 70ch;
/* larger spacing on larger screens, very small spacing on tiny screens */
padding: calc(1vmin + 0.5rem);
/* shorthand for margin-left/margin-right */
margin-inline: auto;
/* fluid sizing: https://frontaid.io/blog/fluid-typography-2d-css-locks-clamp/ */
font-size: clamp(1em, 0.909em + 0.45vmin, 1.25em);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
Arial, sans-serif;
/* use dark mode if user prefers it */
color-scheme: light dark;
}
/* h1 */
h1 {
font-size: 2.5rem;
font-weight: 600;
margin: 0;
}
/* FeedVault logo */
.title {
text-align: center;
}
@ -27,21 +21,15 @@ h1 {
.search {
display: flex;
justify-content: center;
/* Spacing between search bar and nav bar */
margin-top: 1rem;
/* Center the search bar */
margin-inline: auto;
}
/* Links at the top and bottom of the page */
.leftright {
display: flex;
justify-content: center;
}
/* Align the links to the left and right */
.left {
margin-right: auto;
}
@ -50,9 +38,16 @@ h1 {
margin-left: auto;
}
/* Add feeds box */
textarea {
width: 100%;
height: 10rem;
resize: vertical;
}
.error {
color: red;
}
.messages {
list-style-type: none;
}