background added

This commit is contained in:
tcsenpai 2025-03-11 12:19:32 +01:00
parent 96a1882323
commit 3477478cfd
2 changed files with 110 additions and 66 deletions

View File

@ -63,6 +63,10 @@ Contributions to SpaceLLama are welcome! Please feel free to submit issues, feat
Licensed under the [Do What The Fuck You Want To Public License](LICENSE.md). Licensed under the [Do What The Fuck You Want To Public License](LICENSE.md).
See [LICENSE.md](LICENSE.md) for more details. See [LICENSE.md](LICENSE.md) for more details.
## Credits
- [Background Image](https://www.pexels.com/) - I could not find the right image; if you know the author, please let me know so I can give them the credits they deserve.
--- ---
SpaceLLama: Bringing the power of OLLAMA to your browser for effortless web page summarization. SpaceLLama: Bringing the power of OLLAMA to your browser for effortless web page summarization.

View File

@ -1,11 +1,48 @@
body { body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-image: url("https://static.pexels.com/photos/414171/pexels-photo-414171.jpeg");
background-size: cover;
-webkit-animation: slidein 100s;
animation: slidein 100s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
background-color: #f5f5f5; background-color: #f5f5f5;
color: #333; color: #333;
} }
@-webkit-keyframes slidein {
from {
background-position: top;
background-size: 3000px;
}
to {
background-position: -100px 0px;
background-size: 2750px;
}
}
@keyframes slidein {
from {
background-position: top;
background-size: 3000px;
}
to {
background-position: -100px 0px;
background-size: 2750px;
}
}
.container { .container {
max-width: 600px; max-width: 600px;
margin: 0 auto; margin: 0 auto;
@ -54,7 +91,9 @@ h1 {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
} }
#summary h1, #summary h2, #summary h3 { #summary h1,
#summary h2,
#summary h3 {
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
color: #2c3e50; color: #2c3e50;
@ -66,11 +105,11 @@ h1 {
line-height: 1.6; line-height: 1.6;
} }
#summary ul, #summary ol { #summary ul,
#summary ol {
padding-left: 20px; padding-left: 20px;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 10px; margin-top: 10px;
} }
#summary li { #summary li {
@ -81,7 +120,7 @@ h1 {
background-color: #f0f0f0; background-color: #f0f0f0;
padding: 2px 4px; padding: 2px 4px;
border-radius: 3px; border-radius: 3px;
font-family: 'Courier New', Courier, monospace; font-family: "Courier New", Courier, monospace;
} }
#summary pre { #summary pre {
@ -89,7 +128,7 @@ h1 {
padding: 10px; padding: 10px;
border-radius: 3px; border-radius: 3px;
overflow-x: auto; overflow-x: auto;
font-family: 'Courier New', Courier, monospace; font-family: "Courier New", Courier, monospace;
} }
#open-options { #open-options {
@ -119,7 +158,8 @@ textarea {
margin-bottom: 10px; margin-bottom: 10px;
} }
#summary, #system-prompt { #summary,
#system-prompt {
user-select: text; user-select: text;
-webkit-user-select: text; -webkit-user-select: text;
-moz-user-select: text; -moz-user-select: text;