diff options
Diffstat (limited to 'thoughts.html')
| -rw-r--r-- | thoughts.html | 130 |
1 files changed, 130 insertions, 0 deletions
diff --git a/thoughts.html b/thoughts.html new file mode 100644 index 0000000..35c2301 --- /dev/null +++ b/thoughts.html @@ -0,0 +1,130 @@ +<!DOCTYPE html> +<html> +<head> + <title>year month day</title> + <link href="common.css" rel="stylesheet" type="text/css"> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="The Weight of Comfort | Personal website containing art, music, programming, poetry, and the world of Moloch"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro, Moloch"> + <meta name="author" content="Radiohotline"> + <style> + .shadow { + width: 80%; + } + + .shadow img { + width: 256px; + float: right; + } + + article:hover { + cursor: pointer; + } + + summary:hover { + text-decoration: underline; + font-style: italics; + } + + embed { + width: 55vw; + height: 50vh; + background-color: rgba(199, 189, 170, 0.8); + box-shadow: 0 0 5px 5px rgba(199, 189, 170, 0.8); + border-radius: 20px; + margin: 10px 0px 10px 0px; + } + + @media (max-width: 400px) { + .shadow img { + width: 350px; + padding-bottom: 10px; + } + + embed { + width: 80vw; + height: 75vh; + } + } + </style> +</head> +<body> + <h1 class="logo"><a href="index.html"><img src="img/logo.png" alt="Soft Machine"></a></h1> + + <div class="shadow"> + <img src="img/enki.jpg"> + + <h1>Thoughts</h1> + + <p>Opinions expressed change over time, especially with my mental state, but writings will remain here.</p> + + <div> + <article> + <details> + <summary>25/11/07 - Lemon Soda Lemonade</summary> + <embed src="txt/soda.txt"> + </details> + </article> + + <article> + <details> + <summary>25/11/07 - Some Things We Do</summary> + <embed src="txt/core.txt"> + </details> + </article> + + <article> + <details> + <summary>25/01/09 - Outcomes of a Shower</summary> + <embed src="txt/shower.txt"> + </details> + </article> + + <article> + <details> + <summary>23/04/22 - Wherein You Exist</summary> + <embed src="txt/where.txt"> + </details> + </article> + + <article> + <details> + <summary>23/02/22 - "Aliveness" as Imperfection and Uncertainty in Motion</summary> + <embed src="txt/alive.txt"> + </details> + </article> + + <article> + <details> + <summary>23/01/26 - No Such Thing as an Imperfect Number (Updated 2025)</summary> + <embed src="txt/num.txt"> + </details> + </article> + + <article> + <details> + <summary>23/01/26 - Expression and the Primal Fear of Isolation</summary> + <embed src="txt/isolation.txt"> + </details> + </article> + + <article> + <details> + <summary>23/01/26 - What is this?</summary> + <embed src="txt/birth.txt"> + </details> + </article> + + <!-- + <article> + <details> + <summary></summary> + <embed src="txt/"> + </details> + </article> + --> + </div> + </div> +</body> +</html> |