DrI-T/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Is my code Art ?

Art is unique, and so is NFTs !
This piece of html code is my unique expression of my love for humanity and the universe surrounding it.
I have great hope that the simple technology for sharing unique digital-art among us, we transform our societies for the better.
So in other words this is the NFT I am offering on the internet
Indeed, it is a simple set of ascii character, however their arrangement prooves the power of content-addressable-store to provide permanence to any ArtWork.
This NFT is located at nft://386a2...b842 and will stay so forever. indeed its data is stored on the blockRing.
--
Michel G. Combes (a.k.a. Doctor IT)

  
## bg.svg

      
Display the source blob

    
Display the rendered blob

    
    Raw
  

              bg.svg
            
          
      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
      
    
## index.html
<!DOCTYPE html><meta name="viewport" charset="ascii" content="width=device-width, initial-scale=1.0">
<link rel=stylesheet href=https://gateway.pinata.cloud/ipfs/QmTm7ZWVAfS7oFjTdirQ5RUuwSxjTvfv69DQbnhGeWMzVe/style.css>

<div class=content>
<h3>Is my code Art ?</h3>
<p>Art is unique, and so is NFTs !</p>

<p>This piece of <a href="https://gist.github.com/ac41383c6b921197e216dbb7fbae3896">html code</a>
is my unique expression of my love for humanity and the universe surrounding it.
<p>I have great hope that the simple technology for sharing unique digital-art among us,
  we transform our societies for the better.</p>

<p>So in other words this is the <a title=":qmnft" href="https://www.drit.ml/#NFTs">NFT</a> I am offering on the internet</p>

<p>Indeed, it is a simple set of ascii character,
however their arrangement prooves the power of content-addressable-store to provide
permanence to any ArtWork.

<p>
This NFT is located at <a href="https://gateway.pinata.cloud/ipfs/:qmnft">nft://:nft54id</a> and will stay so forever.
indeed its data is stored on the <a href="https://www.blockringtm.ml/">blockRing</a>.
<br><br><br>
<p>--&nbsp;<br>
Michel G. Combes (a.k.a. <a href="https://www.drit.ml/">Doctor IT</a>)
<!-- ipfs add i-own-this-nft.html --cid-base base16 --raw-leaves -->
</div>
<small class=content>:qmnft</small>

<script src="https://gateway.pinata.cloud/ipfs/QmSrSbDvKzmnoJ1gW7BbCxoXWnvB1n3toVdBZg4MQjn82n/sha256.js"></script>
<script>
 let page=fetch(location.href,{mode:'cors'}).
  then(resp => resp.text()).
  then(code => {
    let sha2 = sha256(code);
    console.log({code: code})
    console.log('sha2: 0x'+sha2)
    let el = document.getElementsByTagName('body')[0];
    el.innerHTML = el.innerHTML.replace(/:nft54id/g,shortqm54(sha2));
    el.innerHTML = el.innerHTML.replace(/:qmnft/g,'f01551220'+sha2);
  }).
  catch(console.warn);

function shortqm54(qm) {
   if (typeof(qm) != 'undefined') {
      return qm.substr(0,5)+'...'+qm.substr(-4)
   } else {
      return 'QmezgbyqFCEybpSxCtGNxfRD9uDxC53aNv5PfhB3fGUhJZ';
   }
}
</script>


