diff options
Diffstat (limited to 'art.html')
| -rw-r--r-- | art.html | 32 |
1 files changed, 16 insertions, 16 deletions
@@ -1,20 +1,20 @@ <!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="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>Art</title> + <title>Soft Machine | Art</title> + <link rel="stylesheet" href="house.css"> + <style> .container { padding: 0%; } - div { + .container div { text-align: center; display: inline-flex; align-items: center; @@ -22,7 +22,7 @@ padding-right: 20px; } - div p { + .container div p { position: absolute; z-index: 2; pointer-events: none; @@ -36,9 +36,13 @@ </style> </head> <body> + <div class="top"> + <h1>Art</h1> + <h1 class="logo"><a href="index.html">Soft Machine</a></h1> + </div> + <nav> - <h1>Soft Machine</h1> - <span style="font-weight: bold;"> + <span> <a href="house.html">home</a>   <a href="about.html">about</a>   <a href="art.html">art</a>   @@ -47,15 +51,13 @@ <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="projects.html">projects</a>   <a href="links.html">links</a>   </span> <hr> </nav> - <h2>Art</h2> - - <h3>Archive</h3> + <h2>Archive</h2> <div class="container"> <div> @@ -80,8 +82,6 @@ <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> + <p style="font-weight: bold; font-size: larger;">page is a work in progress</p> </body> </html> |