feat: Website for previewing images (#13)
This commit is contained in:
Jonah Lawrence
GitHub
parent
f8670f5c58
commit
67c727a533
|
|
@ -0,0 +1 @@
|
||||||
|
.vscode
|
||||||
205
README.md
205
README.md
|
|
@ -6,185 +6,26 @@ This is my collection of minimalistic, flat art, and colorful, digital nature wa
|
||||||
|
|
||||||
## Wallpapers
|
## Wallpapers
|
||||||
|
|
||||||
<p align="center">
|
To view a gallery of all 80+ wallpapers, [click here](https://minimalistic-wallpaper.herokuapp.com/)!
|
||||||
<a href="images/Ishos-futuristic-city-sunset.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2FIshos-futuristic-city-sunset.jpg" title="Ishos-futuristic-city-sunset.jpg"></a>
|
[](https://minimalistic-wallpaper.herokuapp.com/)
|
||||||
<a href="images/rmradev-moon-sunset-landscape.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Frmradev-moon-sunset-landscape.png" title="rmradev-moon-sunset-landscape.png"></a>
|
## API
|
||||||
<a href="images/rmradev-mountain-retreat.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Frmradev-mountain-retreat.jpg" title="rmradev-mountain-retreat.jpg"></a>
|
The website also includes a random wallpaper API, so you can request random wallpapers from the collection using a web request.
|
||||||
<a href="images/arcipello-scorched-earth.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Farcipello-scorched-earth.jpg" title="arcipello-scorched-earth.jpg"></a>
|
To use the API, simply make a request to:
|
||||||
<a href="images/arcipello-what-once-was.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Farcipello-what-once-was.jpg" title="arcipello-what-once-was.jpg"></a>
|
```md
|
||||||
<a href="images/gamesdas-fantasy-collection-1.jpg">
|
https://minimalistic-wallpaper.herokuapp.com/?random
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fgamesdas-fantasy-collection-1.jpg" title="gamesdas-fantasy-collection-1.jpg"></a>
|
```
|
||||||
<a href="images/gamesdas-fantasy-collection-2.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fgamesdas-fantasy-collection-2.jpg" title="gamesdas-fantasy-collection-2.jpg"></a>
|
To get multiple random images at once, it is recommended to change the URL slightly to avoid caching. For example,
|
||||||
<a href="images/gamesdas-fantasy-collection-3.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fgamesdas-fantasy-collection-3.jpg" title="gamesdas-fantasy-collection-3.jpg"></a>
|
```md
|
||||||
<a href="images/gamesdas-fantasy-collection-4.jpg">
|
https://minimalistic-wallpaper.herokuapp.com/?random=1
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fgamesdas-fantasy-collection-4.jpg" title="gamesdas-fantasy-collection-4.jpg"></a>
|
https://minimalistic-wallpaper.herokuapp.com/?random=2
|
||||||
<a href="images/gamesdas-fantasy-collection-5.jpg">
|
https://minimalistic-wallpaper.herokuapp.com/?random=3
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fgamesdas-fantasy-collection-5.jpg" title="gamesdas-fantasy-collection-5.jpg"></a>
|
```
|
||||||
<a href="images/giuliolaura-firewatch-dark.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fgiuliolaura-firewatch-dark.jpg" title="giuliolaura-firewatch-dark.jpg"></a>
|
This API can be used for setting daily wallpapers on a mobile device by combining it with an app such as IFTTT.
|
||||||
<a href="images/jaynit-samurai-bridge.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fjaynit-samurai-bridge.jpg" title="jaynit-samurai-bridge.jpg"></a>
|
|
||||||
<a href="images/lofi-coffee.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Flofi-coffee.jpg" title="lofi-coffee.jpg"></a>
|
|
||||||
<a href="images/mklgustafsson-among-trees-deer.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fmklgustafsson-among-trees-deer.jpg" title="mklgustafsson-among-trees-deer.jpg"></a>
|
|
||||||
<a href="images/mklgustafsson-among-trees-forest.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fmklgustafsson-among-trees-forest.png" title="mklgustafsson-among-trees-forest.png"></a>
|
|
||||||
<a href="images/mklgustafsson-among-trees-fox.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fmklgustafsson-among-trees-fox.jpg" title="mklgustafsson-among-trees-fox.jpg"></a>
|
|
||||||
<a href="images/mklgustafsson-among-trees-river-side.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fmklgustafsson-among-trees-river-side.jpg" title="mklgustafsson-among-trees-river-side.jpg"></a>
|
|
||||||
<a href="images/mklgustafsson-small-memory.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fmklgustafsson-small-memory.png" title="mklgustafsson-small-memory.png"></a>
|
|
||||||
<a href="images/olli-moss-firewatch-green.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Folli-moss-firewatch-green.png" title="olli-moss-firewatch-green.png"></a>
|
|
||||||
<a href="images/olli-moss-firewatch-night.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Folli-moss-firewatch-night.jpg" title="olli-moss-firewatch-night.jpg"></a>
|
|
||||||
<a href="images/olli-moss-firewatch-purple.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Folli-moss-firewatch-purple.jpg" title="olli-moss-firewatch-purple.jpg"></a>
|
|
||||||
<a href="images/olli-moss-firewatch-red.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Folli-moss-firewatch-red.jpg" title="olli-moss-firewatch-red.jpg"></a>
|
|
||||||
<a href="images/olli-moss-firewatch-stag.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Folli-moss-firewatch-stag.jpg" title="olli-moss-firewatch-stag.jpg"></a>
|
|
||||||
<a href="images/olli-moss-firewatch-yellow.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Folli-moss-firewatch-yellow.jpg" title="olli-moss-firewatch-yellow.jpg"></a>
|
|
||||||
<a href="images/quanghung28-strange-horizon.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fquanghung28-strange-horizon.jpg" title="quanghung28-strange-horizon.jpg"></a>
|
|
||||||
<a href="images/sebgrae-futuristic-skyscrapers.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fsebgrae-futuristic-skyscrapers.jpg" title="sebgrae-futuristic-skyscrapers.jpg"></a>
|
|
||||||
<a href="images/skavrx-mountain.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fskavrx-mountain.png" title="skavrx-mountain.png"></a>
|
|
||||||
<a href="images/thomasshifflett31-beautiful-city-sunset.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fthomasshifflett31-beautiful-city-sunset.jpg" title="thomasshifflett31-beautiful-city-sunset.jpg"></a>
|
|
||||||
<a href="images/dropside-ultrawide-gradient-landscape.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fdropside-ultrawide-gradient-landscape.png" title="dropside-ultrawide-gradient-landscape.png"></a>
|
|
||||||
<a href="images/Electronic_Sample_96-calm-night.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2FElectronic_Sample_96-calm-night.png" title="Electronic_Sample_96-calm-night.png"></a>
|
|
||||||
<a href="images/muriLLu-Anime-Scenery-Sunset.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2FmuriLLu-Anime-Scenery-Sunset.jpg" title="muriLLu-Anime-Scenery-Sunset.jpg"></a>
|
|
||||||
<a href="images/muriLLu-Japan-Neo-Wallpaper.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2FmuriLLu-Japan-Neo-Wallpaper.png" title="muriLLu-Japan-Neo-Wallpaper.png"></a>
|
|
||||||
<a href="images/by-kvacm-gorod-zakat-liudi-siluty-budushchee.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fby-kvacm-gorod-zakat-liudi-siluty-budushchee.jpg" title="by-kvacm-gorod-zakat-liudi-siluty-budushchee.jpg"></a>
|
|
||||||
<a href="images/wp5102649-neon-retro-city-ps4-wallpapers.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwp5102649-neon-retro-city-ps4-wallpapers.png" title="wp5102649-neon-retro-city-ps4-wallpapers.png"></a>
|
|
||||||
<a href="images/wp5940546-retro-sun-wallpapers.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwp5940546-retro-sun-wallpapers.jpg" title="wp5940546-retro-sun-wallpapers.jpg"></a>
|
|
||||||
<a href="images/wp5998347-retro-4k-wallpapers.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwp5998347-retro-4k-wallpapers.jpg" title="wp5998347-retro-4k-wallpapers.jpg"></a>
|
|
||||||
<a href="images/wp6504516-monument-valley-sunset-ultra-hd-wallpapers.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwp6504516-monument-valley-sunset-ultra-hd-wallpapers.jpg" title="wp6504516-monument-valley-sunset-ultra-hd-wallpapers.jpg"></a>
|
|
||||||
<a href="images/wp6678290-retro-city-sunset-wallpapers.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwp6678290-retro-city-sunset-wallpapers.jpg" title="wp6678290-retro-city-sunset-wallpapers.jpg"></a>
|
|
||||||
<a href="images/wp7944007-minimalist-pink-aesthetic-pc-wallpapers.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwp7944007-minimalist-pink-aesthetic-pc-wallpapers.jpg" title="wp7944007-minimalist-pink-aesthetic-pc-wallpapers.jpg"></a>
|
|
||||||
<a href="images/wp8860672-minimalist-wolf-wallpapers.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwp8860672-minimalist-wolf-wallpapers.jpg" title="wp8860672-minimalist-wolf-wallpapers.jpg"></a>
|
|
||||||
<a href="images/alena-aenami-away.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Falena-aenami-away.jpg" title="alena-aenami-away.jpg"></a>
|
|
||||||
<a href="images/alena-aenami-dawn.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Falena-aenami-dawn.jpg" title="alena-aenami-dawn.jpg"></a>
|
|
||||||
<a href="images/alena-aenami-lights.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Falena-aenami-lights.jpg" title="alena-aenami-lights.jpg"></a>
|
|
||||||
<a href="images/alena-aenami-lost-in-between.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Falena-aenami-lost-in-between.jpg" title="alena-aenami-lost-in-between.jpg"></a>
|
|
||||||
<a href="images/alena-aenami-sunrise.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Falena-aenami-sunrise.jpg" title="alena-aenami-sunrise.jpg"></a>
|
|
||||||
<a href="images/wallpapersden.com_lone-samurai.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwallpapersden.com_lone-samurai.jpg" title="wallpapersden.com_lone-samurai.jpg"></a>
|
|
||||||
<a href="images/romain-trystram-Neon-Alleyway.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fromain-trystram-Neon-Alleyway.jpg" title="romain-trystram-Neon-Alleyway.jpg"></a>
|
|
||||||
<a href="images/alena-aenami-far-from-tomorrow.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Falena-aenami-far-from-tomorrow.jpg" title="alena-aenami-far-from-tomorrow.jpg"></a>
|
|
||||||
<a href="images/Electronic_Sample_96-Into-the-Woods.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2FElectronic_Sample_96-Into-the-Woods.png" title="Electronic_Sample_96-Into-the-Woods.png"></a>
|
|
||||||
<a href="images/unknown-minimalist-desert-landscape.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Funknown-minimalist-desert-landscape.jpg" title="unknown-minimalist-desert-landscape.jpg"></a>
|
|
||||||
<a href="images/wallpapersden.com_cool-red-mountains-4k.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwallpapersden.com_cool-red-mountains-4k.jpg" title="wallpapersden.com_cool-red-mountains-4k.jpg"></a>
|
|
||||||
<a href="images/wallpapersden.com_eagle-mountain-sunset-minimalist.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwallpapersden.com_eagle-mountain-sunset-minimalist.jpg" title="wallpapersden.com_eagle-mountain-sunset-minimalist.jpg"></a>
|
|
||||||
<a href="images/wallpapersden.com_landscape-moon-digital-evening.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwallpapersden.com_landscape-moon-digital-evening.jpg" title="wallpapersden.com_landscape-moon-digital-evening.jpg"></a>
|
|
||||||
<a href="images/wallpapersden.com_minimal-reflection-sunset.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwallpapersden.com_minimal-reflection-sunset.jpg" title="wallpapersden.com_minimal-reflection-sunset.jpg"></a>
|
|
||||||
<a href="images/wallpapersden.com_nature-sunset-simple-minimal-illustration.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwallpapersden.com_nature-sunset-simple-minimal-illustration.jpg" title="wallpapersden.com_nature-sunset-simple-minimal-illustration.jpg"></a>
|
|
||||||
<a href="images/wallpapersden.com_my-winter-4k.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwallpapersden.com_my-winter-4k.jpg" title="wallpapersden.com_my-winter-4k.jpg"></a>
|
|
||||||
<a href="images/wallpapersden.com_owl-forest-at-night-art.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwallpapersden.com_owl-forest-at-night-art.jpg" title="wallpapersden.com_owl-forest-at-night-art.jpg"></a>
|
|
||||||
<a href="images/wallpapersden.com_pyramid-minimal-landscape.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fwallpapersden.com_pyramid-minimal-landscape.jpg" title="wallpapersden.com_pyramid-minimal-landscape.jpg"></a>
|
|
||||||
<a href="images/kvacm-amythest-kingdom.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fkvacm-amythest-kingdom.jpg" title="kvacm-amythest-kingdom.jpg"></a>
|
|
||||||
<a href="images/kvacm-early-evening.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fkvacm-early-evening.jpg" title="kvacm-early-evening.jpg"></a>
|
|
||||||
<a href="images/kvacm-misty-mountains.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fkvacm-misty-mountains.jpg" title="kvacm-misty-mountains.jpg"></a>
|
|
||||||
<a href="images/kvacm-night-patrol.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fkvacm-night-patrol.jpg" title="kvacm-night-patrol.jpg"></a>
|
|
||||||
<a href="images/kvacm-pinky-purple.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fkvacm-pinky-purple.jpg" title="kvacm-pinky-purple.jpg"></a>
|
|
||||||
<a href="images/kvacm-sunlight.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fkvacm-sunlight.png" title="kvacm-sunlight.png"></a>
|
|
||||||
<a href="images/kvacm-synth-waterfall.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fkvacm-synth-waterfall.png" title="kvacm-synth-waterfall.png"></a>
|
|
||||||
<a href="images/kvacm-torii-city.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fkvacm-torii-city.jpg" title="kvacm-torii-city.jpg"></a>
|
|
||||||
<a href="images/unknown-anime-sunset.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Funknown-anime-sunset.jpg" title="unknown-anime-sunset.jpg"></a>
|
|
||||||
<a href="images/unknown-oriental-fantasy.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Funknown-oriental-fantasy.jpg" title="unknown-oriental-fantasy.jpg"></a>
|
|
||||||
<a href="images/byrotek-mountain-view.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fbyrotek-mountain-view.png" title="byrotek-mountain-view.png"></a>
|
|
||||||
<a href="images/rmradev-alien-moon.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Frmradev-alien-moon.jpg" title="rmradev-alien-moon.jpg"></a>
|
|
||||||
<a href="images/rmradev-colorful-landscape.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Frmradev-colorful-landscape.png" title="rmradev-colorful-landscape.png"></a>
|
|
||||||
<a href="images/rmradev-evening-forest.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Frmradev-evening-forest.png" title="rmradev-evening-forest.png"></a>
|
|
||||||
<a href="images/rmradev-mountains.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Frmradev-mountains.png" title="rmradev-mountains.png"></a>
|
|
||||||
<a href="images/rmradev-peaceful-lake.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Frmradev-peaceful-lake.png" title="rmradev-peaceful-lake.png"></a>
|
|
||||||
<a href="images/rmradev-sunset-landscape.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Frmradev-sunset-landscape.jpg" title="rmradev-sunset-landscape.jpg"></a>
|
|
||||||
<a href="images/rmradev-tranquility.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Frmradev-tranquility.png" title="rmradev-tranquility.png"></a>
|
|
||||||
<a href="images/rmradev-vampire-castle.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Frmradev-vampire-castle.jpg" title="rmradev-vampire-castle.jpg"></a>
|
|
||||||
<a href="images/unknown-forest-wallpaper.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Funknown-forest-wallpaper.jpg" title="unknown-forest-wallpaper.jpg"></a>
|
|
||||||
<a href="images/unknown-minimalist-japan.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Funknown-minimalist-japan.jpg" title="unknown-minimalist-japan.jpg"></a>
|
|
||||||
<a href="images/gavrl-snowy-forest.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fgavrl-snowy-forest.jpg" title="gavrl-snowy-forest.jpg"></a>
|
|
||||||
<a href="images/gavryl-broken-structures.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fgavryl-broken-structures.jpg" title="gavryl-broken-structures.jpg"></a>
|
|
||||||
<a href="images/gavryl-by-your-side.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fgavryl-by-your-side.jpg" title="gavryl-by-your-side.jpg"></a>
|
|
||||||
<a href="images/gavryl-cozy-night.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fgavryl-cozy-night.jpg" title="gavryl-cozy-night.jpg"></a>
|
|
||||||
<a href="images/Intelligent_Steak297-minimalistic-sunset.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2FIntelligent_Steak297-minimalistic-sunset.jpg" title="Intelligent_Steak297-minimalistic-sunset.jpg"></a>
|
|
||||||
<a href="images/mark-kirkpatrick-mk-landscape-05.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fmark-kirkpatrick-mk-landscape-05.jpg" title="mark-kirkpatrick-mk-landscape-05.jpg"></a>
|
|
||||||
<a href="images/among-trees-campsite.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Famong-trees-campsite.jpg" title="among-trees-campsite.jpg"></a>
|
|
||||||
<a href="images/sandace11-dusk.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fsandace11-dusk.jpg" title="sandace11-dusk.jpg"></a>
|
|
||||||
<a href="images/mrwhoseboss-alone-but-awesome.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fmrwhoseboss-alone-but-awesome.jpg" title="mrwhoseboss-alone-but-awesome.jpg"></a>
|
|
||||||
<a href="images/kuldarleement-reindeer.jpg">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fkuldarleement-reindeer.jpg" title="kuldarleement-reindeer.jpg"></a>
|
|
||||||
<a href="images/ryky-sky-wave.png">
|
|
||||||
<img src="https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/https%3A%2F%2Fgithub.com%2FDenverCoder1%2FMinimalistic-Wallpaper-Collection%2Fraw%2Fmain%2Fimages%2Fryky-sky-wave.png" title="ryky-sky-wave.png"></a>
|
|
||||||
</p>
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,194 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
// get base url of the site
|
||||||
|
$base_url = rtrim("https://{$_SERVER['HTTP_HOST']}{$_SERVER['REQUEST_URI']}", '/') . "/";
|
||||||
|
|
||||||
|
// use GitHub raw URL if the server is localhost since imgproxy won't find local files
|
||||||
|
if ($_SERVER['SERVER_NAME'] == 'localhost') {
|
||||||
|
$base_url = "https://raw.githubusercontent.com/DenverCoder1/Minimalistic-Wallpaper-Collection/main/";
|
||||||
|
}
|
||||||
|
|
||||||
|
// directory where the images are stored
|
||||||
|
$img_dir = "images/";
|
||||||
|
|
||||||
|
// prefix for generating 175x105 thumbnails
|
||||||
|
$imgproxy_prefix = "https://dc1imgproxy.herokuapp.com/x/fill/175/105/sm/0/plain/" . urlencode($base_url . $img_dir);
|
||||||
|
|
||||||
|
// get a list of all the files in the images directory
|
||||||
|
$images = glob($img_dir . "*", GLOB_BRACE);
|
||||||
|
|
||||||
|
// if the random query string parameter is set, pick a random image
|
||||||
|
if (isset($_GET['random'])) {
|
||||||
|
// get the image url
|
||||||
|
$random_image_path = $images[array_rand($images)];
|
||||||
|
|
||||||
|
// set content type
|
||||||
|
if (preg_match("/\.(jpg|jpeg)$/", $random_image_path)) {
|
||||||
|
header('Content-Type: image/jpeg');
|
||||||
|
} else if (preg_match("/\.(png)$/", $random_image_path)) {
|
||||||
|
header('Content-Type: image/png');
|
||||||
|
} else if (preg_match("/\.(gif)$/", $random_image_path)) {
|
||||||
|
header('Content-Type: image/gif');
|
||||||
|
}
|
||||||
|
|
||||||
|
// return the contents of the image at the url
|
||||||
|
exit(file_get_contents($random_image_path));
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Minimalistic Wallpaper Collection</title>
|
||||||
|
<!-- Google Fonts -->
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
|
||||||
|
<!-- glightbox -->
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css" />
|
||||||
|
<script src="https://cdn.jsdelivr.net/gh/mcstudios/glightbox/dist/js/glightbox.min.js"></script>
|
||||||
|
<!-- Custom CSS -->
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
background: #1d1d1d;
|
||||||
|
color: #fff;
|
||||||
|
font-family: 'Poppins', 'Open Sans', Arial, Helvetica, sans-serif;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: rgb(90 90 90);
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
margin-top: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
margin-top: 2em;
|
||||||
|
color: #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icons {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
gap: 2em;
|
||||||
|
margin-top: 2em;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icons svg:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
filter: drop-shadow(0px 0px 2px rgb(255 255 255 / 0.4))
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||||
|
grid-gap: 1em;
|
||||||
|
width: 95vw;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery img {
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 8px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-height: 140px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||||
|
transition: 0.1s ease-in-out;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery img:hover {
|
||||||
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery img:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 0px;
|
||||||
|
height: 100%;
|
||||||
|
width: calc(100% - 8px);
|
||||||
|
background-color: rgb(29 29 29);
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery img:after {
|
||||||
|
content: "🖻";
|
||||||
|
display: block;
|
||||||
|
font-size: 40px;
|
||||||
|
color: rgb(90 90 90);
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 38px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h1 class="title">Minimalistic Wallpaper Collection</h1>
|
||||||
|
|
||||||
|
<div class="icons">
|
||||||
|
<!-- GitHub -->
|
||||||
|
<a href="https://github.com/DenverCoder1/Minimalistic-Wallpaper-Collection" target="_blank" title="GitHub">
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="2em" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
<!-- Sponsor -->
|
||||||
|
<a href="https://github.com/sponsors/DenverCoder1" target="_blank" title="Sponsor">
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="2em" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"></path>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
<!-- Gallery -->
|
||||||
|
<a href="javascript:document.querySelector('.gallery img').click()" title="Gallery">
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="2em" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M7 19h10V4H7v15zm-5-2h4V6H2v11zM18 6v11h4V6h-4z"></path>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
<!-- Random Image -->
|
||||||
|
<a href="/?random" target="_blank" title="Random Image">
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="2em" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M386.688 487.75l-119.236-55.423c-7.898-3.673-11.334-13.065-7.66-20.976l84.374-181.523c3.667-7.904 13.07-11.334 20.963-7.667l119.24 55.434c7.9 3.673 11.33 13.065 7.656 20.964l-84.37 181.524c-3.678 7.904-13.076 11.334-20.968 7.667zM98.95 467.945L19.79 284.09c-3.448-8.007.255-17.302 8.25-20.744l39.196-16.872 48.975 184.044c4.694 17.588 22.755 28.078 40.36 23.39l39.032-10.386-75.907 32.686c-8.007 3.443-17.296-.255-20.744-8.262zm33.89-41.86L81.362 232.638c-2.24-8.42 2.78-17.078 11.19-19.312l34.033-9.052-4.098 30.465c-2.422 18.036 10.224 34.652 28.285 37.087l79.828 10.758-32.497 109.467c-3.345 11.28-.37 22.948 6.866 31.18l-52.82 14.05c-8.42 2.24-17.07-2.77-19.31-11.196zm108.428-4.76l-16.02-4.76c-8.36-2.49-13.12-11.267-10.644-19.627l56.97-191.9c2.484-8.36 11.28-13.12 19.622-10.65l49.073 14.583.008-.005.12.044-.133-.034c-4.93 3.254-9.04 7.868-11.705 13.605l-84.38 181.53c-2.587 5.586-3.486 11.517-2.915 17.218zm-5.707-155.43l-82.486-11.117c-8.633-1.166-14.704-9.12-13.538-17.758l26.73-198.39c1.16-8.633 9.125-14.698 17.74-13.538l130.327 17.563c8.627 1.166 14.692 9.125 13.532 17.752L311.42 182.46l-15.33-4.552c-17.467-5.197-35.826 4.784-41.004 22.232l-19.525 65.755zm-5.19-31.46c4.67-3.055 7.474-7.438 8.42-13.145.936-5.633-.357-10.617-3.866-14.945-3.51-4.414-8.39-7.14-14.656-8.178-6.344-1.057-11.93-.073-16.75 2.956-4.826 3.03-7.692 7.316-8.615 12.87-.898 5.386.425 10.42 3.97 15.082 3.565 4.504 8.525 7.285 14.863 8.34 6.35 1.057 11.893.062 16.634-2.98zm25.978-81.243c4.693-2.726 8.888-5.434 12.598-8.117 3.703-2.684 6.915-5.586 9.635-8.725 2.72-3.13 4.967-6.573 6.733-10.307 1.76-3.74 3.048-8.032 3.85-12.865 1.262-7.62 1.02-14.358-.735-20.234-1.75-5.87-4.693-10.94-8.833-15.22-4.135-4.27-9.24-7.753-15.318-10.43-6.07-2.684-12.804-4.633-20.174-5.86-7.692-1.28-15.3-1.602-22.815-.977-7.516.614-14.63 2.247-21.346 4.88l-5.95 35.802c6.813-4.25 13.77-7.104 20.855-8.567 7.09-1.475 13.726-1.7 19.913-.668 21.467 4.092 19.44 24.898 8.76 34.03-5.652 4.473-11.334 8.802-15.942 11.345-10.48 5.914-27.69 23.125-22.542 45.145l31.284 5.202c-7.11-17.757 11.663-29.462 20.028-34.434z"></path>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="gallery">
|
||||||
|
<?php foreach ($images as $image) : ?>
|
||||||
|
<a href="<?= $image; ?>" class="glightbox">
|
||||||
|
<img src="<?= $imgproxy_prefix . basename($image); ?>" loading="lazy" alt="<?php echo basename($image); ?>" title="<?php echo basename($image); ?>">
|
||||||
|
</a>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>Disclaimer: The images are not designed by me, they are mostly collected from Reddit and other sources.</p>
|
||||||
|
<p>Website by <a href="https://github.com/DenverCoder1/">Jonah Lawrence</a>, © <?= date('Y'); ?></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
// iniitialize glightbox
|
||||||
|
const lightbox = GLightbox();
|
||||||
|
|
||||||
|
// if imgproxy version fails to load, fallback to full-size image
|
||||||
|
document.querySelectorAll(".gallery img").forEach(function(img) {
|
||||||
|
img.addEventListener("error", function() {
|
||||||
|
this.src = this.parentElement.href;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue