sov: update

sov.d/config

@@ -1,71 +0,0 @@
-# anchor, where to display sov, top, bottom, left, right, center
-anchor center
-
-# margin, distance from edges if anchor is set
-margin 0
-
-# show timeout in millisecs
-timeout 200
-
-# distance between workspaces
-gap 20
-
-# columns
-columns 3
-
-# thumbnail to workspace ratio
-ratio 8
-
-# font face, use any string that is output by fc-list, recommended is Terminus (TTF):style=Bold
-# font_face Terminus (TTF):style=Bold
-font_face Cascadia Code PL:style=Bold
-
-# margin size around text
-text_margin_size 7
-
-# margin top size over text
-text_margin_top_size 4
-
-# title text size
-text_title_size 14
-
-# title text color
-text_title_color #FFFFFFFF
-
-# description text size
-text_description_size 12
-
-# description text color
-text_description_color #999999FF
-
-# workspace number text size
-text_workspace_size 18
-
-# workspace number text color
-# text_workspace_color #FFFFFFFF
-text_workspace_color #268bd2FF
-
-# workspace number x shift
-text_workspace_xshift 11
-
-# workspace number y shift
-text_workspace_yshift -17
-
-# border color
-# border_color #BCBCBCFF
-border_color #268BD2FF
-
-# background color
-background_color #222222FF
-
-# focused background color
-background_color_focused #444444FF
-
-# window color
-window_color #000000AA
-
-# empty thumb color
-empty_color #111111FF
-
-# empty thumb border
-empty_frame_color #555555FF

sov.d/html/main.css

@@ -0,0 +1,84 @@
+#main {
+    border-radius: 10px;
+    background-color: #00000044;
+}
+
+#base {
+    margin: 10px;
+}
+
+.fullscale {
+    height: 100%;
+    width: 100%;
+}
+
+.colflex {
+    display: flex;
+    flex-direction: column;
+}
+
+.rowflex {
+    display: flex;
+    flex-direction: row;
+}
+
+.workspace {
+    margin: 10px;
+    border-radius: 8px;
+    background-color: #000000FF;
+    border-width: 1px;
+    border-color: #555555FF;
+}
+
+.window {
+    width: 100px;
+    height: 80px;
+    background-color: #222222FF;
+    border-radius: 8px;
+    border-width: 1px;
+    border-color: #BCBCBCFF;
+}
+
+.window_active {
+    width: 100px;
+    height: 80px;
+    background-color: #444444FF;
+    border-radius: 8px;
+    border-width: 1px;
+    border-color: #268BD2FF;
+}
+
+.title {
+    width: 100%;
+    height: 21px;
+    margin-top: 4px;
+    margin-left: 4px;
+    margin-right: 4px;
+    margin-bottom: 2px;
+    color: #268bd2FF;
+    font-size: 16px;
+    font-family: "Cascadia Code PL:style=Bold:size=16";
+}
+
+.content {
+    width: 100%;
+    height: 100%;
+    margin-left: 4px;
+    margin-right: 4px;
+    color: #999999FF;
+    vertical-align: top;
+    font-size: 14px;
+    font-family: "Cascadia Code PL:style=Bold:size=14";
+    word-wrap: break-word;
+    line-height: 12px;
+}
+
+.number {
+    width: 20px;
+    height: 20px;
+    right: -14px;
+    top: -9px;
+    color: #FFFFFFFF;
+    font-size: 18px;
+    font-family: "Cascadia Code PL:style=Bold:size=18";
+}

sov.d/html/main.html

@@ -0,0 +1,15 @@
+<div id="main" class="fullscale">
+  <div id="base" class="fullscale colflex">
+    <div id="row" class="fullscale rowflex">
+      <div id="workspace" class="fullscale workspace">
+	<div id="number" class="number" type="label" text="0"/>
+	<div id="window" class="window colflex">
+	  <div id="title" class="title" type="label" text="foot"/>
+	  <div id="content" class="content" type="label" text="build/sov"/>
+	</div>
+	<div id="window_active" class="window_active colflex">
+      </div>
+    </div>
+  </div>
+</div>
+