fix and add missing assets

css/accform.css

@@ -0,0 +1,58 @@
+.buttonbar {
+    display: inline-flex;
+}
+
+.logincontainer {
+    display: flex;
+}
+
+@media only screen and (orientation: portrait) {
+    .logincontainer {
+        flex-direction: column;
+    }
+    
+    .logincontainer .assets,
+    .logincontainer .accinput {
+        text-align: center;
+    }
+}
+
+@media only screen and (orientation: landscape) {
+    .logincontainer {
+        margin-top: 10%;
+    }
+    
+    .logincontainer .assets,
+    .logincontainer .accinput {
+        max-width: 50%;
+    }
+}
+
+.logincontainer .assets,
+.logincontainer .accinput {
+    flex-grow: 1;
+    padding: 8px;
+}
+
+.options .option b {
+    font-family: var(--spfont1);
+    font-size: 12px;
+}
+
+.logincontainer .assets img {
+    max-width: 100%;
+    min-width: 128px;
+    width: 512px;
+}
+
+.logincontainer .accinput h2 {
+    font-family: var(--spfont1);
+}
+
+.logincontainer .separator {
+    border: var(--acc-nav-separator);
+}
+
+.error {
+    color: var(--error);
+}

css/bbc.css

@@ -18,6 +18,22 @@ div.quote {
     margin: 2px;
 }
 
