Some improvements

This commit is contained in:
AngelJumbo
2022-11-21 19:34:33 -05:00
parent 8115134d4b
commit a4d6686cfc
4 changed files with 194 additions and 130 deletions
+5 -2
View File
@@ -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.
+24 -9
View File
@@ -12,23 +12,38 @@ echo "<!DOCTYPE html>
</head>
<body>
<h1>Wallpapers for gruvbox</h1>
<hr>
<p> Contrib <a href=\"https://github.com/AngelJumbo/gruvbox-wallpapers\">here</a> </p>" > ./index.html
<h1>Wallpapers for gruvbox</h1>" > ./index.html
n=1
for i in ./wallpapers/*
do
subdir=$i
echo "<h2>"${subdir##*/}"</h2>" >> ./index.html
echo "<h2" >> ./index.html
echo "id=s"$n">" >> ./index.html
echo "${subdir##*/}" | tr a-z A-Z >> ./index.html
echo "</h2>" >> ./index.html
echo "<div id=c>" >> ./index.html
for j in ${subdir}/*
do
echo " <a target=\"_blank\" href=\"$j\">
<img loading=\"lazy\" src=\"$j\" alt="$j" width=\"200\">
</a>" >> ./index.html
<img loading=\"lazy\" src=\"$j\" alt="$j" width=\"200\"></a>" >> ./index.html
done
echo "</div>" >> ./index.html
n=$((n+1))
if [ "$n" -eq 8 ]; then
n=1
fi
done
echo "</body>
echo "<p> Contributions <a href=\"https://github.com/AngelJumbo/gruvbox-wallpapers\">here</a>.</p>
<p> This images are from random sites or contributions so I don't have a way to know who are their original artist.</p>
<p> 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 <a href=\"https://github.com/AngelJumbo/gruvbox-wallpapers/issues\">here</a>.</p>
<p> The same goes, if you want me to remove your art.</p>
</body>
</html>" >> ./index.html
+93 -115
View File
@@ -9,173 +9,151 @@
<body>
<h1>Wallpapers for gruvbox</h1>
<hr>
<p> Contrib <a href="https://github.com/AngelJumbo/gruvbox-wallpapers">here</a> </p>
<h2>anime</h2>
<h2
id=s1>
ANIME
</h2>
<div id=c>
<a target="_blank" href="./wallpapers/anime/5m5kLI9.png">
<img loading="lazy" src="./wallpapers/anime/5m5kLI9.png" alt=./wallpapers/anime/5m5kLI9.png width="200">
</a>
<img loading="lazy" src="./wallpapers/anime/5m5kLI9.png" alt=./wallpapers/anime/5m5kLI9.png width="200"></a>
<a target="_blank" href="./wallpapers/anime/ghibli-japanese-walled-garden.webp">
<img loading="lazy" src="./wallpapers/anime/ghibli-japanese-walled-garden.webp" alt=./wallpapers/anime/ghibli-japanese-walled-garden.webp width="200">
</a>
<h2>irl</h2>
<img loading="lazy" src="./wallpapers/anime/ghibli-japanese-walled-garden.webp" alt=./wallpapers/anime/ghibli-japanese-walled-garden.webp width="200"></a>
</div>
<h2
id=s2>
IRL
</h2>
<div id=c>
<a target="_blank" href="./wallpapers/irl/Colors.png">
<img loading="lazy" src="./wallpapers/irl/Colors.png" alt=./wallpapers/irl/Colors.png width="200">
</a>
<img loading="lazy" src="./wallpapers/irl/Colors.png" alt=./wallpapers/irl/Colors.png width="200"></a>
<a target="_blank" href="./wallpapers/irl/berries.jpg">
<img loading="lazy" src="./wallpapers/irl/berries.jpg" alt=./wallpapers/irl/berries.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/irl/berries.jpg" alt=./wallpapers/irl/berries.jpg width="200"></a>
<a target="_blank" href="./wallpapers/irl/bulbs.jpg">
<img loading="lazy" src="./wallpapers/irl/bulbs.jpg" alt=./wallpapers/irl/bulbs.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/irl/bulbs.jpg" alt=./wallpapers/irl/bulbs.jpg width="200"></a>
<a target="_blank" href="./wallpapers/irl/cactus.png">
<img loading="lazy" src="./wallpapers/irl/cactus.png" alt=./wallpapers/irl/cactus.png width="200">
</a>
<img loading="lazy" src="./wallpapers/irl/cactus.png" alt=./wallpapers/irl/cactus.png width="200"></a>
<a target="_blank" href="./wallpapers/irl/camera.jpg">
<img loading="lazy" src="./wallpapers/irl/camera.jpg" alt=./wallpapers/irl/camera.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/irl/camera.jpg" alt=./wallpapers/irl/camera.jpg width="200"></a>
<a target="_blank" href="./wallpapers/irl/coffee-cup.jpg">
<img loading="lazy" src="./wallpapers/irl/coffee-cup.jpg" alt=./wallpapers/irl/coffee-cup.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/irl/coffee-cup.jpg" alt=./wallpapers/irl/coffee-cup.jpg width="200"></a>
<a target="_blank" href="./wallpapers/irl/coffee-green.jpg">
<img loading="lazy" src="./wallpapers/irl/coffee-green.jpg" alt=./wallpapers/irl/coffee-green.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/irl/coffee-green.jpg" alt=./wallpapers/irl/coffee-green.jpg width="200"></a>
<a target="_blank" href="./wallpapers/irl/ferns-green.jpg">
<img loading="lazy" src="./wallpapers/irl/ferns-green.jpg" alt=./wallpapers/irl/ferns-green.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/irl/ferns-green.jpg" alt=./wallpapers/irl/ferns-green.jpg width="200"></a>
<a target="_blank" href="./wallpapers/irl/flowers-2.jpg">
<img loading="lazy" src="./wallpapers/irl/flowers-2.jpg" alt=./wallpapers/irl/flowers-2.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/irl/flowers-2.jpg" alt=./wallpapers/irl/flowers-2.jpg width="200"></a>
<a target="_blank" href="./wallpapers/irl/flowers.jpg">
<img loading="lazy" src="./wallpapers/irl/flowers.jpg" alt=./wallpapers/irl/flowers.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/irl/flowers.jpg" alt=./wallpapers/irl/flowers.jpg width="200"></a>
<a target="_blank" href="./wallpapers/irl/leaves-wall.png">
<img loading="lazy" src="./wallpapers/irl/leaves-wall.png" alt=./wallpapers/irl/leaves-wall.png width="200">
</a>
<img loading="lazy" src="./wallpapers/irl/leaves-wall.png" alt=./wallpapers/irl/leaves-wall.png width="200"></a>
<a target="_blank" href="./wallpapers/irl/leaves.jpg">
<img loading="lazy" src="./wallpapers/irl/leaves.jpg" alt=./wallpapers/irl/leaves.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/irl/leaves.jpg" alt=./wallpapers/irl/leaves.jpg width="200"></a>
<a target="_blank" href="./wallpapers/irl/orthvrq3xgb91.jpg">
<img loading="lazy" src="./wallpapers/irl/orthvrq3xgb91.jpg" alt=./wallpapers/irl/orthvrq3xgb91.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/irl/orthvrq3xgb91.jpg" alt=./wallpapers/irl/orthvrq3xgb91.jpg width="200"></a>
<a target="_blank" href="./wallpapers/irl/staircase.jpg">
<img loading="lazy" src="./wallpapers/irl/staircase.jpg" alt=./wallpapers/irl/staircase.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/irl/staircase.jpg" alt=./wallpapers/irl/staircase.jpg width="200"></a>
<a target="_blank" href="./wallpapers/irl/stairs.jpg">
<img loading="lazy" src="./wallpapers/irl/stairs.jpg" alt=./wallpapers/irl/stairs.jpg width="200">
</a>
<h2>light</h2>
<img loading="lazy" src="./wallpapers/irl/stairs.jpg" alt=./wallpapers/irl/stairs.jpg width="200"></a>
</div>
<h2
id=s3>
LIGHT
</h2>
<div id=c>
<a target="_blank" href="./wallpapers/light/8207838.png">
<img loading="lazy" src="./wallpapers/light/8207838.png" alt=./wallpapers/light/8207838.png width="200">
</a>
<img loading="lazy" src="./wallpapers/light/8207838.png" alt=./wallpapers/light/8207838.png width="200"></a>
<a target="_blank" href="./wallpapers/light/gruv-buildings.png">
<img loading="lazy" src="./wallpapers/light/gruv-buildings.png" alt=./wallpapers/light/gruv-buildings.png width="200">
</a>
<h2>minimalistic</h2>
<img loading="lazy" src="./wallpapers/light/gruv-buildings.png" alt=./wallpapers/light/gruv-buildings.png width="200"></a>
</div>
<h2
id=s4>
MINIMALISTIC
</h2>
<div id=c>
<a target="_blank" href="./wallpapers/minimalistic/ALLqk82.png">
<img loading="lazy" src="./wallpapers/minimalistic/ALLqk82.png" alt=./wallpapers/minimalistic/ALLqk82.png width="200">
</a>
<img loading="lazy" src="./wallpapers/minimalistic/ALLqk82.png" alt=./wallpapers/minimalistic/ALLqk82.png width="200"></a>
<a target="_blank" href="./wallpapers/minimalistic/PJbX0MG.png">
<img loading="lazy" src="./wallpapers/minimalistic/PJbX0MG.png" alt=./wallpapers/minimalistic/PJbX0MG.png width="200">
</a>
<img loading="lazy" src="./wallpapers/minimalistic/PJbX0MG.png" alt=./wallpapers/minimalistic/PJbX0MG.png width="200"></a>
<a target="_blank" href="./wallpapers/minimalistic/firefox.png">
<img loading="lazy" src="./wallpapers/minimalistic/firefox.png" alt=./wallpapers/minimalistic/firefox.png width="200">
</a>
<img loading="lazy" src="./wallpapers/minimalistic/firefox.png" alt=./wallpapers/minimalistic/firefox.png width="200"></a>
<a target="_blank" href="./wallpapers/minimalistic/great-wave-of-kanagawa-gruvbox.png">
<img loading="lazy" src="./wallpapers/minimalistic/great-wave-of-kanagawa-gruvbox.png" alt=./wallpapers/minimalistic/great-wave-of-kanagawa-gruvbox.png width="200">
</a>
<img loading="lazy" src="./wallpapers/minimalistic/great-wave-of-kanagawa-gruvbox.png" alt=./wallpapers/minimalistic/great-wave-of-kanagawa-gruvbox.png width="200"></a>
<a target="_blank" href="./wallpapers/minimalistic/gruv.jpg">
<img loading="lazy" src="./wallpapers/minimalistic/gruv.jpg" alt=./wallpapers/minimalistic/gruv.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/minimalistic/gruv.jpg" alt=./wallpapers/minimalistic/gruv.jpg width="200"></a>
<a target="_blank" href="./wallpapers/minimalistic/gruvb_solarsys.png">
<img loading="lazy" src="./wallpapers/minimalistic/gruvb_solarsys.png" alt=./wallpapers/minimalistic/gruvb_solarsys.png width="200">
</a>
<img loading="lazy" src="./wallpapers/minimalistic/gruvb_solarsys.png" alt=./wallpapers/minimalistic/gruvb_solarsys.png width="200"></a>
<a target="_blank" href="./wallpapers/minimalistic/gruvbox_astro.jpg">
<img loading="lazy" src="./wallpapers/minimalistic/gruvbox_astro.jpg" alt=./wallpapers/minimalistic/gruvbox_astro.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/minimalistic/gruvbox_astro.jpg" alt=./wallpapers/minimalistic/gruvbox_astro.jpg width="200"></a>
<a target="_blank" href="./wallpapers/minimalistic/gruvbox_minimal_space.png">
<img loading="lazy" src="./wallpapers/minimalistic/gruvbox_minimal_space.png" alt=./wallpapers/minimalistic/gruvbox_minimal_space.png width="200">
</a>
<img loading="lazy" src="./wallpapers/minimalistic/gruvbox_minimal_space.png" alt=./wallpapers/minimalistic/gruvbox_minimal_space.png width="200"></a>
<a target="_blank" href="./wallpapers/minimalistic/gruvbox_spac.jpg">
<img loading="lazy" src="./wallpapers/minimalistic/gruvbox_spac.jpg" alt=./wallpapers/minimalistic/gruvbox_spac.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/minimalistic/gruvbox_spac.jpg" alt=./wallpapers/minimalistic/gruvbox_spac.jpg width="200"></a>
<a target="_blank" href="./wallpapers/minimalistic/haz-mat.png">
<img loading="lazy" src="./wallpapers/minimalistic/haz-mat.png" alt=./wallpapers/minimalistic/haz-mat.png width="200">
</a>
<img loading="lazy" src="./wallpapers/minimalistic/haz-mat.png" alt=./wallpapers/minimalistic/haz-mat.png width="200"></a>
<a target="_blank" href="./wallpapers/minimalistic/pacman-ghosts.jpg">
<img loading="lazy" src="./wallpapers/minimalistic/pacman-ghosts.jpg" alt=./wallpapers/minimalistic/pacman-ghosts.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/minimalistic/pacman-ghosts.jpg" alt=./wallpapers/minimalistic/pacman-ghosts.jpg width="200"></a>
<a target="_blank" href="./wallpapers/minimalistic/solar-system-minimal.png">
<img loading="lazy" src="./wallpapers/minimalistic/solar-system-minimal.png" alt=./wallpapers/minimalistic/solar-system-minimal.png width="200">
</a>
<img loading="lazy" src="./wallpapers/minimalistic/solar-system-minimal.png" alt=./wallpapers/minimalistic/solar-system-minimal.png width="200"></a>
<a target="_blank" href="./wallpapers/minimalistic/wp11058332.png">
<img loading="lazy" src="./wallpapers/minimalistic/wp11058332.png" alt=./wallpapers/minimalistic/wp11058332.png width="200">
</a>
<img loading="lazy" src="./wallpapers/minimalistic/wp11058332.png" alt=./wallpapers/minimalistic/wp11058332.png width="200"></a>
<a target="_blank" href="./wallpapers/minimalistic/wp11058333.png">
<img loading="lazy" src="./wallpapers/minimalistic/wp11058333.png" alt=./wallpapers/minimalistic/wp11058333.png width="200">
</a>
<h2>mix</h2>
<img loading="lazy" src="./wallpapers/minimalistic/wp11058333.png" alt=./wallpapers/minimalistic/wp11058333.png width="200"></a>
</div>
<h2
id=s5>
MIX
</h2>
<div id=c>
<a target="_blank" href="./wallpapers/mix/gruv-sushi-streets.jpg">
<img loading="lazy" src="./wallpapers/mix/gruv-sushi-streets.jpg" alt=./wallpapers/mix/gruv-sushi-streets.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/mix/gruv-sushi-streets.jpg" alt=./wallpapers/mix/gruv-sushi-streets.jpg width="200"></a>
<a target="_blank" href="./wallpapers/mix/gruvb99810.png">
<img loading="lazy" src="./wallpapers/mix/gruvb99810.png" alt=./wallpapers/mix/gruvb99810.png width="200">
</a>
<img loading="lazy" src="./wallpapers/mix/gruvb99810.png" alt=./wallpapers/mix/gruvb99810.png width="200"></a>
<a target="_blank" href="./wallpapers/mix/gruvbox15.png">
<img loading="lazy" src="./wallpapers/mix/gruvbox15.png" alt=./wallpapers/mix/gruvbox15.png width="200">
</a>
<img loading="lazy" src="./wallpapers/mix/gruvbox15.png" alt=./wallpapers/mix/gruvbox15.png width="200"></a>
<a target="_blank" href="./wallpapers/mix/houses.jpg">
<img loading="lazy" src="./wallpapers/mix/houses.jpg" alt=./wallpapers/mix/houses.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/mix/houses.jpg" alt=./wallpapers/mix/houses.jpg width="200"></a>
<a target="_blank" href="./wallpapers/mix/platform.jpg">
<img loading="lazy" src="./wallpapers/mix/platform.jpg" alt=./wallpapers/mix/platform.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/mix/platform.jpg" alt=./wallpapers/mix/platform.jpg width="200"></a>
<a target="_blank" href="./wallpapers/mix/solar-system.jpg">
<img loading="lazy" src="./wallpapers/mix/solar-system.jpg" alt=./wallpapers/mix/solar-system.jpg width="200">
</a>
<img loading="lazy" src="./wallpapers/mix/solar-system.jpg" alt=./wallpapers/mix/solar-system.jpg width="200"></a>
<a target="_blank" href="./wallpapers/mix/wallhaven-z85eoy.jpg">
<img loading="lazy" src="./wallpapers/mix/wallhaven-z85eoy.jpg" alt=./wallpapers/mix/wallhaven-z85eoy.jpg width="200">
</a>
<h2>pixelart</h2>
<img loading="lazy" src="./wallpapers/mix/wallhaven-z85eoy.jpg" alt=./wallpapers/mix/wallhaven-z85eoy.jpg width="200"></a>
</div>
<h2
id=s6>
PIXELART
</h2>
<div id=c>
<a target="_blank" href="./wallpapers/pixelart/gruvbox-pacman-full.png">
<img loading="lazy" src="./wallpapers/pixelart/gruvbox-pacman-full.png" alt=./wallpapers/pixelart/gruvbox-pacman-full.png width="200">
</a>
<img loading="lazy" src="./wallpapers/pixelart/gruvbox-pacman-full.png" alt=./wallpapers/pixelart/gruvbox-pacman-full.png width="200"></a>
<a target="_blank" href="./wallpapers/pixelart/gruvbox-pacman-ghosts.png">
<img loading="lazy" src="./wallpapers/pixelart/gruvbox-pacman-ghosts.png" alt=./wallpapers/pixelart/gruvbox-pacman-ghosts.png width="200">
</a>
<img loading="lazy" src="./wallpapers/pixelart/gruvbox-pacman-ghosts.png" alt=./wallpapers/pixelart/gruvbox-pacman-ghosts.png width="200"></a>
<a target="_blank" href="./wallpapers/pixelart/gruvbox_image11.png">
<img loading="lazy" src="./wallpapers/pixelart/gruvbox_image11.png" alt=./wallpapers/pixelart/gruvbox_image11.png width="200">
</a>
<img loading="lazy" src="./wallpapers/pixelart/gruvbox_image11.png" alt=./wallpapers/pixelart/gruvbox_image11.png width="200"></a>
<a target="_blank" href="./wallpapers/pixelart/gruvbox_image31.png">
<img loading="lazy" src="./wallpapers/pixelart/gruvbox_image31.png" alt=./wallpapers/pixelart/gruvbox_image31.png width="200">
</a>
<img loading="lazy" src="./wallpapers/pixelart/gruvbox_image31.png" alt=./wallpapers/pixelart/gruvbox_image31.png width="200"></a>
<a target="_blank" href="./wallpapers/pixelart/gruvbox_image40.png">
<img loading="lazy" src="./wallpapers/pixelart/gruvbox_image40.png" alt=./wallpapers/pixelart/gruvbox_image40.png width="200">
</a>
<img loading="lazy" src="./wallpapers/pixelart/gruvbox_image40.png" alt=./wallpapers/pixelart/gruvbox_image40.png width="200"></a>
<a target="_blank" href="./wallpapers/pixelart/gruvbox_image44.png">
<img loading="lazy" src="./wallpapers/pixelart/gruvbox_image44.png" alt=./wallpapers/pixelart/gruvbox_image44.png width="200">
</a>
<img loading="lazy" src="./wallpapers/pixelart/gruvbox_image44.png" alt=./wallpapers/pixelart/gruvbox_image44.png width="200"></a>
<a target="_blank" href="./wallpapers/pixelart/gruvbox_image46.png">
<img loading="lazy" src="./wallpapers/pixelart/gruvbox_image46.png" alt=./wallpapers/pixelart/gruvbox_image46.png width="200">
</a>
<img loading="lazy" src="./wallpapers/pixelart/gruvbox_image46.png" alt=./wallpapers/pixelart/gruvbox_image46.png width="200"></a>
<a target="_blank" href="./wallpapers/pixelart/gruvbox_image55.png">
<img loading="lazy" src="./wallpapers/pixelart/gruvbox_image55.png" alt=./wallpapers/pixelart/gruvbox_image55.png width="200">
</a>
<img loading="lazy" src="./wallpapers/pixelart/gruvbox_image55.png" alt=./wallpapers/pixelart/gruvbox_image55.png width="200"></a>
<a target="_blank" href="./wallpapers/pixelart/image16.png">
<img loading="lazy" src="./wallpapers/pixelart/image16.png" alt=./wallpapers/pixelart/image16.png width="200">
</a>
<img loading="lazy" src="./wallpapers/pixelart/image16.png" alt=./wallpapers/pixelart/image16.png width="200"></a>
<a target="_blank" href="./wallpapers/pixelart/image21.png">
<img loading="lazy" src="./wallpapers/pixelart/image21.png" alt=./wallpapers/pixelart/image21.png width="200">
</a>
<img loading="lazy" src="./wallpapers/pixelart/image21.png" alt=./wallpapers/pixelart/image21.png width="200"></a>
<a target="_blank" href="./wallpapers/pixelart/secluded-grove-pixel.webp">
<img loading="lazy" src="./wallpapers/pixelart/secluded-grove-pixel.webp" alt=./wallpapers/pixelart/secluded-grove-pixel.webp width="200">
</a>
<img loading="lazy" src="./wallpapers/pixelart/secluded-grove-pixel.webp" alt=./wallpapers/pixelart/secluded-grove-pixel.webp width="200"></a>
<a target="_blank" href="./wallpapers/pixelart/wall_secondary.png">
<img loading="lazy" src="./wallpapers/pixelart/wall_secondary.png" alt=./wallpapers/pixelart/wall_secondary.png width="200">
</a>
<img loading="lazy" src="./wallpapers/pixelart/wall_secondary.png" alt=./wallpapers/pixelart/wall_secondary.png width="200"></a>
<a target="_blank" href="./wallpapers/pixelart/wallpaper.png">
<img loading="lazy" src="./wallpapers/pixelart/wallpaper.png" alt=./wallpapers/pixelart/wallpaper.png width="200">
</a>
<img loading="lazy" src="./wallpapers/pixelart/wallpaper.png" alt=./wallpapers/pixelart/wallpaper.png width="200"></a>
</div>
<p> Contributions <a href="https://github.com/AngelJumbo/gruvbox-wallpapers">here</a>.</p>
<p> This images are from random sites or contributions so I don't have a way to know who are their original artist.</p>
<p> 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 <a href="https://github.com/AngelJumbo/gruvbox-wallpapers/issues">here</a>.</p>
<p> The same goes, if you want me to remove your art.</p>
</body>
</html>
+72 -4
View File
@@ -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; */
}