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
projects:unsorted:webpage_pieces [2024/12/06 16:12] – kymkiprojects:unsorted:webpage_pieces [2024/12/06 16:34] (current) – kymki
Line 1: Line 1:
-===== Webpage Pieces =====+====== Webpage Pieces ======
  
 General collection of potentially useful bits of raw HTML that may or may not at all be useful to you. General collection of potentially useful bits of raw HTML that may or may not at all be useful to you.
  
-==== The Ramble Meter ====+===== The Ramble Meter =====
  
-I wanted a simple way to indicate how trustworthy and polished my posts are - it allows me to post stuff that is less structured while also indicating this clearly to the reader.+I wanted a simple way to indicate how trustworthy and polished my posts are - it allows me to post stuff that is less structured while also indicating this clearly to the reader. This is the raw html to copy and paste wherever:
  
 <code> <code>
Line 115: Line 115:
 </code> </code>
  
-Which if wrapped in html tags in a docuwiki page yields:+Which if wrapped in html tags in a docuwiki like this one yields:
  
 <html> <html>
Line 212: Line 212:
   <div class="ramble-meter-container">   <div class="ramble-meter-container">
     <div class="ramble-wrapper">     <div class="ramble-wrapper">
-      <div class="ramble-meter" data-level="10"> <!-- Adjust level here (0-100) -->+      <div class="ramble-meter" data-level="90"> <!-- Adjust level here (0-100) -->
         <div class="meter-label">Ramble Meter</div>         <div class="meter-label">Ramble Meter</div>
         <div class="needle"></div>         <div class="needle"></div>
       </div>       </div>
-      <div class="tooltip">This post is very close to being completely finished. Not that rambly at all.</div>+      <div class="tooltip">Warning: EXTREME RAMBLE AHEAD.</div>
     </div>     </div>
   </div>   </div>