+div.quote.qreply {
+	overflow: hidden;
+    max-height: 128px;
+}
+
+div.quote.qreply::before {
+	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, var(--quote-bg) 100%);
+	width: 100%;
+	height: 64px;
+	display: block;
+	content: "";
+	top: 68px;
+	position: relative;
+	margin-bottom: -68px;
+}
+
 div.quote .subq {
     font-family: var(--spfont1, Pixio);
     margin: -4px -4px 2px -4px;
@@ -76,6 +92,15 @@ div.codeblock > .title {
     border-bottom: var(--quote-border, 1px solid #9b9481);
 }
 
+div.private {
+	--background: #0087ff26;
+	--border: 1px solid #023ECCAB;
+	background: var(--background);
+	border-top: var(--border); border-bottom: var(--border);
+	margin: 2px -4px;
+	padding: 4px;
+}
+
 embed-container {
     display: inline-flex;
     vertical-align: middle;

css/blog.css

@@ -0,0 +1,109 @@
+body.blog-index .article {
+	background-color: var(--menu-bg, #d0d0d0);
+	border: var(--menu-border, 1px solid #a4a4a4);
+	margin: 4px;
+	padding: 8px;
+}
+
+body.blog-index .article p {
+	margin: 2px;
+}
+
+body.blog-index .article i, .article .userlink {
+	font-family: var(--spfont1, Pixio);
+}
+
+body.blog-index .article i { color: var(--subtitle, #525252); }
+
+.body > img {
+	max-width: calc(100% - 64px);
+}
+
+.subject {
+	margin: 4px 0px;
+		}
+
+#commentFrame {
+	width: calc(100% - 8px);
+	border: none;
+}
+
+.comment {
+	background-color: var(--menu-bg, #d0d0d0);
+	border: var(--menu-border, 1px solid #bdbdbd);
+	margin: 4px;
+	padding: 8px;
+}
+
+.comment p {
+	margin: 2px;
+}
+
+.comment i {
+	color: var(--subtitle, #525252);
+}
+
+.userlink, .userlink a {
+	color: var(--main-text, #000000);
+	text-decoration: none;
+}
+
+.userlink, .date i, .comment i, #comments {
+	font-family: var(--spfont1, Pixio);
+}
+
+textarea {
+	width: calc(100% - 8px);
+}
+
+.header-title h1, .header-title .author {
+	margin: 2px;
+}
+
+.header-title .author .userlink {
+	margin: 0px;
+}
+
+.header-title i {
+	color: var(--subtitle, #525252);
+}
+
+
+.comment {
+	background-color: var(--menu-bg, #d0d0d0);
+	border: var(--menu-border, 1px solid #bdbdbd);
+	margin: 4px;
+	padding: 8px;
+}
+
+.comment p {
+	margin: 2px;
+}
+
+.comment a[title="Delete"],
+.userlink,
+.comment i{
+	font-family: var(--spfont1, Pixio);
+}
+
+.comment i {
+	color: var(--subtitle, #525252);
+}
+
+.userlink, .userlink a {
+	color: var(--main-text, #000000);
+	text-decoration: none;
+}
+
+textarea {
+	width: calc(100% - 8px);
+}
+
+#header {
+	font-size: 24px;
+	vertical-align: top;
+}
+
+body#comments > .header-title {
+	top: -10px;
+}

css/radio.css

@@ -0,0 +1,342 @@
+@import url('//assets.worlio.com/style/css/theme.css');
+
+@font-face {
+	font-family:Pixio;
+	src:url(//assets.worlio.com/fonts/Pixio/Pixio.woff2),
+	url(//assets.worlio.com/fonts/Pixio/Pixio.woff),
+	url(//assets.worlio.com/fonts/Pixio/Pixio.ttf) format("truetype");
+}
+
+@font-face {
+	font-family:nk57;
+	src:url(../fonts/nk57/nk57-monospace-cd-rg.ttf) format("truetype"),
+	url(../fonts/nk57/nk57-monospace-cd-bd.ttf) format("truetype"),
+	url(../fonts/nk57/nk57-monospace-cd-it.ttf) format("truetype"),
+	url(../fonts/nk57/nk57-monospace-cd-lt.ttf) format("truetype");
+}
+
+:root {
+	--primary: #0079b5;
+	--primary-border: #009ae6;
+
+	--secondary: #f3dca9;
+	--secondary-border: #f2e5c8;
+
+	--button: #DFDFDF;
+	--button-active: gray;
+
+	--monitor: #0F0F0F;
+	--monitor-text: #F0F0F0;
+	--monitor-border: gray;
+
+	--link-color: unset;
+}
+
+*:link, *:visited {
+	color: var(--link-color);
+}
+
+html {
+	height: 100%;
+}
+
+body {
+	background: var(--background-image) var(--main-background);
+	background-repeat: repeat;
+	height: 100%;
+	margin: 0;
+}
+
+body, button, fakebutton, input { font-family: Pixio; }
+
+.container, .player-container {
+	background: var(--primary);
+	border: 2px outset var(--primary-border);
+	padding: 4px;
+}
+.container {
+	min-width: 320px;
+	min-height: 280px;
+	display: flex;
+	gap: 4px;
+	margin: auto;
+	max-width: 976px;
+}
+.player-container {
+	position: relative;
+	border-bottom: none;
+	width: 320px;
+	height: 78px;
+	margin-bottom: -2px;
+	z-index: 1;
+}
+.footer {
+	min-width: 320px;
+	max-width: 976px;
+	text-align: right;
+	margin: auto;
+}
+
+player, visualizer {
+	display: flex;
+	flex-direction: column;
+	background: var(--secondary);
+	border: 2px outset var(--secondary-border);
+	flex-shrink: 0;
+	padding: 4px;
+}
+
+.banner {
+	display: flex;
+}
+
+player {
+	width: 308px; height: 68px;
+}
+
+visualizer {
+	margin-bottom: 4px;
+}
+
+.vis-container {
+	width: 320px;
+	max-width: 320px;
+}
+
+button, fakebutton, slider {
+	border: 2px outset var(--button);
+	background: var(--button);
+}
+
+slider input {
+	background: lightgray;
+	-webkit-appearance: none;
+	appearance: none;
+	height: 50%;
+	margin: auto 4px;
+	width: 96px;
+}
+
+slider input::-webkit-slider-thumb,
+slider input::-moz-range-thumb {
+	background: gray;
+	-webkit-appearance: none;
+	appearance: none;
+	width: 8px;
+	height: 100%;
+	border: none;
+	border-radius: 0;
+}
+
+select {
+	border: none;
+	background: none;
+}
+
+button:active,
+button.active,
+fakebutton:active,
+fakebutton.active {
+	border: 2px inset var(--button-active);
+	background: var(--button-active);
+}
+
+fakebutton { display: flex; }
+fakebutton img { margin: 2px; }
+
+controls {
+	display: flex;
+}
+
+controls input { flex-grow: 1; }
+
+tablist {
+	display: flex;
+	flex-shrink: 0;
+}
+
+metadata, canvas {
+	color: var(--monitor-text);
+	background: black;
+	border: 2px inset var(--secondary-border);
+}
+
+metadata {
+	padding: 4px;
+	display: flex;
+	flex-direction: column;
+}
+metadata station { font-weight: bold; }
+
+panel {
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+}
+
+stations {
+	display: flex;
+	flex-direction: column;
+	overflow-y: auto;
+	border: 2px inset var(--primary-border);
+	margin: 2px;
+	flex-grow: 1;
+}
+
+favorites, history, stats {
+	background: var(--monitor);
+	color: var(--monitor-text);
+	border: 2px inset var(--monitor-border);
+	flex-grow: 1;
+	display: flex;
+	flex-direction: column;
+	padding: 4px;
+	overflow-y: scroll;
+	min-height: 0;
+}
+
+tabbox {
+	display: none;
+	flex-direction: column;
+	flex-grow: 1;
+}
+tabbox.active { display: flex; }
+
+station {
+	display: flex;
+	flex-direction: column;
+	cursor: pointer;
+	user-select: none;
+	padding: 4px;
+	margin: 2px;
+	border: 2px inset var(--button-active);
+	background: var(--button-active);
+}
+
+station.active {
+	background: var(--button);
+	border: 2px outset var(--button);
+	color: black;
+}
+
+station station-name { font-weight: bold; }
+station track-meta {
+	font-size: 12px;
+}
+
+history track-container {
+	display: flex;
+	flex-direction: column;
+	padding: 2px;
+}
+
+history track-container track-station { font-weight: bold; }
+
+history track-container:nth-of-type(1) {
+	background-color: var(--monitor-text);
+	color: var(--monitor);
+}
+
+canvas.vis, canvas.metadata { border-bottom: none; }
+
+.button-row { display: flex; }
+
+.fav-button img {
+	filter: contrast(0%);
+}
+
+.fav-button.fav img {
+	filter: none;
+}
+
+favorites .station-header,
+history .station-header {
+	text-align: center;
+	margin: 4px 0;
+	text-decoration: underline;
+	margin-top: 12px;
+}
+
+favorites .track,
+history .track {
+	display: flex;
+	border-bottom: 1px dashed var(--monitor-text);
+	margin: 2px 0;
+}
+
+favorites .track button,
+history .track button {
+	background: none;
+	border: none;
+	cursor: pointer;
+	flex-shrink: 0;
+	flex-grow: 0;
+	margin: 2px;
+}
+
+favorites .track a,
+history .track a {
+	flex-grow: 1;
+}
+
+@media only screen and (orientation: portrait) {
+	.container, .footer {
+		flex-direction: column;
+		width: 320px;
+	}
+
+	.banner { flex-direction: column-reverse; }
+	.banner img, .player-container {
+		margin: auto;
+	}
+	.banner > img { flex-shrink: 0; }
+	.player-container { margin-bottom: -2px; }
+
+	panel {
+		max-height: 480px;
+	}
+
+	favorites, history {
+		height: 240px;
+	}
+
+	body.old panel#favorites, body.old panel#history { display: none; }
+}
+
+@media only screen and (orientation: landscape) {
+	.container, .footer {
+		width: calc(100% - 64px);
+	}
+	body:not(.old) .container { height: calc(100% - 212px); }
+
+	.banner {
+		margin: auto;
+		min-width: 320px;
+		width: calc(100% - 52px);
+		max-width: 988px;
+	}
+	.banner > img { margin-top: 2px; } 
+
+	.player-container {
+		margin-top: 48px;
+	}
+
+	/* OLD */
+	body.old .container, body.old .footer {
+		flex-direction: column;
+		width: 320px;
+	}
+
+	body.old .banner { flex-direction: column-reverse; }
+	body.old .banner img, body.old .player-container {
+		margin: auto;
+	}
+	body.old .banner > img { flex-shrink: 0; }
+	body.old .player-container { margin-bottom: -2px; }
+
+	body.old panel {
+		max-height: 480px;
+	}
+
+	body.old panel#favorites, body.old panel#history { display: none; }
+}

css/settings.css

@@ -0,0 +1,116 @@
+iframe {
+width: 100%;
+border: none;
+min-height: 128px;
+}
+
+.box[name="profile"] img.avatar {
+	float: left;
+	margin: 2px;
+}
+
+.tabbed-container .box {
+padding: 8px;
+}
+
+.tablist .tab {
+cursor: pointer;
+}
+
+.box .option .title.small {
+font-size: 12px;
+}
+
+.option {
+margin: 8px 0px;
+}
+
+.option.disabled > *:not(.title) {
+opacity: 0.2;
+}
+
+.option .title {
+font-family: var(--spfont1);
+font-weight: bold;
+}
+
+.option .inputtext:not(.shown) {
+display: none;
+}
+
+.box hr {
+border: var(--menu-border);
+}
+
+.box .buttonbar {
+border-top: var(--menu-border);
+padding: 4px;
+display: flex;
+}
+
+.box .buttonbar .grower {
+flex-grow: 1;
+}
+
+.box[name="sessions"] .session {
+background: var(--mail-content-bg, #dbdbdb);
+border: var(--mail-content-border, 1px outset #a8a8a8);
+padding: 4px;
+margin: 8px 0px;
+}
+
+.box[name="sessions"] .session .title {
+background: var(--mail-subject-bg, #b7b7b7);
+border: var(--mail-subject-border, 1px outset #8a8a8a);
+display: flex;
+padding: 4px;
+margin: -8px;
+margin-bottom: 4px;
+font-family: var(--spfont1);
+}
+
+.box[name="sessions"] .session .title img {
+height: 16px;
+}
+
+.box[name="sessions"] .session .title b {
+flex-grow: 1;
+}
+
+.box[name="sessions"] .session .title .button {
+margin: 0px !important;
+}
+
+.box .pager { display: flex; }
+
+.box .userlist .user-box {
+    display: flex;
+    margin: 4px 0px;
+}
+.box .userlist .user-box:hover { background: #0001; }
+
+.box .userlist .user-box hr {
+    margin: 4px;
+}
+
+.guestbooklist .gbmsgbox {
+    border: var(--menu-border);
+    background: var(--menu-bg);
+    margin: 4px;
+    padding: 2px;
+}
+
+.guestbooklist .gbmsgbox .name {
+    display: flex;
+}
+@media only screen and (orientation: landscape) {
+.tabbed-container.primary > .box .tabbed-container.secondary {
+	margin: -44px -4px -8px -4px;
+}
+
+.tabbed-container.primary > .box .tabbed-container.secondary .box {
+	border-left: none;
+	border-right: none;
+	border-bottom: none;
+}
+}

error/401.svg

@@ -1,22 +1,22 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    width="379.21594"
    height="684.04822"
    viewBox="0 0 100.33419 180.98776"
    version="1.1"
    id="svg8"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
    sodipodi:docname="worlioservice.svg"
    inkscape:export-filename="/home/nick/Pictures/wb/worlioservice.png"
    inkscape:export-xdpi="200.11066"
-   inkscape:export-ydpi="200.11066">
+   inkscape:export-ydpi="200.11066"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <defs
      id="defs2">
     <inkscape:path-effect
@@ -130,8 +130,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="0.64"
-     inkscape:cx="133.83238"
+     inkscape:cx="135.15625"
-     inkscape:cy="285.97738"
+     inkscape:cy="286.71875"
      inkscape:document-units="mm"
      inkscape:current-layer="layer1"
      showgrid="false"
@@ -140,9 +140,9 @@
      borderlayer="true"
      inkscape:showpageshadow="false"
      inkscape:window-width="1920"
-     inkscape:window-height="1019"
+     inkscape:window-height="1016"
      inkscape:window-x="0"
-     inkscape:window-y="0"
+     inkscape:window-y="28"
      inkscape:window-maximized="1"
      inkscape:document-rotation="0"
      showguides="false"
@@ -158,7 +158,6 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -178,11 +177,6 @@
        d="m 118.95208,153.3761 c 1.27082,2.30601 9.54587,1.50916 14.09825,1.16504 5.85063,-0.44227 14.2205,-1.07119 15.05033,-3.18844 0.50055,-1.27712 1.03699,5.58429 1.502,9.32474 0.39166,3.1504 0.76818,10.88382 1.04948,17.08207 0.26695,5.88189 0.29222,10.13793 -0.3248,9.0348 -1.53305,-2.74084 -9.26258,-1.78825 -14.17459,-1.53669 -3.90142,0.19981 -10.58536,0.95375 -11.41614,2.64969 -0.84201,1.71887 -0.6527,-2.80781 -1.20289,-8.36823 -0.30546,-3.08715 -1.53581,-7.7221 -2.51512,-12.71239 -0.98371,-5.01269 -3.50975,-16.06945 -2.06652,-13.45059 z"
        id="path1639"
        sodipodi:nodetypes="sssssssssss" />
-    <path
-       style="fill:#cbd9f0;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 99.049518,205.80605 c 0.698755,-2.09283 3.662782,-2.83469 7.176942,-2.79329 2.17696,0.0257 2.90458,0.1993 5.38962,2.92972 0.80196,0.88115 -1.74883,-11.02395 -2.73425,-14.07825 -1.77548,-5.50303 -6.1671,-6.34468 -8.944683,2.42835 -0.824415,2.60396 -1.717358,13.99858 -0.887629,11.51347 z"
-       id="path1641"
-       sodipodi:nodetypes="ssssss" />
     <path
        style="fill:none;stroke:#000000;stroke-width:0.665;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        d="m 118.57589,152.97674 c 0,0 0.11711,-0.32552 0.46659,-0.2974"

error/403.svg

@@ -1,22 +1,22 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    width="398.62943"
    height="614.0448"
    viewBox="0 0 105.47083 162.46602"
    version="1.1"
    id="svg8"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
    sodipodi:docname="worliodoor.svg"
    inkscape:export-filename="/home/nick/Pictures/wb/worliodoor.png"
    inkscape:export-xdpi="200.11099"
-   inkscape:export-ydpi="200.11099">
+   inkscape:export-ydpi="200.11099"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <defs
      id="defs2">
     <inkscape:path-effect
@@ -100,10 +100,10 @@
        inkscape:collect="always"
        style="color-interpolation-filters:sRGB"
        id="filter996"
-       x="-0.015583063"
+       x="-0.015544908"
-       width="1.0311661"
+       width="1.0310898"
-       y="-0.0097505692"
+       y="-0.010110337"
-       height="1.0195011">
+       height="1.0202207">
       <feGaussianBlur
          inkscape:collect="always"
          stdDeviation="0.643979"
@@ -126,20 +126,20 @@
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="1.5273506"
+     inkscape:zoom="1.08"
-     inkscape:cx="172.76499"
+     inkscape:cx="88.425929"
-     inkscape:cy="260.68263"
+     inkscape:cy="279.16668"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer5"
+     inkscape:current-layer="layer6"
      showgrid="false"
      units="px"
      inkscape:pagecheckerboard="true"
      borderlayer="true"
      inkscape:showpageshadow="false"
      inkscape:window-width="1920"
-     inkscape:window-height="1019"
+     inkscape:window-height="1016"
      inkscape:window-x="0"
-     inkscape:window-y="0"
+     inkscape:window-y="28"
      inkscape:window-maximized="1"
      inkscape:document-rotation="0"
      fit-margin-top="-1"
@@ -154,7 +154,6 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -309,11 +308,6 @@
        d="m 142.52273,84.706349 c 0.73804,1.160268 4.46957,0.924166 6.47804,0.814244 1.86168,-0.101889 5.67067,-4.229066 5.67067,-4.229066 l 0.25283,21.996613 c 0,0 -2.96992,-0.74078 -4.34561,-0.27785 -1.25686,0.42294 -2.93981,1.88957 -3.00908,2.60243 -0.15822,1.6282 -2.97649,-6.396684 -3.64765,-9.785196 -0.72359,-3.653219 -2.44834,-12.770507 -1.3992,-11.121175 z"
        id="path1140"
        sodipodi:nodetypes="ssccssss" />
-    <path
-       style="fill:#cbd9f0;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 153.07182,182.39017 c 0,0 1.30599,-3.04476 -2.08875,-3.07374 -6.8296,-0.0583 -8.67582,3.83574 -8.75753,6.0862 -0.11842,3.26141 3.30598,5.64218 7.89632,5.8347 3.95462,0.16586 3.37749,-4.03514 3.37749,-4.03514 z"
-       id="path1142"
-       sodipodi:nodetypes="cssscc" />
     <path
        style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264584px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 127.89759,65.830886 c 0.18085,0.108124 0.25872,0.159208 0.35853,0.270902 0.15762,0.176393 0.3209,0.455819 0.36168,0.610585 0.058,0.220195 0.0567,0.481515 -0.0112,0.71075 -0.0951,0.320954 -0.22473,0.459347 -0.36838,0.647419 -0.1587,0.207783 -0.45822,0.327393 -0.72444,0.399058 -0.28354,0.07633 -0.6095,0.100324 -0.88068,0.01976 -0.3259,-0.09682 -0.59746,-0.344106 -0.80149,-0.610992 -0.11982,-0.156739 -0.19249,-0.353392 -0.2228,-0.548342 -0.0325,-0.20898 -0.0178,-0.427048 0.0491,-0.632569 z"

error/404.svg

@@ -1,22 +1,22 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    width="803.73767"
    height="602.31854"
    viewBox="0 0 212.65554 159.36345"
    version="1.1"
    id="svg8"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
    sodipodi:docname="worliobox.svg"
    inkscape:export-filename="/home/nick/Pictures/wb/worliobox.png"
    inkscape:export-xdpi="200.11066"
-   inkscape:export-ydpi="200.11066">
+   inkscape:export-ydpi="200.11066"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <defs
      id="defs2">
     <inkscape:path-effect
@@ -108,19 +108,19 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="0.90509668"
-     inkscape:cx="280.25836"
+     inkscape:cx="360.73494"
-     inkscape:cy="352.65541"
+     inkscape:cy="292.23397"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer1"
+     inkscape:current-layer="layer2"
      showgrid="false"
      units="px"
      inkscape:pagecheckerboard="true"
      borderlayer="true"
      inkscape:showpageshadow="false"
      inkscape:window-width="1920"
-     inkscape:window-height="1019"
+     inkscape:window-height="1016"
      inkscape:window-x="0"
-     inkscape:window-y="0"
+     inkscape:window-y="28"
      inkscape:window-maximized="1"
      inkscape:document-rotation="0"
      showguides="false"
@@ -136,7 +136,6 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -253,11 +252,6 @@
        d="m 37.247057,51.638789 c -8.48199,4.971791 -8.10932,13.176612 -4.85187,19.443866"
        id="path1553"
        sodipodi:nodetypes="cc" />
-    <path
-       style="fill:#cbd9f0;fill-opacity:1;stroke:#000000;stroke-width:0.465;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 64.382897,58.983534 c 2.13441,2.130875 1.13122,8.195929 1.10561,11.209413 -0.0317,3.732048 -0.31629,7.137201 -2.12954,8.435826 -1.14413,0.819405 6.22013,0.619946 9.10874,0.174165 4.73712,-0.731051 11.42189,-2.828541 12.9345,-4.903227 1.58721,-2.177029 2.20273,-6.226199 0.6254,-9.053045 -2.24865,-4.029973 -7.44758,-4.398116 -10.69527,-4.784866 -3.03368,-0.361263 -11.75127,-1.878764 -10.94944,-1.078266 z"
-       id="path1555"
-       sodipodi:nodetypes="ssssssss" />
     <path
        style="fill:none;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
        d="m 64.382897,58.983534 c 0,0 -0.0384,0.02605 -0.12052,0.659637"

error/451.svg

@@ -1,22 +1,22 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   width="445.30249"
-   xmlns:cc="http://creativecommons.org/ns#"
+   height="678.40161"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   viewBox="0 0 117.81959 179.49376"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="450.26691"
-   height="679.88403"
-   viewBox="0 0 119.13309 179.88598"
    version="1.1"
    id="svg8"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
    sodipodi:docname="worliojudge.svg"
    inkscape:export-filename="/home/nick/Pictures/wb/worliojudge.png"
    inkscape:export-xdpi="200.11066"
-   inkscape:export-ydpi="200.11066">
+   inkscape:export-ydpi="200.11066"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <defs
      id="defs2">
     <inkscape:path-effect
@@ -289,8 +289,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="0.90509668"
-     inkscape:cx="23.707994"
+     inkscape:cx="19.334951"
-     inkscape:cy="427.796"
+     inkscape:cy="428.13106"
      inkscape:document-units="mm"
      inkscape:current-layer="layer5"
      showgrid="false"
@@ -299,9 +299,9 @@
      borderlayer="true"
      inkscape:showpageshadow="false"
      inkscape:window-width="1920"
-     inkscape:window-height="1019"
+     inkscape:window-height="1016"
      inkscape:window-x="0"
-     inkscape:window-y="0"
+     inkscape:window-y="28"
      inkscape:window-maximized="1"
      inkscape:document-rotation="0"
      showguides="false"
@@ -317,7 +317,6 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -325,7 +324,7 @@
      inkscape:label="Camada 1"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(-62.516932,-108.24581)"
+     transform="translate(-63.83043,-108.24581)"
      style="display:inline">
     <path
        style="fill:none;stroke:#000000;stroke-width:0.665;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
@@ -337,7 +336,7 @@
      inkscape:groupmode="layer"
      id="layer5"
      inkscape:label="Camada 5"
-     transform="translate(-62.516932,-22.912494)">
+     transform="translate(-63.83043,-22.912494)">
     <path
        style="display:inline;fill:#ffb0bd;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        d="m 110.99271,125.44556 c -5.44441,10.10509 -6.47263,21.52005 -7.12957,32.97966 -0.6006,10.47695 -0.8904,31.01164 -0.8904,31.01164 l 28.07869,0.90297 c 0,0 -3.41747,-29.81319 -0.10335,-44.7518 0.76749,-3.45948 3.61735,-10.64534 3.61735,-10.64534 11.16955,2.40055 23.02979,4.40566 28.47144,1.24543 4.98693,-2.89614 4.97966,-11.76537 -0.59274,-17.7408 -4.4608,-4.78343 -13.33272,-7.44602 -20.70981,-7.24977 -5.04158,0.13411 -14.66455,0.82484 -19.49915,3.56904 -5.89674,3.34709 -9.60537,7.64046 -11.24246,10.67897 z"
@@ -365,11 +364,6 @@
        cy="34.546452"
        rx="1.2919109"
        ry="1.2919108" />
-    <path
-       style="display:inline;fill:#cbd9f0;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 92.764076,186.10839 c -1.117504,-0.29752 -5.905177,3.98281 -8.009847,6.92464 -1.939359,2.71077 -4.589869,7.94302 -3.565674,9.14672 1.366693,1.60624 -9.162974,-3.92793 -12.815756,-7.28637 -1.910081,-1.75616 -3.885668,-3.50145 -4.650878,-6.04614 -0.645163,-2.14547 -1.482202,-4.47205 -0.206706,-6.66626 0.836314,-1.43869 2.041799,-2.6133 3.772379,-3.04891 3.276662,-0.82479 6.355039,-0.4633 9.818522,0.4651 5.370422,1.43955 16.845837,6.82747 15.65796,6.51122 z"
-       id="path1151"
-       sodipodi:nodetypes="sssssssss" />
     <path
        style="fill:#4c381d;fill-opacity:1;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 149.89018,99.390855 2.63093,-2.33861 h 15.27404 l 1.75395,1.753957"
@@ -389,7 +383,7 @@
      inkscape:groupmode="layer"
      id="layer7"
      inkscape:label="Camada 7"
-     transform="translate(-57.572425)">
+     transform="translate(-58.885923)">
     <path
        style="display:inline;fill:#cbd9f0;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        d="m 103.72423,152.14258 c 0.21516,1.00284 7.60505,3.31747 11.65303,3.43648 4.97817,0.14636 14.08296,0.23243 14.70195,-1.36943 0.49022,-1.26863 -0.14384,9.68509 0.0775,14.62443 0.32403,7.2304 1.44693,21.88497 1.44693,21.88497 l -30.33558,0.86444 c 0,0 0.16465,-14.71046 0.38314,-20.49413 0.796,-3.37167 1.70634,-20.65584 2.07303,-18.94676 z"
@@ -401,7 +395,7 @@
      inkscape:groupmode="layer"
      id="layer6"
      inkscape:label="Camada 6"
-     transform="translate(-57.572425)">
+     transform="translate(-58.885923)">
     <path
        style="fill:#e34f44;fill-opacity:1;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 114.49851,46.318632 c -0.37087,0.654797 2.32025,2.633684 2.78856,3.127942 0.34242,0.361393 -0.0315,24.107075 -0.0315,24.107075 l 2.1407,2.044834 1.68654,-2.294737 c 0,0 -1.2659,-23.286677 -0.97292,-23.90207 0.37845,-0.794928 2.05784,-2.831064 1.77858,-3.268868 -0.108,-0.169323 -7.30615,0.03785 -7.38996,0.185824 z"
@@ -418,7 +412,7 @@
      inkscape:groupmode="layer"
      id="layer3"
      inkscape:label="Camada 3"
-     transform="translate(-62.516932,-22.912494)">
+     transform="translate(-63.83043,-22.912494)">
     <path
        style="fill:#765933;fill-opacity:1;stroke:#000000;stroke-width:0.445857px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 108.53291,97.853431 c -1.04313,-1.864557 -0.80881,-2.999788 -0.80881,-2.999788 l -17.101336,7.828017 c -0.70844,1.20405 -0.420595,1.10752 -0.231658,2.27815 0.194046,1.20231 0.245997,2.09145 1.259064,1.57077 z"
@@ -431,7 +425,7 @@
      inkscape:groupmode="layer"
      id="layer4"
      inkscape:label="Camada 4"
-     transform="translate(-62.516932,-22.912494)">
+     transform="translate(-63.83043,-22.912494)">
     <g
        id="g1191"
        transform="translate(-6.4315189,2.3403305)">
@@ -463,7 +457,7 @@
      inkscape:groupmode="layer"
      id="layer2"
      inkscape:label="Camada 2"
-     transform="translate(-62.516932,-22.912494)">
+     transform="translate(-63.83043,-22.912494)">
     <g
        id="g1115"
        style="display:inline"

error/500.svg

@@ -1,22 +1,22 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   width="453.88458"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="766.90509"
    height="371.59338"
-   viewBox="0 0 202.91025 98.317418"
+   viewBox="0 0 120.09026 98.317418"
    version="1.1"
    id="svg8"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
    sodipodi:docname="worliohurt.svg"
    inkscape:export-filename="/home/nick/Pictures/wb/worliopolice.png"
    inkscape:export-xdpi="200.11066"
-   inkscape:export-ydpi="200.11066">
+   inkscape:export-ydpi="200.11066"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <defs
      id="defs2">
     <inkscape:path-effect
@@ -129,9 +129,9 @@
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="0.50954463"
+     inkscape:zoom="1"
-     inkscape:cx="462.06036"
+     inkscape:cx="111.5"
-     inkscape:cy="-0.84770864"
+     inkscape:cy="158.5"
      inkscape:document-units="mm"
      inkscape:current-layer="layer4"
      showgrid="false"
@@ -140,9 +140,9 @@
      borderlayer="true"
      inkscape:showpageshadow="false"
      inkscape:window-width="1920"
-     inkscape:window-height="1019"
+     inkscape:window-height="1016"
      inkscape:window-x="0"
-     inkscape:window-y="0"
+     inkscape:window-y="28"
      inkscape:window-maximized="1"
      inkscape:document-rotation="0"
      showguides="false"
@@ -158,7 +158,6 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -166,17 +165,12 @@
      inkscape:groupmode="layer"
      id="layer3"
      inkscape:label="Camada 3"
-     transform="translate(-2.4805923,-108.06491)">
+     transform="translate(-79.077472,-108.06491)">
     <path
        style="fill:#ffb0bd;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 111.70362,134.81993 -12.583839,3.72943 c 0,0 -1.218447,8.57103 -3.019835,12.43883 -4.309178,9.25234 -13.669375,12.89572 -15.632667,22.91172 -1.425214,7.27092 -2.15149,17.35617 2.927675,23.32176 6.157351,7.23194 17.870686,7.33363 27.344476,8.01283 16.66941,1.19507 42.80087,2.14578 54.66618,-5.30964 7.93783,-4.98763 3.04826,-14.6426 8.56286,-19.5539 3.25205,-2.89627 7.22127,-3.11818 11.64146,-4.26213 5.16004,-1.33543 15.13003,1.24207 18.16673,-3.13832 2.62152,-3.78151 -1.871,-4.0014 -7.19732,-6.47406 -2.74789,-1.27567 -10.33629,-1.13276 -14.76866,-0.93927 -7.05817,0.30811 -15.06763,2.15091 -21.02611,7.79108 -3.5289,3.34037 0.40691,8.08182 -3.00322,11.54335 -5.41934,5.50103 -13.85963,7.3231 -21.94448,7.42395 -11.14481,0.13901 -23.3381,-2.41145 -28.46432,-11.67166 -2.34824,-4.24196 -1.28583,-10.2983 1.66873,-13.38917 3.57225,-3.73705 14.58473,-11.46697 17.5509,-19.76309 2.22771,-6.23071 -1.01875,-12.44098 -1.01875,-12.44098 z"
+       d="m 111.70362,134.81993 -12.583839,3.72943 c 0,0 -1.218447,8.57103 -3.019835,12.43883 -4.309178,9.25234 -13.669375,12.89572 -15.632667,22.91172 -1.425214,7.27092 -2.15149,17.35617 2.927675,23.32176 6.157351,7.23194 17.870686,7.33363 27.344476,8.01283 16.66941,1.19507 42.80087,2.14578 54.66618,-5.30964 7.93783,-4.98763 3.04826,-14.6426 8.56286,-19.5539 3.25205,-2.89627 7.22127,-3.11818 11.64146,-4.26213 5.16004,-1.33543 8.04877,0.0894 12.05392,-3.42738 2.34538,-2.05942 0.76225,-5.09482 -1.08451,-6.185 -2.6089,-1.54009 -10.33629,-1.13276 -14.76866,-0.93927 -7.05817,0.30811 -15.06763,2.15091 -21.02611,7.79108 -3.5289,3.34037 0.40691,8.08182 -3.00322,11.54335 -5.41934,5.50103 -13.85963,7.3231 -21.94448,7.42395 -11.14481,0.13901 -23.3381,-2.41145 -28.46432,-11.67166 -2.34824,-4.24196 -1.28583,-10.2983 1.66873,-13.38917 3.57225,-3.73705 14.58473,-11.46697 17.5509,-19.76309 2.22771,-6.23071 -1.01875,-12.44098 -1.01875,-12.44098 z"
        id="path2005"
        sodipodi:nodetypes="ccsssssssssssssssscc" />
-    <path
-       style="fill:#cbd9f0;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 184.69078,165.024 c 1.06362,1.0373 3.26789,3.17151 3.53856,5.29191 0.27379,2.14481 -0.87585,5.31098 -2.1072,6.13484 -0.72643,0.48603 6.80941,-0.26685 10.17287,-0.24817 2.52685,0.014 5.31264,0.11444 7.35844,-1.78427 1.86466,-1.73059 2.13787,-4.34484 -0.81348,-6.58374 -3.15241,-1.43035 -5.87343,-2.52858 -8.01983,-2.80904 -5.75853,-0.70498 -11.00693,-0.85739 -10.12936,-0.002 z"
-       id="path2016"
-       sodipodi:nodetypes="sssssccs" />
     <path
        style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 130.3576,191.96497 c 1.43713,3.70844 2.65856,9.54442 -2.62356,14.07734"
@@ -212,11 +206,6 @@
        d="m 118.65247,190.02174 c 1.74539,7.24534 -1.08798,12.38445 -10.39759,14.92989"
        id="path2034"
        sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#000000;stroke-width:0.665;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 184.61993,164.74459 c 0,0 -0.35742,0.10213 -0.34143,0.69557"
-       id="path2036"
-       sodipodi:nodetypes="cc" />
     <path
        style="fill:#ba5e53;fill-opacity:1;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        d="m 106.97287,119.13244 4.65287,1.20412 4.13384,-1.62163 c 0,0 -1.11913,-0.77003 -1.28364,-2.29507 -0.16035,-1.48642 -0.39492,-3.14837 -0.67863,-4.41394 -0.42893,-1.91334 -0.0836,-3.08676 -1.51513,-3.61192 -0.98465,-0.13442 -2.05766,-0.0901 -3.02648,0.0807 -1.05249,0.16021 -1.66968,0.82809 -1.8727,1.93303 -0.38873,2.10621 0.40512,4.50836 0.37983,6.62739 -0.0117,0.97947 -0.78996,2.09728 -0.78996,2.09728 z"
@@ -227,13 +216,13 @@
      inkscape:label="Camada 1"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(-2.4805923,-193.39823)"
+     transform="translate(-79.077472,-193.39823)"
      style="display:inline" />
   <g
      inkscape:groupmode="layer"
      id="layer2"
      inkscape:label="Camada 2"
-     transform="translate(-2.4805923,-108.06491)">
+     transform="translate(-79.077472,-108.06491)">
     <path
        style="fill:#ffb0bd;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        d="m 101.21982,120.26931 c 5.13698,-3.58424 13.84373,-4.45125 19.89717,-1.35149 4.11272,2.10599 8.12407,6.99367 8.31374,12.09763 0.19496,5.2467 -3.60286,10.52409 -7.59353,13.20408 -5.42005,3.63992 -13.17748,4.75785 -18.85129,1.65241 -4.050085,-2.21672 -7.180583,-6.81691 -7.537299,-12.66996 -0.354467,-5.81614 2.618755,-10.68637 5.771209,-12.93267 z"
@@ -286,56 +275,5 @@
      inkscape:groupmode="layer"
      id="layer4"
      inkscape:label="Camada 4"
-     transform="translate(-2.4805923,-108.06491)">
+     transform="translate(-79.077472,-108.06491)" />
-    <path
-       style="fill:#999999;fill-opacity:1;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 8.0696918,205.59511 75.0387682,-1.3701 -11.034167,-9.27301 4.15199,-13.46955 -14.228397,-7.04789 -11.348019,-6.66028 -35.953963,7.61072 -0.575112,4.85591 2.206356,12.16516 -4.561558,2.27561 -8.7850262,5.79581 z"
-       id="path1950" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 28.728368,172.54025 1.077176,2.63752"
-       id="path1952"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 16.327148,192.40607 5.011173,-9.66738"
-       id="path1954"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 40.013265,191.80402 7.262873,-2.23909 2.98059,0.92742"
-       id="path1956" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 76.226283,181.48245 -8.663107,3.43986"
-       id="path1958" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 61.997886,174.43456 -1.140592,5.45818"
-       id="path1960"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 50.649867,167.77428 -3.976799,4.26418"
-       id="path1962"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 83.108458,204.22501 62.903393,197.85654"
-       id="path1964" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 72.074293,194.952 -9.1709,2.90454"
-       id="path1966" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 8.0696918,205.59511 3.3407722,-7.03568"
-       id="path1968"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 49.635528,204.81132 7.511758,-7.01605"
-       id="path1970"
-       sodipodi:nodetypes="cc" />
-  </g>
 </svg>

logos/icon/matrix.svg

@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 13.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 14576)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="340.80899"
+   height="340.80899"
+   viewBox="0 0 340.80898 340.809"
+   enable-background="new 0 0 793.322 340.809"
+   xml:space="preserve"
+   sodipodi:docname="matrix logo.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs53" /><sodipodi:namedview
+   id="namedview51"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   showgrid="false"
+   inkscape:zoom="1.6147289"
+   inkscape:cx="396.35136"
+   inkscape:cy="183.62215"
+   inkscape:window-width="1910"
+   inkscape:window-height="1003"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_1" />
+<path
+   opacity="0.5"
+   fill="#ffffff"
+   d="M 34.004,340.809 H 2 c -1.104,0 -2,-0.896 -2,-2 V 2 C 0,0.896 0.896,0 2,0 h 32.004 c 1.104,0 2,0.896 2,2 v 7.71 c 0,1.104 -0.896,2 -2,2 h -21.13 v 317.386 h 21.13 c 1.104,0 2,0.896 2,2.001 v 7.712 c 0,1.104 -0.896,2 -2,2 z"
+   id="path2" />
+<path
+   opacity="0.5"
+   fill="#ffffff"
+   d="m 10.875,9.711 v 321.386 h 23.13 v 7.711 H 1.999 V 2.001 h 32.006 v 7.71 z"
+   id="path4" />
+<path
+   opacity="0.5"
+   fill="#ffffff"
+   d="m 252.402,233.711 h -32.993 c -1.104,0 -2,-0.896 -2,-2 v -68.073 c 0,-3.949 -0.154,-7.722 -0.457,-11.213 -0.289,-3.282 -1.074,-6.153 -2.332,-8.53 -1.204,-2.276 -3.017,-4.119 -5.384,-5.476 -2.393,-1.362 -5.775,-2.056 -10.042,-2.056 -4.238,0 -7.674,0.798 -10.213,2.371 -2.565,1.596 -4.604,3.701 -6.053,6.258 -1.498,2.643 -2.51,5.694 -3.013,9.067 -0.526,3.513 -0.793,7.125 -0.793,10.741 v 66.91 c 0,1.104 -0.896,2 -2,2 h -32.991 c -1.104,0 -2,-0.896 -2,-2 v -67.373 c 0,-3.435 -0.078,-6.964 -0.228,-10.485 -0.148,-3.251 -0.767,-6.278 -1.841,-8.995 -1.018,-2.571 -2.667,-4.584 -5.047,-6.153 -2.372,-1.552 -6.029,-2.341 -10.865,-2.341 -1.372,0 -3.265,0.328 -5.629,0.976 -2.28,0.624 -4.536,1.826 -6.705,3.577 -2.152,1.732 -4.036,4.306 -5.605,7.655 -1.569,3.356 -2.367,7.877 -2.367,13.438 v 69.701 c 0,1.104 -0.895,2 -2,2 H 68.857 c -1.104,0 -2,-0.896 -2,-2 V 111.594 c 0,-1.104 0.896,-1.999 2,-1.999 h 31.13 c 1.104,0 2,0.896 2,1.999 v 11.007 c 3.834,-4.499 8.248,-8.152 13.173,-10.896 6.396,-3.559 13.799,-5.362 22.002,-5.362 7.846,0 15.127,1.548 21.642,4.604 5.794,2.722 10.424,7.26 13.791,13.52 3.449,-4.362 7.833,-8.306 13.071,-11.752 6.422,-4.228 14.102,-6.371 22.824,-6.371 6.499,0 12.625,0.807 18.209,2.399 5.686,1.628 10.635,4.271 14.712,7.857 4.088,3.605 7.318,8.357 9.601,14.123 2.25,5.719 3.391,12.649 3.391,20.604 v 80.384 c -0.001,1.104 -0.896,2 -2.001,2 z"
+   id="path6" />
+<path
+   opacity="0.5"
+   fill="#ffffff"
+   d="m 99.988,111.595 v 16.264 h 0.463 c 4.338,-6.191 9.563,-10.998 15.684,-14.406 6.117,-3.402 13.129,-5.11 21.027,-5.11 7.588,0 14.521,1.475 20.793,4.415 6.274,2.945 11.038,8.131 14.291,15.567 3.56,-5.265 8.4,-9.913 14.521,-13.94 6.117,-4.025 13.358,-6.042 21.724,-6.042 6.351,0 12.234,0.776 17.66,2.325 5.418,1.549 10.065,4.027 13.938,7.434 3.869,3.41 6.889,7.863 9.062,13.357 2.167,5.504 3.253,12.122 3.253,19.869 v 80.385 H 219.41 v -68.074 c 0,-4.025 -0.154,-7.82 -0.465,-11.385 -0.313,-3.56 -1.161,-6.656 -2.555,-9.293 -1.395,-2.631 -3.45,-4.724 -6.157,-6.274 -2.711,-1.543 -6.391,-2.322 -11.037,-2.322 -4.646,0 -8.403,0.896 -11.269,2.671 -2.868,1.784 -5.112,4.109 -6.737,6.971 -1.626,2.869 -2.711,6.12 -3.252,9.762 -0.545,3.638 -0.814,7.318 -0.814,11.035 v 66.91 h -32.991 v -67.375 c 0,-3.562 -0.081,-7.087 -0.23,-10.57 -0.158,-3.487 -0.814,-6.7 -1.978,-9.645 -1.162,-2.94 -3.099,-5.304 -5.809,-7.088 -2.711,-1.775 -6.699,-2.671 -11.965,-2.671 -1.551,0 -3.603,0.349 -6.156,1.048 -2.556,0.697 -5.036,2.016 -7.435,3.949 -2.404,1.938 -4.454,4.726 -6.158,8.363 -1.705,3.642 -2.556,8.402 -2.556,14.287 v 69.701 H 68.856 V 111.595 Z"
+   id="path8" />
+
+
+
+
+
+
+
+
+
+
+<path
+   opacity="0.5"
+   fill="#ffffff"
+   d="m 338.809,340.809 h -32.008 c -1.105,0 -2,-0.896 -2,-2 v -7.712 c 0,-1.105 0.896,-2.001 2,-2.001 h 21.13 V 11.71 h -21.13 c -1.105,0 -2,-0.896 -2,-2 V 2 c 0,-1.104 0.896,-2 2,-2 h 32.008 c 1.104,0 2,0.896 2,2 v 336.809 c 0,1.104 -0.896,2 -2,2 z"
+   id="path30" />
+<path
+   opacity="0.5"
+   fill="#ffffff"
+   d="M 329.93,331.097 V 9.711 H 306.8 v -7.71 h 32.008 V 338.808 H 306.8 v -7.711 z"
+   id="path32" />
+<path
+   d="m 10.875,9.711 v 321.386 h 23.13 v 7.711 H 1.999 V 2.001 h 32.006 v 7.71 z"
+   id="path34" />
+<path
+   d="m 99.988,111.595 v 16.264 h 0.463 c 4.338,-6.191 9.563,-10.998 15.684,-14.406 6.117,-3.402 13.129,-5.11 21.027,-5.11 7.588,0 14.521,1.475 20.793,4.415 6.274,2.945 11.038,8.131 14.291,15.567 3.56,-5.265 8.4,-9.913 14.521,-13.94 6.117,-4.025 13.358,-6.042 21.724,-6.042 6.351,0 12.234,0.776 17.66,2.325 5.418,1.549 10.065,4.027 13.938,7.434 3.869,3.41 6.889,7.863 9.062,13.357 2.167,5.504 3.253,12.122 3.253,19.869 v 80.385 H 219.41 v -68.074 c 0,-4.025 -0.154,-7.82 -0.465,-11.385 -0.313,-3.56 -1.161,-6.656 -2.555,-9.293 -1.395,-2.631 -3.45,-4.724 -6.157,-6.274 -2.711,-1.543 -6.391,-2.322 -11.037,-2.322 -4.646,0 -8.403,0.896 -11.269,2.671 -2.868,1.784 -5.112,4.109 -6.737,6.971 -1.626,2.869 -2.711,6.12 -3.252,9.762 -0.545,3.638 -0.814,7.318 -0.814,11.035 v 66.91 h -32.991 v -67.375 c 0,-3.562 -0.081,-7.087 -0.23,-10.57 -0.158,-3.487 -0.814,-6.7 -1.978,-9.645 -1.162,-2.94 -3.099,-5.304 -5.809,-7.088 -2.711,-1.775 -6.699,-2.671 -11.965,-2.671 -1.551,0 -3.603,0.349 -6.156,1.048 -2.556,0.697 -5.036,2.016 -7.435,3.949 -2.404,1.938 -4.454,4.726 -6.158,8.363 -1.705,3.642 -2.556,8.402 -2.556,14.287 v 69.701 H 68.856 V 111.595 Z"
+   id="path36" />
+
+
+
+
+
+<path
+   d="M 329.93,331.097 V 9.711 H 306.8 v -7.71 h 32.008 V 338.808 H 306.8 v -7.711 z"
+   id="path48" />
+</svg>

main-button.svg

@@ -3,15 +3,12 @@
 
 <svg
    preserveAspectRatio="none"
-   viewBox="0 0 8.4666662 8.4666662"
+   viewBox="0 0 9.6757517 9.6757517"
    version="1.1"
    id="svg5"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
    sodipodi:docname="main-button.svg"
    shape-rendering="crispEdges"
-   width="8.4666662"
-   height="8.4666662"
-   enable-background="new 0 0 798 600"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -23,15 +20,15 @@
      borderopacity="1.0"
      inkscape:pageshadow="2"
      inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="true"
+     inkscape:pagecheckerboard="false"
      inkscape:document-units="px"
      showgrid="false"
      width="64px"
      units="mm"
      borderlayer="false"
-     inkscape:zoom="32"
+     inkscape:zoom="45.254834"
-     inkscape:cx="4.453125"
+     inkscape:cx="7.6566406"
-     inkscape:cy="1.40625"
+     inkscape:cy="6.0325047"
      inkscape:window-width="1914"
      inkscape:window-height="1005"
      inkscape:window-x="0"
@@ -41,15 +38,14 @@
      viewbox-width="8.46667"
      inkscape:showpageshadow="true"
      inkscape:deskcolor="#d1d1d1"
-     showborder="true"
+     showborder="true" />
-     shape-rendering="crispEdges" />
   <defs
      id="defs2" />
   <g
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(-1.681,-1.681)">
+     transform="translate(-1.152,-1.152)">
     <g
        id="g24532"
        transform="translate(1.681,1.681)">
@@ -73,8 +69,7 @@
     </g>
     <g
        id="g32358"
-       transform="translate(1.681,1.681)"
+       transform="translate(1.681,1.681)">
-       vector-effect="non-scaling-stroke">
       <path
          style="fill:none;stroke:#d4d4d4;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
          d="M 7.9375,0.39687483 H 8.2020832"
@@ -95,8 +90,7 @@
     </g>
     <g
        id="g32364"
-       transform="translate(1.681,1.681)"
+       transform="translate(1.681,1.681)">
-       vector-effect="non-scaling-stroke">
       <path
          style="fill:none;stroke:#c9c9c9;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
          d="M 7.9375,8.0697915 H 8.2020833"
@@ -115,10 +109,34 @@
          d="M 7.9375,8.334375 H 8.2020834"
          id="path970-3-6-7" />
     </g>
+    <path
+       style="fill:#d4d4d4;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 2.2101667,2.2101667 H 9.6185001 V 9.6185001 H 2.2101667 Z"
+       id="path22779"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:#8c8c8c;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 1.681,2.2101667 H 2.2101666 V 9.6185 H 1.681 Z"
+       id="path22779-6"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:#bfbfbf;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 9.6185,2.2101667 h 0.529166 v 7.408333 H 9.6185 Z"
+       id="path22779-6-1"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:#d1d1d1;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 2.2101667,9.6185 h 7.4083335 v 0.529166 H 2.2101667 Z"
+       id="path22779-6-6"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:#ececec;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 2.2101667,1.681 H 9.6185002 V 2.210166 H 2.2101667 Z"
+       id="path22779-6-6-8"
+       sodipodi:nodetypes="ccccc" />
     <g
        id="g29320"
-       transform="translate(1.681,1.681)"
+       transform="translate(1.681,1.681)">
-       vector-effect="non-scaling-stroke">
       <path
          style="fill:none;stroke:#b3b3b3;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
          d="M 0,8.3343748 H 0.2645833"
@@ -138,38 +156,5 @@
          id="path22779-6-0-2"
          sodipodi:nodetypes="ccccc" />
     </g>
-    <path
-       style="fill:#d4d4d4;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 2.21,2.2101667 H 9.618 V 9.6185001 H 2.21 Z"
-       id="path22779"
-       sodipodi:nodetypes="ccccc" />
-    <path
-       style="fill:#8c8c8c;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 1.681,2.2101667 H 2.2101666 V 9.6185 H 1.681 Z"
-       id="path22779-6"
-       sodipodi:nodetypes="ccccc"
-       vector-effect="non-scaling-stroke" />
-    <path
-       style="fill:#bfbfbf;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 9.6185,2.2101667 h 0.529166 v 7.408333 H 9.6185 Z"
-       id="path22779-6-1"
-       sodipodi:nodetypes="ccccc"
-       vector-effect="non-scaling-stroke" />
-    <path
-       style="fill:#d1d1d1;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 2.2101667,9.6185 h 7.4083335 v 0.529166 H 2.2101667 Z"
-       id="path22779-6-6"
-       sodipodi:nodetypes="ccccc"
-       vector-effect="non-scaling-stroke" />
-    <path
-       style="fill:#ececec;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 2.2101667,1.681 H 9.6185002 V 2.210166 H 2.2101667 Z"
-       id="path22779-6-6-8"
-       sodipodi:nodetypes="ccccc"
-       vector-effect="non-scaling-stroke" />
   </g>
-  <g
-     id="webslicer-layer"
-     inkscape:label="Web Slicer"
-     inkscape:groupmode="layer" />
 </svg>

style.css

@@ -117,12 +117,60 @@ nav.top div.left .dropdown {
 
 nav.top div.left:hover .dropdown {
 	width: 264px;
+	height: 412px;
 }
 
-nav.top div.left .dropdown .flag {
+nav.top.guest div.left:hover .dropdown {
+	height: 112px;
+}
+
+nav.top div.left .dropdown .right {
+	pointer-events: none;
+	display: none;
+	opacity: 0;
 	float: right;
-    height: 16px;
+	transition-duration: 1s;
-    margin: -2px -4px;
+}
+
+nav.top div.left:hover .dropdown .right {
+	pointer-events: unset;
+	display: block;
+	opacity: 1;
+}
+
+nav.top div.left .dropdown .alerts {
+	border: 2px inset var(--acc-nav);
+	background: #2221;
+	margin: 2px;
+	height: 300px;
+	overflow-y: auto;
+	overflow-x: hidden;
+	width: 256px;
+	white-space: break-spaces;
+	white-space: pre-wrap;
+}
+
+nav.top div.left .dropdown .alerts .alert {
+	margin: 4px;
+	font-family: var(--spfont1);
+	background-color: var(--menu-bg);
+	border: var(--menu-border);
+	padding: 4px;
+}
+
+nav.top div.left .dropdown .alerts .alert.unread {
+	background-color: #d0dadf;
+	outline: 1px solid #0088ff;
+}
+		
+nav.top div.left .dropdown .alerts .alert a {
+	text-decoration: underline;
+}
+	
+nav.top div.left .dropdown .alerts .alert .info {
+	display: flex;
+	color: var(--subtitle);
+	font-size: 12px;
 }
 
 nav.top div.left .dropdown .flag img {
@@ -151,6 +199,8 @@ nav.top div.left .dropdown .flag[role="50"] a { color: var(--rankflag6); }
 nav.top div.left .dropdown .flag[role="100"] a { color: var(--rankflag7); }
 
 nav.top div.left .username {
+	display: block;
+	width: 132px;
 	height: 38px;
 	margin: -1px;
 }
@@ -463,7 +513,7 @@ body > .header-title {
 	}
 	
 	.popbutton {
-        font-size: 1.5em;
+		font-size: 16px;
 	}
 	
 	.popbutton:hover {
@@ -493,11 +543,17 @@ body > .header-title {
 		margin-bottom: -8px;
 	}
 	
-    .forum .thread .post, .forum .thread .reply, .forum .errors {
+	.forum .thread .reply, .forum .errors {
 		margin: 8px 32px;
 	}
+
+	.forum .thread .post {
+		display: flex;
+	}
 }
 
+.forum .thread .post { margin: 8px; }
+
 @media only screen and (orientation: portrait) {
 	:target::before {
 		content: "";
@@ -1140,7 +1196,7 @@ table {
 	font-family: var(--spfont1, Pixio);
 }
 
-.tabbed-container .tablist .tab img,
+.tabbed-container .tablist .tab *:not(.userlink) img,
 .tabbed-container .tablist .faketab img {
 	vertical-align: middle;
 }
@@ -1196,14 +1252,18 @@ table {
 	align-items: center;
 }
 
-.overlay .box {
+.overlay .box,
-    position: fixed;
+.overlay .attachment {
 	background: var(--main-background, #d3d3d3);
 	border: 2px inset gray;
 	padding: 8px;
-    left: 0; right: 0;
+	
 	margin-left: auto; margin-right: auto;
 }
+.overlay .box {
+	position: fixed;
+	left: 0; right: 0;
+}
 
 .overlay .popup {
 	min-width: 128px;
@@ -1211,6 +1271,31 @@ table {
 	overflow: auto;
 }
 
+.overlay .popup.box .embedder .embed-item {
+	display: inline-block;
+	padding: 4px;
+	cursor: pointer;
+	border: 1px solid transparent;
+	height: 30px;
+	font-family: var(--spfont1);
+}
+
+.overlay .popup.box .embedder .embed-item img {
+	padding: 2px;
+	margin: 2px;
+	vertical-align: middle;
+}
+
+.overlay .popup.box .embedder .embed-item:hover {
+	border: var(--menu-border, 1px solid #bdbdbd);
+	background: var(--menu-bg, #d0d0d0);
+}
+
+.overlay .popup.box .embedder .embed-item.selected {
+	border: 1px outset #65aad2;
+	background: #b6dfe6;
+}
+
 .dragbox {
 	position: absolute;
 	z-index: 10;
@@ -1226,6 +1311,7 @@ table {
 }
 
 .overlay .popup .titlebar,
+.overlay .attachment .titlebar,
 .dragbox .titlebar {
 	display: flex;
 	position: sticky;
@@ -1239,11 +1325,13 @@ table {
 }
 
 .overlay .popup .titlebar .title,
+.overlay .attachment .titlebar .title,
 .dragbox .titlebar .title {
 	flex-grow: 1;
 }
 
 .overlay .popup .titlebar .closebtn,
+.overlay .attachment .titlebar .closebtn,
 .dragbox .titlebar .closebtn {
 	cursor: pointer;
 }
@@ -1267,17 +1355,22 @@ table {
 		right: 4px;
 	}
 	
-    .overlay .box {
+	.overlay .box, .overlay .attachment {
 		max-width: 100%;
 	}
 	
-    .overlay .popup {
+	.overlay .popup, .overlay .attachment {
 		max-height: 90%;
 	}
 	
 	.forum .thread .threadsub {
-        top: 72px;
+		top: 100px;
 	}
+
+	.forum .thread .post .authorbar .user-stat {flex-direction: row;}
+	.forum .thread .post .authorbar .user-stat b {flex-grow: 1;}
+	.forum .thread .post .authorbar .avatar { width: 64px; height: 64px;}
+	.forum .thread .post-anchor { top: -10px; }
 }
 
 @media only screen and (orientation: landscape) {
@@ -1318,16 +1411,27 @@ table {
 	}
 	
 	.forum .thread .threadsub {
-        top: 34px;
+		top: 35px;
 	}
+
+	.forum .thread .post .authorbar {
+		width: 150px;
+		flex-shrink: 0;
+		text-align: center;
+		flex-direction: column;
+	}
+
+	.forum .thread .post .authorbar .user-stat {flex-direction: column;}
+	.forum .thread .post .authorbar .avatar { width: 128px; height: 128px;}
+	.forum .thread .post-anchor { top: -74px; }
 }
 
 .close {
 	position: absolute;
-    background-image: url('//assets.worlio.com/style/icons/close');
+	background-image: url('//assets.worlio.com/style/icons/deny');
 	background-size: 100%;
-    width: 32px;
+	width: 48px;
-    height: 32px;
+	height: 48px;
 	cursor: pointer;
 	top: 8px;
 	right: 8px;
@@ -1381,7 +1485,9 @@ body.forum table.board.collapsed td { display: none; }
 	body.forum table.board td:nth-child(4),
 	body.forum table.board col:nth-child(4) { display: none; }
 	body.forum_board table.board td:nth-child(4),
-	body.forum_board table.board col:nth-child(4) { display: none; }
+	body.forum_board table.board col:nth-child(4),
+	body.forum_watched table.board td:nth-child(4),
+	body.forum_watched table.board col:nth-child(4) { display: none; }
 	table.board td:nth-child(3) { border-right: var(--forum-content-border, 1px solid #a29c8d); }
 }
 
@@ -1446,6 +1552,14 @@ table.board .status {
 	padding: 2px;
 }
 
+.forum .thread name .infobox {
+	flex-grow:1;
+}
+
+.forum .thread name .infobox .author {
+	color: var(--subtitle);
+}
+
 .forum .category .board.sub {
 	margin-left: 16px;
 }
@@ -1511,7 +1625,7 @@ table.board .status {
 	color: var(--subtitle, #525252);
 }
 
-.forum .thread .post,
+.forum .thread .post .post-content,
 .forum .thread .reply,
 .forum .errors {
 	background-color: var(--post, #d9d9d9);
@@ -1519,11 +1633,18 @@ table.board .status {
 	padding: 4px;
 }
 
+.forum .thread .post .post-sig {
+	margin: 0px -4px;
+	margin-top: 8px;
+	padding: 4px;
+	max-height: 128px;
+	overflow-y: hidden;
+}
+
 .forum .thread .reply .submit {
 	display: flex;
 }
 
-.forum .thread .post .topbar,
 .forum .thread .reply .title,
 .forum .errors .title {
 	display: flex;
@@ -1541,24 +1662,37 @@ table.board .status {
 	flex-grow: 1;
 }
 
-.forum .thread .post .topbar {
+.forum .thread .post .authorbar {
 	background-color: var(--post-author, #b4b6b7);
 	border: var(--post-author-border, 1px solid #84775a);
 	display: flex;
+	min-height: 64px;
+	padding: 2px;
 }
 
-.forum .thread .post .topbar .userlink {
+.forum .thread .post .authorbar .author {
-    flex-grow: 1;
+	display: flex;
+	flex-grow:1;
+	flex-direction: column;
 }
 
-.forum .thread .post .topbar .idtag {
+/*.forum .thread .post .authorbar .userlink { text-align: center: }*/
-    color: var(--subtitle, #525252);
+
+.forum .thread .post .authorbar .user-stat {
+	font-family: var(--spfont1);
+	color: var(--subtitle);
+	display: flex;
+}
+
+.forum .thread .post .authorbar img.avatar {
+	margin: 10px;
+	border: var(--menu-border);
 }
 
 .forum .thread .reply .title,
 .forum .errors .title {
 	background-color: var(--forum-sub, #d7ccb6);
-    border: var(--forum-sub-border, 1px solid #99907b)
+	border: var(--forum-sub-border, 1px solid #99907b);
 }
 
 .forum .thread .threadsub {
@@ -1570,6 +1704,7 @@ table.board .status {
 	padding: 2px;
 	margin: 0px 16px;
 	font-family: var(--spfont1, Pixio);
+	z-index: 5;
 }
 
 .forum .thread .threadsub .author {
@@ -1583,25 +1718,46 @@ table.board .status {
 	max-width: 100%;
 }
 
-.forum .thread .post .bottombar {
+.forum .thread .post .topbar {
-    border-top: var(--post-border, 1px solid #bfb9a9);
+	/*border: var(--post-border, 1px solid #bfb9a9);*/
+	border-bottom: none;
 	background-color: var(--post-bottombar, #d2d2d2);
 	padding: 4px;
 	display: flex;
-    margin: 8px -4px -4px -4px;
 	font-family: var(--spfont1, Pixio);
+	margin: -4px; margin-bottom: 4px;
 }
 
-.forum .thread .post .bottombar .timestamp {
+.forum .thread .post .topbar .timestamp {
 	color: var(--subtitle, #525252);
 	flex-grow: 1;
 }
 
-.forum .thread .post .bottombar .buttons {
+.forum .thread .post .topbar .idtag {
-    display: flex;
+	color: var(--subtitle, #525252);
 }
 
-.forum .thread .post .bottombar .buttons a {
+.forum .thread .post .post-content {
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+}
+
+.forum .thread .post-anchor {
+	pointer-events: none;
+	position: relatve;
+}
+
+.forum .thread .post .post-content .post-body { flex-grow: 1; }
+
+.forum .thread .post .buttonbar {
+	background-color: var(--post-bottombar, #d2d2d2);
+	display: flex;
+	margin: -4px; margin-top: 8px;
+	font-family: var(--spfont1, Pixio);
+}
+
+.forum .thread .post .buttonbar a {
 	padding: 2px 4px;
 }
 
@@ -1660,6 +1816,12 @@ div.page-buttons .button#last-page div a {
 	font-family: var(--spfont1, Pixio);
 }
 
+.posteditor .editbox {
+	display: flex;
+}
+
+.posteditor .editbox textarea#editor { flex-grow: 1; }
+
 canvas#snow {
 	position: fixed;
 	top: 0px;
@@ -1671,8 +1833,8 @@ canvas#snow {
 }
 
 div.emotebox {
-    width: 100%;
+	width: 256px;
-    margin: auto;
+	overflow-y: auto;
 }
 
 div.emotebox .emote-container {
@@ -1698,7 +1860,7 @@ div.emotebox .emote-container:hover {
 }
 
 .mailcontainer .subject img,
-.mailcontainer .sub img {
+.mailcontainer .trade-icon {
 	vertical-align: middle;
 }
 
@@ -1885,3 +2047,231 @@ body.forum .sidebar .box .thread .info .timestamp {color: var(--subtitle);}
 		background-position: 0 200%;
 	}
 }
+
+/* DASHBOARD / HOME */
+@media (orientation: portrait) {
+	body.dashboard .dash-container {
+		flex-direction: column-reverse;
+	}
+}
+
+@media (orientation: landscape) {
+	body.dashboard .dash-container {
+		flex-direction: row;
+	}
+
+	body.dashboard .sidebar {
+		width: 400px;
+		flex-shrink: 0;
+	}
+}
+
+body.dashboard .dash-container {
+	display: flex;
+	gap: 8px;
+	max-width: 1000px;
+	margin: auto;
+}
+
+body.dashboard .dash-container .mainbox {
+	background: var(--menu-bg);
+	border: var(--menu-border);
+	padding: 2px;
+}
+
+body.dashboard .profile-tag {
+	font-family: var(--spfont1);
+	display: flex;
+}
+
+body.dashboard .profile-tag img {
+  	padding: 4px;
+}
+
+body.dashboard .sidebar {
+  	display: flex;
+  	flex-direction: column;
+  	gap: 8px;
+}
+
+body.dashboard .primary {
+  	flex-grow: 1;
+}
+
+body.dashboard .dash-title {
+	border: var(--menu-border);
+	border-bottom: none;
+	background: var(--menu-bg);
+	display: inline-block;
+	padding: 8px;
+	font-weight: bold;
+	font-family: var(--spfont1);
+	margin-bottom: -1px;
+}
+
+body.dashboard .dash-title.currency-mark { position: relative; float: right; top: 24px; }
+
+body.dashboard .dash-title.rlink { float: right; }
+
+body.dashboard .profile-text {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+}
+
+body.dashboard .profile-role {
+  	font-size: 0.8em;
+}
+
+body.dashboard .dash-container .sidebar .userlink.online a {
+	color: green;
+}
+
+body.dashboard .dash-container .sidebar .userlink.invisible {
+	opacity: 0.3;
+}
+
+body.dashboard .stats {
+	font-family: var(--spfont1);
+	font-size: 20px;
+}
+
+body.dashboard .stats .currency { color: var(--currency); }
+body.dashboard .stats .unread { color: var(--alert); }
+
+.userlink img.plan-icon {
+	position: relative;
+	margin: 0px 0px 0px -4px;
+	top: -2px;
+}
+
+.dash-container .primary .mainbox .alert {
+	padding: 4px;
+	margin: 4px;
+	background: var(--quote-bg);
+	border: var(--quote-border);
+}
+
+.dash-container .primary .mainbox .alert.unread .content {
+	font-weight: bold;
+}
+
+.dash-container .primary .mainbox .alert .info {
+	text-align: right;
+	color: var(--subtitle);
+	font-family: var(--spfont1);
+}
+
+.dash-container .blogpost {
+	padding: 4px;
+}
+
+.dash-container .blogpost .info {
+	color: var(--subtitle);
+	font-family: var(--spfont1);
+}
+
+.dash-container .sidebar .container div.filespace meter { flex-grow: 1; margin: 0px 4px;}
+.dash-container .sidebar .container div.filespace b { margin-right: 4px;}
+.dash-container .sidebar .container div.filespace { display: flex; }
+.dash-container .sidebar .container div.filespace a { font-family: var(--spfont1); margin: 0px 2px; }
+
+/* USER PROFILE PAGE */
+body.user-profile .user-infobox {
+	width: 180px;
+	background: var(--menu-bg);
+	margin: 2px;
+	border: var(--menu-border);
+}
+
+body.user-profile iframe.box {
+	padding: 0px;
+	margin: -42px -8px auto -9px;
+	height: calc(100% - 36px);
+	flex-grow: 1;
+}
+
+body.user-profile .tabbed-container .tablist {
+	margin: -7px -4px auto -8px;
+	white-space: nowrap;
+}
+
+@media (orientation: portrait) {
+	body.user-profile iframe.box { margin-top: -46px; }
+	body.user-profile .tabbed-container .tablist { margin: -12px -4px auto -8px; }
+}
+
+body.user-profile .tabbed-container .tablist .tab {padding:4px;bottom: 0px;}
+body.user-profile .tabbed-container .tablist .tab.selected {bottom: -1px;}
+
+body.user-profile .tabbed-container .tablist .tab.selected[name="profile"] {
+	--tab-selected-mid: #d3d3d3AA;
+	background: linear-gradient(0deg, #0000 0%, var(--tab-selected-mid) 10%,var(--tab-selected) 50%, var(--tab-gradient, #dedede) 100%);
+}
+
+body.user-profile .tabbed-container {
+	height: calc(100% - 26px);
+}
+
+body.user-profile .tabbed-container .tablist {white-space: nowrap;}
+
+body.user-profile .tabbed-container .box[name='stats'] .stat.role-stat,
+body.user-profile .tabbed-container .box[name='stats'] .stat.plan-stat { font-family: var(--spfont1); }
+body.user-profile .tabbed-container .stat b {
+	font-family: var(--spfont1);
+	font-size: 12px;
+}
+
+/* TAB */
+.tabbed-container .tablist .tab.special {
+	--menu-border: 1px outset #ffe301;
+}
+
+a.thumbnail-box {
+	display: inline-block;
+	background-color: #0005;
+	background-size: cover;
+	background-repeat: no-repeat;
+	width: 150px;
+	height: 150px;
+	color: var(--main-text);
+	font-family: var(--spfont1);
+	text-decoration: none;
+	margin: 2px;
+}
+
+a.thumbnail-box::after {
+	display: block;
+	content: "View Image";
+	height: 20px;
+	margin: 130px 0px 0px 0px;
+	text-align: center;
+	border: var(--menu-border);
+	background-color: var(--menu-bg);
+}
+
+button.user-input {
+	background: var(--menu-bg);
+	border: var(--menu-border);
+	width: 180px;
+	height: 24px;
+	text-align: left;
+	font-family: var(--spfont1);
+	font-size: 14px;
+	vertical-align: middle;
+	cursor: pointer;
+}
+
+div.user-input-box {
+	background: var(--menu-bg);
+	border: var(--menu-border);
+	display: flex;
+	flex-direction: column;
+	position: absolute;
+	max-height: 300px;
+	overflow-y: auto;
+}
+
+div.user-input-box .userlink > * {
+	pointer-events: none;
+}