From a4d6686cfc562012cff7963bbd5253c7246b13cc Mon Sep 17 00:00:00 2001 From: AngelJumbo Date: Mon, 21 Nov 2022 19:34:33 -0500 Subject: [PATCH] Some improvements --- README.md | 7 +- genPage.sh | 33 ++++++--- index.html | 208 ++++++++++++++++++++++++----------------------------- style.css | 76 ++++++++++++++++++-- 4 files changed, 194 insertions(+), 130 deletions(-) diff --git a/README.md b/README.md index 8e0214c..f3d0bb1 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,8 @@ # Gruvbox Wallpapers A place where to find gruvbox theme wallpapers. [https://gruvbox-wallpapers.onrender.com/](https://gruvbox-wallpapers.onrender.com/ 'Gruvbox Wallpapers') -## Contrib -Just add the wallpapers that you have in their respective folder and run the genPage.sh script +## Contributions +- Just add the wallpapers that you have in their respective folder. +- Optionally you can run the genPage.sh script too. + +If your wallpaper does not fit in any of the folders we can debate the creation of a new one. diff --git a/genPage.sh b/genPage.sh index 27f5005..6cde0ac 100755 --- a/genPage.sh +++ b/genPage.sh @@ -12,23 +12,38 @@ echo " -

Wallpapers for gruvbox

-
-

Contrib here

" > ./index.html - +

Wallpapers for gruvbox

" > ./index.html +n=1 for i in ./wallpapers/* do subdir=$i - echo "

"${subdir##*/}"

" >> ./index.html + + + echo "> ./index.html + echo "id=s"$n">" >> ./index.html + echo "${subdir##*/}" | tr a-z A-Z >> ./index.html + echo "" >> ./index.html + + echo "
" >> ./index.html + for j in ${subdir}/* do echo " - $j - " >> ./index.html + $j" >> ./index.html done + + echo "
" >> ./index.html + + n=$((n+1)) + if [ "$n" -eq 8 ]; then + n=1 + fi done -echo " - +echo "

Contributions here.

+

This images are from random sites or contributions so I don't have a way to know who are their original artist.

+

I want to keep this site as simple as possible, but if you are the creator of any of these images and you want acknowledgment I will happily add a section with your name. Just open an issue here.

+

The same goes, if you want me to remove your art.

+ " >> ./index.html diff --git a/index.html b/index.html index 368d05d..eac9b48 100644 --- a/index.html +++ b/index.html @@ -9,173 +9,151 @@

Wallpapers for gruvbox

-
-

Contrib here

-

anime

+

+ANIME +

+
- ./wallpapers/anime/5m5kLI9.png - + ./wallpapers/anime/5m5kLI9.png - ./wallpapers/anime/ghibli-japanese-walled-garden.webp - -

irl

+ ./wallpapers/anime/ghibli-japanese-walled-garden.webp +
+

+IRL +

+ +

+LIGHT +

+
- ./wallpapers/light/8207838.png - + ./wallpapers/light/8207838.png - ./wallpapers/light/gruv-buildings.png - -

minimalistic

+ ./wallpapers/light/gruv-buildings.png +
+

+MINIMALISTIC +

+ +

+MIX +

+ +

+PIXELART +

+ +

Contributions here.

+

This images are from random sites or contributions so I don't have a way to know who are their original artist.

+

I want to keep this site as simple as possible, but if you are the creator of any of these images and you want acknowledgment I will happily add a section with your name. Just open an issue here.

+

The same goes, if you want me to remove your art.

- diff --git a/style.css b/style.css index 8025e8a..9fe568d 100644 --- a/style.css +++ b/style.css @@ -1,15 +1,83 @@ body { color: #ebdbb2; background-color: #282828; + padding-left: 10em; + padding-right: 10em; + font-family: "Curier New", monospace; } +h1 { + background-color: #ebdbb2; + color: #282828; + text-align: center; + text-decoration: none; +} + +h2 { + background-color: #ebdbb2; + color: #282828; + text-align: center; + text-decoration: none; +} + +#s1 { + background-color: #d65d0e; +} +#s2 { + background-color: #cc241d; +} +#s3 { + background-color: #98971a; +} +#s4 { + background-color: #d79921; +} +#s5 { + background-color: #458588; +} +#s6 { + background-color: #b16286; +} +#s7 { + background-color: #689d6a; +} + +/* #c1 { */ +/* background-color: #fe8019; */ +/* } */ +/* #c2 { */ +/* background-color: #fb4934; */ +/* } */ +/* #c3 { */ +/* background-color: #b8bb26; */ +/* } */ +/* #c4 { */ +/* background-color: #fabd2f; */ +/* } */ +/* #c5 { */ +/* background-color: #83a598; */ +/* } */ +/* #c6 { */ +/* background-color: #d3869b; */ +/* } */ +/* #c7 { */ +/* background-color: #8ec807; */ +/* } */ + +#c { + padding: 1em; + background-color: #665c54; +} img { transition: all .2s ease-in-out; - border: 2px solid #ebdbb2; - padding: 5px; + /* border: 2px solid #ebdbb2; */ + /* padding: 5px; */ } img:hover { - transform: scale(1.5); - /*box-shadow: 5px 4px 10px #8B0000;*/ + transform: scale(2.5); + border: none; + box-shadow: 5px 4px 10px #000000; + /* padding: none; */ + }