css wip

src/css/xrforge.css

@@ -1,6 +1,14 @@
 /* Progressive enhancment 
  * NetSurf and Dillo will ignore this entirely because of the modern orientation/feature query 
  */
+body{
+  background:#000000;
+}
+
+.max{
+  display:none;
+}
+
 @import url("xrforge.max.css") supports(display: grid);
 
 /* color palette */ 
@@ -178,7 +186,17 @@ h1{
 }
 
 /* logo */
-.logo{ font-size:15px; display:inline-block;  }
+.logo *{ 
+  font-size:15px; 
+  display:inline-block;
+}
+.logo .cube{
+  font-size: 27px;
+  font-weight: normal;
+  display: inline-block;
+  transform: translate(0px,3px);
+  padding: 0px 1px;
+}
 
 hr{
   margin:20px 0px;

src/css/xrforge.max.css

@@ -1,6 +1,3 @@
-body{
-  background:#000000;
-}
 
 .grid .tile .img{
   visibility: visible;
@@ -155,7 +152,7 @@ u span{
 
 .spectrum{
   display:block !important;
-  box-shadow: 0px 0px 5px #F0F;
+  box-shadow: 0px 3px 10px #F0F;
 }
 
 .spectrum.span{

src/page/header.html

@@ -18,7 +18,14 @@
         <td width="100">
           <div class="margin1L">
             <a href="${opts.baseurl}">
-              <div class="logo col1">XR<div class="logo col2">f̅o̅r̅g̅e̅</div>
+              <div class="logo max">
+                <div class="col1">&lt;</div><div class="cube col2">⧉</div><div class="col1">&gt;</div>
+                your title here
+              </div>
+              <div class="logo min">
+                &lt;⧉&gt;
+                your title here
+              </div>
             </a>
           </div>
         </td>