cluzier

<link href="https://fonts.googleapis.com/css?family=Playfair+Display|Playfair+Display+SC" rel="stylesheet"> 

<div id="main">
  <div class="card"></div>
  <div class="img"></div>
  <div class="article"><p>THE STORY</p></div>
  <div class="block"></div>
  <div class="headline"><h1>THE NOD</h1>by Kayo Chingonyi </div>
  <div class="para"><p>When we’re strangers that pass each other / in the street, it will come<br> down to this tilt / of the head — acknowledging another / version of<br> events set in a new-build / years from now, a mess of a place filled / with<br> books and records, our kids thick as thieves / redefining all notions of<br> mischief. <br>
Perhaps our paths will cross in a city / of seven hills as the light draws<br> your face / out from the bliss of anonymity. / Maybe you’ll be stroking the<br> goose-down nape / of a small child with eyes the exact shade / of those I<br> met across a room at the startof this pain-in-the-heart, this febrile<br> dance. </p></div>

cluzier

<div class="container">
  <div class="pin"></div>  
</div>

cluzier

- var line_cube_n = 13
- var cube_n = Math.pow(line_cube_n, 2)

mixin cube()
  .cube
    - for (var i=0; i<3; i++)
      .cube__f

.scene
  .plane

cluzier

function init(){
  
  //calling the color of the cubes
  var blue = new THREE.Color(0x7658ef);
  var pink = new THREE.Color(0xfca4c5);
  
  var scene = new THREE.Scene();
  var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 500 );
  
  var renderer = new THREE.WebGLRenderer({ alpha: true });

cluzier

Earth Day 2018

pure css pen made earth day 2018

A Pen by Conner on CodePen.

License.

cluzier

<svg width="75.677mm" height="64.383mm" version="1.1" viewBox="0 0 75.677 64.383" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
 <metadata>
  <rdf:RDF>
   <cc:Work rdf:about="">
    <dc:format>image/svg+xml</dc:format>
    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
    <dc:title/>
   </cc:Work>
  </rdf:RDF>
 </metadata>

cluzier

Eyeball

This eyeball will follow your mouse on screen. Enjoy!

A Pen by Conner on CodePen.

License.