Logo Test

index.html

<div id="blurb">
  <p><svg id="logo" width="200" height="173.2">
      <polygon points="50,0
                   150,0
                   50,173.2
                   0,86.6
                   200,86.6
                   150,173.2" />
    </svg></p>

  <h1>Tamal White</h1>
  <p>Data + Code</p>
</div>

logo-test.markdown

Logo Test

A Pen by Tamal White on CodePen.

License.

style.css

body {
  text-align: center;
  font-family: monospace;
  background-color: white;
  color: black;
}

#logo {
  fill: black;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  body {
    background-color: black;
    color: white;
  }

  #logo {
    fill: white;
  }
}