From 54bbd7ebffb0abba0666173c76b1222601f8a8b9 Mon Sep 17 00:00:00 2001
From: "sigonasr2, Sig, Sigo" <sigonasr2@gmail.com>
Date: Tue, 3 May 2022 18:12:12 +0000
Subject: [PATCH] Include arrow div'

---
 out/otherpage.html | 20 ++++++------
 out/sig.css        | 79 +++++++++++++++++++++++++++++-----------------
 out/testfile.html  |  4 +--
 sigPlace.java      |  1 +
 4 files changed, 63 insertions(+), 41 deletions(-)

diff --git a/out/otherpage.html b/out/otherpage.html
index 02c3400..e3a2164 100644
--- a/out/otherpage.html
+++ b/out/otherpage.html
@@ -18,21 +18,21 @@
 <div class="contentBody">
 
 This is a different webpage.<hr>
-<div><h1>Welcome to SigPlace!</h1><div class="content">
+<div class="contentWrapper"><h1>Welcome to SigPlace!</h1><div class="content" id="content_20">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat mollis sem sit amet lacinia. Phasellus vitae varius elit. Proin at vestibulum nunc, in pellentesque orci. Vestibulum efficitur mi vel augue pellentesque eleifend. Aenean eu sem ullamcorper justo consectetur ornare. Donec molestie tincidunt dui eget venenatis. Sed varius est faucibus, blandit turpis non, rhoncus neque. Integer sem felis, cursus in elementum ac, mollis in justo. Pellentesque vel risus turpis. Curabitur lectus neque, lobortis in varius et, tristique convallis erat. Morbi id sodales leo. Cras bibendum bibendum lacus, eu ullamcorper sem tempus sed. Nam ut consectetur nulla.
-</div>3 May 2022 10:25AM<div class="date"></div></div>
-<div><h1>A Test Title</h1><div class="content">
+</div><div class="datebar"></div><div class="date">3 May 2022 10:25AM</div></div>
+<div class="contentWrapper"><h1>A Test Title</h1><div class="content" id="content_23">
     In dolor erat, malesuada at elit cursus, convallis imperdiet turpis. Ut aliquet magna tellus, at viverra mauris ullamcorper vehicula. Nam quis urna semper magna ornare elementum sed id mauris. Suspendisse faucibus nunc ante, ac rhoncus nisl tristique sed. Vestibulum pretium odio eget scelerisque vestibulum. Aliquam viverra ex ac vestibulum interdum. Donec ligula nunc, dignissim a purus vitae, fermentum laoreet diam. Quisque nec auctor urna. Vestibulum sit amet ligula ullamcorper, congue ipsum et, accumsan ante. Phasellus fermentum, sapien nec pulvinar blandit, elit purus pretium urna, et dapibus orci urna eu metus. Nunc molestie dictum pharetra. Suspendisse luctus felis et ante tristique, vitae commodo diam porttitor. Aliquam orci eros, placerat ac justo vitae, bibendum efficitur metus. Phasellus eget bibendum mauris.
-</div>2 May 2022 10:16AM<div class="date"></div></div>
-<div><h1>Another test title</h1><div class="content">
+</div><div class="datebar"></div><div class="date">2 May 2022 10:16AM</div></div>
+<div class="contentWrapper"><h1>Another test title</h1><div class="content" id="content_26">
     Sed lobortis nisi id nunc tincidunt volutpat. Mauris cursus felis quis condimentum posuere. Pellentesque vitae dolor et justo suscipit ultrices. Integer dapibus leo id felis varius, ut volutpat massa bibendum. Quisque sed nunc arcu. In sit amet faucibus magna, non venenatis massa. Cras sed placerat risus, id consectetur est. Pellentesque in nunc dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque eget lorem ac urna posuere accumsan. Quisque sed imperdiet nisi.
-</div>1 May 2022 05:13AM<div class="date"></div></div>
-<div><h1>And More</h1><div class="content">
+</div><div class="datebar"></div><div class="date">1 May 2022 05:13AM</div></div>
+<div class="contentWrapper"><h1>And More</h1><div class="content" id="content_29">
     Curabitur suscipit quam tellus, non rhoncus diam vehicula in. Aliquam ut dapibus tortor. Cras accumsan arcu vel ante maximus ornare. Nam tempus fermentum leo maximus euismod. Donec vehicula pretium est a ultrices. Nunc blandit nibh lorem, nec blandit leo posuere quis. Sed mauris ligula, euismod eu aliquam vel, rhoncus eget magna. Proin eget tortor ut ligula suscipit mattis. Integer rutrum aliquet eleifend. Suspendisse leo libero, placerat nec mi id, sagittis malesuada felis. Quisque euismod ante cursus elit lobortis, eu tempus ligula condimentum. Mauris viverra metus et dignissim efficitur. Ut placerat nunc nunc, eu tempus neque ultrices nec. Suspendisse et magna risus. Phasellus in ullamcorper tortor. Sed lobortis ut mi in blandit.
