mirror of
https://github.com/tcsenpai/spacellama.git
synced 2025-06-08 20:25:47 +00:00
background added
This commit is contained in:
parent
96a1882323
commit
3477478cfd
@ -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.
|
||||||
|
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user