diff options
| author | radiohotline <radiohotline@disroot.org> | 2026-02-17 14:44:55 +0300 |
|---|---|---|
| committer | radiohotline <radiohotline@disroot.org> | 2026-02-17 14:44:55 +0300 |
| commit | 435aeb674198769b61b0ee8d82f85a108bacf49e (patch) | |
| tree | 2c87322d81130062e62afc04a22ef1e664a4622c /art.html | |
maintainence
Diffstat (limited to 'art.html')
| -rw-r--r-- | art.html | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/art.html b/art.html new file mode 100644 index 0000000..bec4a4c --- /dev/null +++ b/art.html @@ -0,0 +1,86 @@ +<!DOCTYPE HTML> +<html> +<head> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="I make digital and traditional art exploring surreal worlds, dark tunnels, ambigious gender, violence, and surgical experiments, with a touch of soft strokes and tenderness"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro, Moloch"> + <meta name="author" content="Radiohotline"> + <title>Soft Machine | Art</title> + <link rel="stylesheet" href="house.css"> + + <style> + .container { + padding: 0%; + } + + .container div { + text-align: center; + display: inline-flex; + align-items: center; + justify-content: center; + padding-right: 20px; + } + + .container div p { + position: absolute; + z-index: 2; + pointer-events: none; + font-family: 'Courier New', Courier, monospace; + } + + img { + width: 100px; + height: 100px; + } + </style> +</head> +<body> + <div class="top"> + <h1>Art</h1> + <h1 class="logo"><a href="index.html">Soft Machine</a></h1> + </div> + + <nav> + <span> + <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="library.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + </nav> + + <h2>Archive</h2> + + <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="portfolio.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> + + <p style="font-weight: bold; font-size: larger;">page is a work in progress</p> +</body> +</html> |