Papel de parede aletório do site Unsplash.com

09/04/2016
Tags: archlinux

O script e snippets abaixo servem para carregar um papel de parede aleatório do site Unsplash.

Uma versão para Linux via Bash Script e a outra para incluir como background usando JavaScript e CSS em seu site.

A versão desktop troca automaticamente o papel de parede a cada dez minutos usando o programa feh.
Lembre-se de dar um chmod 755 no arquivo.

Na dúvida, comente :smile:

Versão para Linux:

~/bin/unsplash.js

#!/bin/bash
#
# unsplash_bg.sh
# Desenvolvido por Lucas Saliés Brum <lucas@archlinux.com.br>
#
# Criado em:           09-04-2016 08:44:09
# Última alteração em: 09-04-2016 08:44:28

imagem=/tmp/unsplash.jpg

altura=$(xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f1)                 
largura=$(xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f2)                

endereco="https://unsplash.it/${altura}/${largura}/?random"

wget "$endereco" -O "$imagem" >/dev/null 2>&1

feh --bg-fill $imagem

crontab -e

# unsplash
*/10 * * * * DISPLAY=:0.0 ${HOME}/bin/unsplash.sh

Versão para Sites:

unsplash.css

#unsplash > img{
  position: fixed;
  top: 0;
  left: 0;
  height:100%;
  width:100%;
  opacity: 0.05;
  filter: alpha(opacity=05); /* For IE8 and earlier */
  z-index: -9999;
}

unsplash.js

var image = new Image();  
image.src = "https://source.unsplash.com/random";  

$("#unsplash").html(image);  

image.onload = function() {  
    var img = $("#unsplash > img");  
    $("#unsplash").fadeIn(100);  
}   

index.html

<div id="unsplash"></div>