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 +

+
- ./wallpapers/irl/Colors.png - + ./wallpapers/irl/Colors.png - ./wallpapers/irl/berries.jpg - + ./wallpapers/irl/berries.jpg - ./wallpapers/irl/bulbs.jpg - + ./wallpapers/irl/bulbs.jpg - ./wallpapers/irl/cactus.png - + ./wallpapers/irl/cactus.png - ./wallpapers/irl/camera.jpg - + ./wallpapers/irl/camera.jpg - ./wallpapers/irl/coffee-cup.jpg - + ./wallpapers/irl/coffee-cup.jpg - ./wallpapers/irl/coffee-green.jpg - + ./wallpapers/irl/coffee-green.jpg - ./wallpapers/irl/ferns-green.jpg - + ./wallpapers/irl/ferns-green.jpg - ./wallpapers/irl/flowers-2.jpg - + ./wallpapers/irl/flowers-2.jpg - ./wallpapers/irl/flowers.jpg - + ./wallpapers/irl/flowers.jpg - ./wallpapers/irl/leaves-wall.png - + ./wallpapers/irl/leaves-wall.png - ./wallpapers/irl/leaves.jpg - + ./wallpapers/irl/leaves.jpg - ./wallpapers/irl/orthvrq3xgb91.jpg - + ./wallpapers/irl/orthvrq3xgb91.jpg - ./wallpapers/irl/staircase.jpg - + ./wallpapers/irl/staircase.jpg - ./wallpapers/irl/stairs.jpg - -

light

+ ./wallpapers/irl/stairs.jpg +
+

+LIGHT +

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

minimalistic

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

+MINIMALISTIC +

+
- ./wallpapers/minimalistic/ALLqk82.png - + ./wallpapers/minimalistic/ALLqk82.png - ./wallpapers/minimalistic/PJbX0MG.png - + ./wallpapers/minimalistic/PJbX0MG.png - ./wallpapers/minimalistic/firefox.png - + ./wallpapers/minimalistic/firefox.png - ./wallpapers/minimalistic/great-wave-of-kanagawa-gruvbox.png - + ./wallpapers/minimalistic/great-wave-of-kanagawa-gruvbox.png - ./wallpapers/minimalistic/gruv.jpg - + ./wallpapers/minimalistic/gruv.jpg - ./wallpapers/minimalistic/gruvb_solarsys.png - + ./wallpapers/minimalistic/gruvb_solarsys.png - ./wallpapers/minimalistic/gruvbox_astro.jpg - + ./wallpapers/minimalistic/gruvbox_astro.jpg - ./wallpapers/minimalistic/gruvbox_minimal_space.png - + ./wallpapers/minimalistic/gruvbox_minimal_space.png - ./wallpapers/minimalistic/gruvbox_spac.jpg - + ./wallpapers/minimalistic/gruvbox_spac.jpg - ./wallpapers/minimalistic/haz-mat.png - + ./wallpapers/minimalistic/haz-mat.png - ./wallpapers/minimalistic/pacman-ghosts.jpg - + ./wallpapers/minimalistic/pacman-ghosts.jpg - ./wallpapers/minimalistic/solar-system-minimal.png - + ./wallpapers/minimalistic/solar-system-minimal.png - ./wallpapers/minimalistic/wp11058332.png - + ./wallpapers/minimalistic/wp11058332.png - ./wallpapers/minimalistic/wp11058333.png - -

mix

+ ./wallpapers/minimalistic/wp11058333.png +
+

+MIX +

+
- ./wallpapers/mix/gruv-sushi-streets.jpg - + ./wallpapers/mix/gruv-sushi-streets.jpg - ./wallpapers/mix/gruvb99810.png - + ./wallpapers/mix/gruvb99810.png - ./wallpapers/mix/gruvbox15.png - + ./wallpapers/mix/gruvbox15.png - ./wallpapers/mix/houses.jpg - + ./wallpapers/mix/houses.jpg - ./wallpapers/mix/platform.jpg - + ./wallpapers/mix/platform.jpg - ./wallpapers/mix/solar-system.jpg - + ./wallpapers/mix/solar-system.jpg - ./wallpapers/mix/wallhaven-z85eoy.jpg - -

pixelart

+ ./wallpapers/mix/wallhaven-z85eoy.jpg +
+

+PIXELART +

+
- ./wallpapers/pixelart/gruvbox-pacman-full.png - + ./wallpapers/pixelart/gruvbox-pacman-full.png - ./wallpapers/pixelart/gruvbox-pacman-ghosts.png - + ./wallpapers/pixelart/gruvbox-pacman-ghosts.png - ./wallpapers/pixelart/gruvbox_image11.png - + ./wallpapers/pixelart/gruvbox_image11.png - ./wallpapers/pixelart/gruvbox_image31.png - + ./wallpapers/pixelart/gruvbox_image31.png - ./wallpapers/pixelart/gruvbox_image40.png - + ./wallpapers/pixelart/gruvbox_image40.png - ./wallpapers/pixelart/gruvbox_image44.png - + ./wallpapers/pixelart/gruvbox_image44.png - ./wallpapers/pixelart/gruvbox_image46.png - + ./wallpapers/pixelart/gruvbox_image46.png - ./wallpapers/pixelart/gruvbox_image55.png - + ./wallpapers/pixelart/gruvbox_image55.png - ./wallpapers/pixelart/image16.png - + ./wallpapers/pixelart/image16.png - ./wallpapers/pixelart/image21.png - + ./wallpapers/pixelart/image21.png - ./wallpapers/pixelart/secluded-grove-pixel.webp - + ./wallpapers/pixelart/secluded-grove-pixel.webp - ./wallpapers/pixelart/wall_secondary.png - + ./wallpapers/pixelart/wall_secondary.png - ./wallpapers/pixelart/wallpaper.png - + ./wallpapers/pixelart/wallpaper.png +
+

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; */ + }