PvMZVP

index.html

<div>
<h1>Adam Davis</h1>
<h2>admataz</h2>
</div>

<div>
<p>Like all forms of human communication, code for computer programs can contain expressiveness, humour, beauty, ugliness… As a coder you recognise beautiful code as a passage that does something with data using brevity and efficiency, where meaning and capability are neatly tucked into a clear and concise passage. That is poetry.</p>
</div>

<img src="https://images.unsplash.com/photo-1559183061-1fd53f7c93e9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ" height="300" />


<svg id="my-icon" width="300" height="300" viewBox="0 0 24 24">
  <path d="M17.45,15.18L22,7.31V19L22,21H2V3H4V15.54L9.5,6L16,9.78L20.24,2.45L21.97,3.45L16.74,12.5L10.23,8.75L4.31,19H6.57L10.96,11.44L17.45,15.18Z"></path>
</svg>

pvmzvp.markdown

PvMZVP

A Pen by Adam Davis on CodePen.

License.

script.js

console.log('hi')

style.css

@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700");

h1{
  color: red
}

p{
  background-color: rgba(255,155,255,0.4);
  padding: 30px;
  margin: 10px 0;
  font-size: 24px;
}

#my-icon{
  fill: red
}

body {
  font-family: Roboto, sans-serif;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="28" height="49" viewBox="0 0 28 49"%3E%3Cg fill-rule="evenodd"%3E%3Cg id="hexagons" fill="%239C92AC" fill-opacity="0.4" fill-rule="nonzero"%3E%3Cpath d="M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
}