diff options
Diffstat (limited to 'old/art.html')
| -rw-r--r-- | old/art.html | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/old/art.html b/old/art.html new file mode 100644 index 0000000..5d951fd --- /dev/null +++ b/old/art.html @@ -0,0 +1,87 @@ +<!DOCTYPE HTML> +<html> +<head> + <link href="art.css" rel="stylesheet"> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="The Weight of Comfort"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro"> + <meta name="author" content="Radiohotline"> + + <title>Art</title> + <style> + .container { + padding: 0%; + } + + div { + text-align: center; + display: inline-flex; + align-items: center; + justify-content: center; + padding-right: 20px; + } + + div p { + position: absolute; + z-index: 2; + pointer-events: none; + font-family: 'Courier New', Courier, monospace; + } + + img { + width: 100px; + height: 100px; + } + </style> +</head> +<body> + <nav> + <h1>Soft Machine</h1> + <span style="font-weight: bold;"> + <a href="house.html">home</a>   + <a href="about.html">about</a>   + <a href="art.html">art</a>   + <a href="music.html">music</a>   + <a href="thoughts.html">thoughts</a>   + <a href="muse.html">muse</a>   + <a href="poetry.html">poetry</a>   + <a href="books.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + </nav> + + <h2>Art</h2> + + <h3>Archive</h3> + + <div class="container"> + <div> + <p>Doodles</p> + <a href="doodle.html"> + <img src="../img/art/doodle.png" alt="Doodles"> + </a> + </div> + <div> + <p>Sketches</p> + <a href="sketch.html"> + <img src="../img/art/sketch.jpg" alt="Sketches"> + </a> + </div> + <div> + <p style="background-color: rgba(255, 255, 255, 0.5);">Completed</p> + <a href="archive.html"> + <img src="../img/art/full.jpg" alt="Complete"> + </a> + </div> + </div> + + <p>I post art on <a href="https://bsky.app/profile/softmachine.dev">Bluesky</a>.</p> + + <h3>Portfolio</h3> + + <p>WIP (I'll place some highlight pieces here)</p> +</body> +</html> |