summaryrefslogtreecommitdiff
path: root/art.html
diff options
context:
space:
mode:
authorRadiohotline <radiohotline@disroot.org>2026-01-08 14:25:31 +0000
committerRadiohotline <radiohotline@disroot.org>2026-01-08 14:25:31 +0000
commit8447267bbe6579255905e313c512ea449309e393 (patch)
treec5bebcad1c9a27844a72ccb0912b92a3b39950a9 /art.html
parent3ce3f646128590c96d61ca3609d56023cbbcfed9 (diff)
add files
Diffstat (limited to 'art.html')
-rw-r--r--art.html85
1 files changed, 85 insertions, 0 deletions
diff --git a/art.html b/art.html
new file mode 100644
index 0000000..040a92a
--- /dev/null
+++ b/art.html
@@ -0,0 +1,85 @@
+<!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;
+ }
+
+ 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>&emsp;&emsp;
+ <a href="about.html">about</a>&emsp;&emsp;
+ <a href="art.html">art</a>&emsp;&emsp;
+ <a href="music.html">music</a>&emsp;&emsp;
+ <a href="thoughts.html">thoughts</a>&emsp;&emsp;
+ <a href="muse.html">muse</a>&emsp;&emsp;
+ <a href="poetry.html">poetry</a>&emsp;&emsp;
+ <a href="books.html">library</a>&emsp;&emsp;
+ <a href="projects.html">projects</a>&emsp;&emsp;
+ <a href="links.html">links</a>&emsp;&emsp;
+ </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>
+
+ <h3>Portfolio</h3>
+
+ <p>WIP</p>
+</body>
+</html>