images.htm

<meta charset="utf8"/>
<style>
img {
  background: url(https://cdn.statically.io/img/cloudflare-ipfs.com/ipfs/uAXAALhIoChgBcBEUlJjUlinaK3gBzSZolk-zrXbmsKESCGlwZnMucG5nGPv3BwoCCAE/ipfs.png);
  background: url(//gateway.ipfs.io/ipfs/QmcEtgpqgMovsnLVz1nDMnQ4pSqo2UfKuCYo3yDP5h4Yfo/ipfs-note.jpg);
  max-width: 32%;
}
</style>

<img src=https://ipfs.blockringtm.ml/ipfs/mAXAANRIvChgBcBEU9NDXg8p6R1G3+0LwcdzYpn71OgsSD1BIUmVjb3JkLWJnLmpwZxj4lCEKAggB/PHRecord-bg.jpg>
<img width=10 height=10 src=//ipfs.blockringtm.ml/ipfs/QmcEtgpqgMovsnLVz1nDMnQ4pSqo2UfKuCYo3yDP5h4Yfo/ipfs-note.jpg>

<img src=https://ipfs.blockringtm.ml/ipfs/uAXAAMRIrChgBcBEUP_rc8ky9gCpOWwnhHBK_yLcWvU0SC3Bvc3RlcjIuanBnGP-QIQoCCAE/poster2.jpg>
<img src=https://ipfs.blockringtm.ml/ipfs/uAXAAKxIlChgBcBEUSNvNYvwGRuc7_oPOUyZ915yDWkkSBWcuanBnGO2CCAoCCAE/g.jpg>
<img src=https://ipfs.blockringtm.ml/ipfs/uAXAALBImChgBcBEUvVrutqf0xvW1ryROwJuUE-wW-DkSBmJnLmpwZxiBrAsKAggB/bg.jpg>
<img src=https://ipfs.blockringtm.ml/ipfs/uAXAALhIoChgBcBEUlJjUlinaK3gBzSZolk-zrXbmsKESCGlwZnMucG5nGPv3BwoCCAE/ipfs.png>
<img src=https://ipfs.blockringtm.ml/ipfs/QmZwAwrrMcDQGh91fBGjKvy8Wbi3kKst6qfDPTxSp4pZQV/pad.jpg>
<img src=https://ipfs.blockringtm.ml/ipfs/QmdVersTnjhgiJic2RrV4kGxs4Why67itS8iMTayMoaYgF/nugo-ecn.jpg>



<!--
 Resource owner
 Auth Server
 Resource Server
 Auth Grant
 Callback, Redirect URI
 Access token

 scope
 back channel
 front channel
-->


<script>
 const cdn='https://cdn.statically.io/img/';
 const cf='cloudflare-ipfs.com';
 //const gw='https://'+cf;
 const gw='http://gateway.ipfs.io'

 setTimeout(function() {
 elems = document.getElementsByTagName('img');
 for (let i=0; i<elems.length; i++) {
   url= elems[i].src;
   if (url.match(/ipfs/) ) {
     ipath = url.replace(RegExp('.*//[^/]+/ipfs'),'/ipfs');
     console.log('ipath: '+ipath);
     elems[i].src = gw+ipath;
     elems[i].style.background-image = 'url('+cdn+cf+ipath+')';
   }
 }
 }, 250);
</script>