Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
start [2024/12/06 15:27] – kymkistart [2025/04/15 10:24] (current) – kymki
Line 5: Line 5:
     <p>     <p>
         Welcome to my <strong>project journal</strong>, my place for tracking, organizing, and sharing projects.<br/><br/>         Welcome to my <strong>project journal</strong>, my place for tracking, organizing, and sharing projects.<br/><br/>
-        Here, I document my ongoing work, research, and ideas in a clear, structured format.<br/><br/>+        It is not a landing page for my personal brand. It is maintained as a digital garden - pruned, reshaped, parts wild, parts neat - for ongoing work, research, and ideas.<br/><br/>
         The site is meant to serve as both a personal archive and a way to share my work with collaborators and visitors like you. <br/><br/>         The site is meant to serve as both a personal archive and a way to share my work with collaborators and visitors like you. <br/><br/>
         It’s built with simplicity and functionality in mind.<br/><br/>         It’s built with simplicity and functionality in mind.<br/><br/>
 +        For your own safety, use the Ramble Meter as an indicator of the state of the information in a post.<br/><br/>
 +        In the <strong>top right corner</strong> toggle dark mode if that interests you.<br/><br/>
     </p>     </p>
  
Line 14: Line 16:
 </html> </html>
  
-<html> 
-<head> 
-  <meta charset="UTF-8"> 
-  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
-  <title>Ramble Meter</title> 
-  <style> 
-    /* Container for the gauge */ 
-    .ramble-meter-container { 
-      display: flex; 
-      align-items: center; 
-      justify-content: center; 
-      margin: 20px 0; 
-    } 
  
-    /* The gauge itself */ 
-    .ramble-meter { 
-      position: relative; 
-      width: 200px; 
-      height: 30px; 
-      background: linear-gradient(to right, green, yellow, orange, red); 
-      border-radius: 15px; 
-      overflow: hidden; 
-      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); 
-    } 
- 
-    /* The needle */ 
-    .needle { 
-      position: absolute; 
-      top: -5px; 
-      left: 70%; /* Adjust this percentage to represent ramble level */ 
-      width: 2px; 
-      height: 40px; 
-      background: black; 
-      transform: rotate(45deg); 
-      transform-origin: center bottom; 
-    } 
- 
-    /* Tooltip styling */ 
-    .tooltip { 
-      visibility: hidden; 
-      width: 220px; 
-      background-color: #222; 
-      color: #fff; 
-      text-align: center; 
-      padding: 10px; 
-      border-radius: 5px; 
-      position: absolute; 
-      top: -50px; 
-      left: 50%; 
-      transform: translateX(-50%); 
-      font-size: 12px; 
-      z-index: 10; 
-      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); 
-    } 
- 
-    /* Show tooltip on hover */ 
-    .ramble-meter-container:hover .tooltip { 
-      visibility: visible; 
-    } 
-  </style> 
-</head> 
-<body> 
-  <div class="ramble-meter-container"> 
-    <div class="tooltip">Warning: Ramble level approaching critical! 🗣️</div> 
-    <div class="ramble-meter"> 
-      <div class="needle"></div> 
-    </div> 
-  </div> 
-</body> 
-</html>