-</div>30 Apr 2022 6:14PM<div class="date"></div></div>
-<div><h1>Curabitur vel tempus ex</h1><div class="content">
+</div><div class="datebar"></div><div class="date">30 Apr 2022 6:14PM</div></div>
+<div class="contentWrapper"><h1>Curabitur vel tempus ex</h1><div class="content" id="content_32">
 Curabitur vel tempus ex. Duis cursus sapien nisl, ut pulvinar dui porttitor ut. Nullam odio purus, tristique non turpis sit amet, malesuada ultricies purus. Mauris ut nulla nisl. Aenean sit amet est egestas justo volutpat consequat. Suspendisse in sagittis augue, et mattis tortor. Nullam viverra metus et nibh fringilla iaculis.
-</div>29 Apr 2022 7:37PM<div class="date"></div></div>
+</div><div class="datebar"></div><div class="date">29 Apr 2022 7:37PM</div></div>
 
 </div> <!--End Content Body-->
 <div class="codeForeground" id="codeForeground"></div>
diff --git a/out/sig.css b/out/sig.css
index 33bea31..a4aee1e 100644
--- a/out/sig.css
+++ b/out/sig.css
@@ -55,37 +55,58 @@ body{
     color: #AA77FF;
     font-weight:900;
     text-shadow: 0.3px 0.3px 3px #666666;
+    z-index:-1;
 }
 
-.contentBody h1{
-    display: inline-block;
-    font-size:3.25em;
-    margin: 12px 4px 0px 4px;
-    padding: 12px 32px 0px 32px;
-    border-bottom-style: outset;
-    border-radius:32px 32px 0px 0px;
-    background-color:rgba(255, 255, 255, .06);
-}
+    .contentBody .contentWrapper{
+        border-style: none none outset none;
+        border-radius: 0px 0px 12px 0px;
+        border-color: rgb(17, 153, 17, .3);
+        border-width: 3px;
+        margin: 0px 4px 8px 4px;
+        min-width:98vw;
+        z-index:0;
+    }
 
-.contentBody .content{
-    display: inline-block;
-    min-width:98vw;
-    font-size:1.25em;
-    margin: 0px 4px 8px 4px;
-    padding: 4px;
-    background-color: rgba(255, 255, 255, .06);
-}
+    .contentBody .contentWrapper:hover{
+        border-color: rgb(17, 153, 17, .8);
+    }
 
-.contentBody .date{
-    display: inline-block;
-    font-size:0.75em;
-    background-color: rgba(255, 255, 255, .06);
-    border-style: none outset outset none;
-    border-radius: 0px 0px 12px 0px;
-    border-color: rgb(17, 153, 17, .3);
-    border-width: 3px;
-}
+        .contentBody .contentWrapper h1{
+            display: inline-block;
+            font-size:3.25em;
+            margin: 12px 4px 0px 4px;
+            padding: 12px 32px 0px 32px;
+            border-bottom-style: outset;
+            border-radius:32px 32px 0px 0px;
+            background-color:rgba(255, 255, 255, .06);
+            z-index:0;
+        }
 
-.contentBody .date:hover{
-    border-color: rgb(17, 153, 17, .8);
-}
+        .contentBody .contentWrapper .content{
+            display: inline-block;
+            min-width:98vw;
+            font-size:1.25em;
+            padding: 4px;
+            margin: 0px 4px 0px 4px;
+            background-color: rgba(255, 255, 255, .06);
+            z-index:0;
+        }
+        
+        .contentBody .contentWrapper .datebar{
+            font-size:0.75em;
+            margin: 0px 4px 0px 4px;
+            min-width:98vw;
+            min-height:1px;
+            z-index:0;
+            background: linear-gradient(90deg,rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .3) 20%,rgba(255, 255, 255, .06) 45%,rgba(255, 255, 255, .06) 0%);
+        }
+
+        .contentBody .contentWrapper .date{
+            font-size:0.75em;
+            margin: 0px 4px 0px 4px;
+            padding: 2px 0px 0px 2px;
+            min-width:98vw;
+            z-index:0;
+            background-color: rgba(255, 255, 255, .06);
+        }
diff --git a/out/testfile.html b/out/testfile.html
index c6cdf33..c48fa7d 100644
--- a/out/testfile.html
+++ b/out/testfile.html
@@ -18,9 +18,9 @@
 <div class="contentBody">
 
 SigPlace
-<div><h1>SigPlace</h1><div class="content">
+<div class="contentWrapper"><h1>SigPlace</h1><div class="content" id="content_20">
 Basic Content goes here.
-</div><div class="date"></div></div>
+</div><div class="datebar"></div><div class="date"></div></div>
 <br/><br/>
 <a href="otherpage.html">Other Page!</a>
 
diff --git a/sigPlace.java b/sigPlace.java
index 8ff4d51..4ef88a3 100644
--- a/sigPlace.java
+++ b/sigPlace.java
@@ -75,6 +75,7 @@ public class sigPlace {
                             //Start of a title piece.
                             s=s.replace("-",map.get("$TITLE_CONTENT_START"));
                             s=s+map.get("$TITLE_CONTENT_END").replace("%ID%","id=\"content_"+i+"\"");
+                            s=s+"<div class=\"arrow\" onClick=\"expand("+i+")\">⤈</div>";
                             //Use ⤈ if there's more text to be shown than can fit.
                         } else
                         if (s.contains("===")) {