mikepixeldev

//a coded poem - also on medium(unmetered): //https://medium.com/@sophiawood/to-remind-ourselves-b7d66da90ca4
function setup() {
//we make these spaces for creation
  createCanvas(600, 600);
}
function draw() {
//in which notions of time repeat
  aNotionofTime = abs(sin(frameCount / 500));
//in which notions of time cease
  aNotionofUnTime = abs(cos(frameCount / 500));

mikepixeldev

Gravity button

A Pen by Amit Sheen on CodePen.

License.

mikepixeldev

//a coded poem - also on medium(unmetered): //https://medium.com/@sophiawood/to-remind-ourselves-b7d66da90ca4
function setup() {
//we make these spaces for creation
  createCanvas(600, 600);
}
function draw() {
//in which notions of time repeat
  aNotionofTime = abs(sin(frameCount / 500));
//in which notions of time cease
  aNotionofUnTime = abs(cos(frameCount / 500));

mikepixeldev

<!-- inspired by https://adobe.ly/3SZ9MC5 -->

<h1>OL-Cards</h1>
<ol>
  <li style="--accent-color: #FF6F00">
    <div class="icon"><i class="fa-light fa-lightbulb-exclamation-on"></i></div>
    <div class="title">Analysis</div>
    <div class="descr">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</div>
  </li>
  <li style="--accent-color: #008DC2">

mikepixeldev

<!-- inspired by https://adobe.ly/3BHoIy5 -->

<div class="wrapper">
  <ol>
    <div class="rocket"><svg><use xlink:href="#rocket_svg"/></svg></div>
    <li style="--accent-color: #FCB410">
      <div class="title">Data 01</div>
      <div class="content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed</div>
    </li>
    <li style="--accent-color: #D6489A">

mikepixeldev

p
  span.line
    span.word My
    span.word Name
    span.word is
    a.word(href="https://sil.mt") Sil
  span.line
    span.word you 
    span.word can
    span.word find

mikepixeldev

<h1 class="overlap overlap-front">Hello World</h1>

<h1 class="overlap overlap-back">Hello World</h1>