## style.css
/* this is a styling sheet */
body {
 margin: 0;
 background-image: url(https://gateway.pinata.cloud/ipfs/QmTm7ZWVAfS7oFjTdirQ5RUuwSxjTvfv69DQbnhGeWMzVe/bg.svg);
 background-size: 100vw 100vh;
 background-repeat: no-repeat;
 background-position: bottom;
 background-attachment: fixed;
 height: 100vh;
 bottom: 0px;
}
.dbug { border: 3px dotted red; }

.content {
  max-width: 680px;
  margin: auto;
  margin-top: 1rem;
  display: block;
}
body div:first-child {
  margin-top: 15vh;
}
body>div {
  min-height: 40vh;
  padding: 0.8rem;
  background-color: white;
  opacity: 0.94;
  border-radius: 0.5rem;
  box-shadow: 5px 5px 15px 2px rgba(4,3,5,0.9);
}
	<!DOCTYPE html><meta name="viewport" charset="ascii" content="width=device-width, initial-scale=1.0">
	<link rel=stylesheet href=https://gateway.pinata.cloud/ipfs/QmTm7ZWVAfS7oFjTdirQ5RUuwSxjTvfv69DQbnhGeWMzVe/style.css>

	<div class=content>
	<h3>Is my code Art ?</h3>
	<p>Art is unique, and so is NFTs !</p>

	<p>This piece of <a href="https://gist.github.com/ac41383c6b921197e216dbb7fbae3896">html code</a>
	is my unique expression of my love for humanity and the universe surrounding it.
	<p>I have great hope that the simple technology for sharing unique digital-art among us,
	we transform our societies for the better.</p>

	<p>So in other words this is the <a title=":qmnft" href="https://www.drit.ml/#NFTs">NFT</a> I am offering on the internet</p>

	<p>Indeed, it is a simple set of ascii character,
	however their arrangement prooves the power of content-addressable-store to provide
	permanence to any ArtWork.

	<p>
	This NFT is located at <a href="https://gateway.pinata.cloud/ipfs/:qmnft">nft://:nft54id</a> and will stay so forever.
	indeed its data is stored on the <a href="https://www.blockringtm.ml/">blockRing</a>.
	<br><br><br>
	<p>-- <br>
	Michel G. Combes (a.k.a. <a href="https://www.drit.ml/">Doctor IT</a>)
	<!-- ipfs add i-own-this-nft.html --cid-base base16 --raw-leaves -->
	</div>
	<small class=content>:qmnft</small>

	<script src="https://gateway.pinata.cloud/ipfs/QmSrSbDvKzmnoJ1gW7BbCxoXWnvB1n3toVdBZg4MQjn82n/sha256.js"></script>
	<script>
	let page=fetch(location.href,{mode:'cors'}).
	then(resp => resp.text()).
	then(code => {
	let sha2 = sha256(code);
	console.log({code: code})
	console.log('sha2: 0x'+sha2)
	let el = document.getElementsByTagName('body')[0];
	el.innerHTML = el.innerHTML.replace(/:nft54id/g,shortqm54(sha2));
	el.innerHTML = el.innerHTML.replace(/:qmnft/g,'f01551220'+sha2);
	}).
	catch(console.warn);

	function shortqm54(qm) {
	if (typeof(qm) != 'undefined') {
	return qm.substr(0,5)+'...'+qm.substr(-4)
	} else {
	return 'QmezgbyqFCEybpSxCtGNxfRD9uDxC53aNv5PfhB3fGUhJZ';
	}
	}
	</script>
	/* this is a styling sheet */
	body {
	margin: 0;
	background-image: url(https://gateway.pinata.cloud/ipfs/QmTm7ZWVAfS7oFjTdirQ5RUuwSxjTvfv69DQbnhGeWMzVe/bg.svg);
	background-size: 100vw 100vh;
	background-repeat: no-repeat;
	background-position: bottom;
	background-attachment: fixed;
	height: 100vh;
	bottom: 0px;
	}
	.dbug { border: 3px dotted red; }

	.content {
	max-width: 680px;
	margin: auto;
	margin-top: 1rem;
	display: block;
	}
	body div:first-child {
	margin-top: 15vh;
	}
	body>div {
	min-height: 40vh;
	padding: 0.8rem;
	background-color: white;
	opacity: 0.94;
	border-radius: 0.5rem;
	box-shadow: 5px 5px 15px 2px rgba(4,3,5,0.9);
	}