First commit

app/backend/src/assets/custom.css

@@ -0,0 +1,653 @@
+/*
+	This CSS was forked from the awsome Spectre.css docs.
+	Spectre.css Docs | MIT License | github.com/picturepan2/spectre 
+*/
+
+
+.off-canvas .off-canvas-toggle {
+	font-size: 1rem;
+	left: 1.5rem;
+	position: fixed;
+	top: 1rem
+}
+
+.off-canvas .off-canvas-sidebar {
+	width: 12rem
+}
+
+.off-canvas .off-canvas-content {
+	padding: 0
+}
+
+.backend-container {
+	min-height: 100vh
+}
+
+.backend-navbar {
+	height: 3.8rem;
+	position: fixed;
+	right: 0;
+	top: 0;
+	z-index: 100
+}
+
+.backend-navbar .btns {
+	position: absolute;
+	right: 1.5rem;
+	top: 1rem;
+	width: 14rem
+}
+
+.backend-navbar .algolia-autocomplete {
+	-ms-flex: 1 1 auto;
+	flex: 1 1 auto
+}
+
+.backend-sidebar .backend-nav {
+	bottom: 1.5rem;
+	-webkit-overflow-scrolling: touch;
+	overflow-y: auto;
+	padding: .5rem 1.5rem;
+	position: fixed;
+	top: 3.5rem;
+	width: 12rem
+}
+
+.backend-sidebar .accordion {
+	margin-bottom: .75rem
+}
+
+.backend-sidebar .accordion input~.accordion-header {
+	color: #455060;
+	font-size: .65rem;
+	font-weight: 600;
+	text-transform: uppercase
+}
+
+.backend-sidebar .accordion input:checked~.accordion-header {
+	color: #505c6e
+}
+
+.backend-sidebar .accordion .menu .menu-item {
+	font-size: .7rem;
+	padding-left: 1rem;
+	cursor:pointer;
+}
+
+.backend-sidebar .accordion .menu .menu-item>a {
+	background: 0 0;
+	color: #66758c;
+	display: inline-block
+}
+
+.backend-content {
+	-ms-flex: 1 1 auto;
+	flex: 1 1 auto;
+	padding: 0 4rem;
+	width: calc(100vw - 12rem)
+}
+
+.backend-content>.container {
+	margin-left: 0;
+	max-width: 800px;
+	padding-bottom: 1.5rem
+}
+
+.backend-content .anchor {
+	color: #6362dc;
+	display: none;
+	margin-left: .2rem;
+	padding: 0 .2rem
+}
+
+.backend-content .anchor:focus,
+.backend-content .anchor:hover {
+	display: inline;
+	text-decoration: none
+}
+
+.backend-content .s-subtitle,
+.backend-content .s-title {
+	line-height: 1.8rem;
+	margin-bottom: 0;
+	padding-bottom: 1rem;
+	padding-top: 1rem;
+	position: static
+}
+
+@supports ((position:-webkit-sticky) or (position:sticky)) {
+	.backend-content .s-subtitle,
+	.backend-content .s-title {
+		position: -webkit-sticky;
+		position: sticky;
+		top: 0;
+		z-index: 99
+	}
+	.backend-content .s-subtitle::before,
+	.backend-content .s-title::before {
+		background: #fff;
+		bottom: 0;
+		content: "";
+		display: block;
+		left: -10px;
+		position: absolute;
+		right: -10px;
+		top: -5px;
+		z-index: -1
+	}
+}
+
+.backend-content .s-subtitle:hover .anchor,
+.backend-content .s-title:hover .anchor {
+	display: inline
+}
+
+.backend-content .s-subtitle+.backend-note,
+.backend-content .s-title+.backend-note {
+	margin-top: .4rem
+}
+
+.backend-content .backend-demo {
+	padding-bottom: 1rem;
+	padding-top: 1rem
+}
+
+.backend-content .backend-demo .card {
+	border: 0;
+	box-shadow: 0 .25rem 1rem rgba(48, 55, 66, .15);
+	height: 100%
+}
+
+.backend-content .column {
+	padding: .4rem
+}
+
+.backend-content .backend-block {
+	border-radius: .1rem;
+	padding: .4rem
+}
+
+.backend-content .backend-block.bg-gray {
+	background: #eef0f3
+}
+
+.backend-content .backend-shape {
+	height: 4.8rem;
+	line-height: 1.2rem;
+	padding: 1.8rem 0;
+	width: 4.8rem
+}
+
+.backend-content .backend-dot {
+	border-radius: 50%;
+	display: inline-block;
+	height: .5rem;
+	padding: 0;
+	width: .5rem
+}
+
+.backend-content .backend-table td,
+.backend-content .backend-table th {
+	padding: .75rem .25rem
+}
+
+.backend-content .backend-color {
+	border-radius: .1rem;
+	margin: .25rem 0;
+	padding: 5rem .5rem .5rem
+}
+
+.backend-content .backend-color .color-subtitle {
+	font-size: .7rem;
+	opacity: .75
+}
+
+.backend-content .code .hljs-tag {
+	color: #505c6e
+}
+
+.backend-content .code .hljs-comment {
+	color: #bcc3ce
+}
+
+.backend-content .code .hljs-class,
+.backend-content .code .hljs-number,
+.backend-content .code .hljs-string,
+.backend-content .code .hljs-title {
+	color: #5755d9
+}
+
+.backend-content .code .hljs-attribute,
+.backend-content .code .hljs-built_in,
+.backend-content .code .hljs-keyword,
+.backend-content .code .hljs-name,
+.backend-content .code .hljs-variable {
+	color: #d73e48
+}
+
+.backend-content .code .hljs-hexcolor,
+.backend-content .code .hljs-value {
+	color: #505c6e
+}
+
+.backend-content .c-select-all {
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	-ms-user-select: all;
+	user-select: all
+}
+
+.backend-content .panel {
+	height: 75vh
+}
+
+.backend-content .panel .tile {
+	margin: .75rem 0
+}
+
+.backend-content .parallax {
+	margin: 2rem auto
+}
+
+.backend-content .form-autocomplete .menu {
+	position: static
+}
+
+.backend-content .example-tile-icon {
+	align-content: space-around;
+	align-items: center;
+	background: #5755d9;
+	border-radius: .1rem;
+	color: #fff;
+	display: -ms-flexbox;
+	display: flex;
+	-ms-flex-align: center;
+	-ms-flex-line-pack: distribute;
+	font-size: 1.2rem;
+	height: 2rem;
+	width: 2rem
+}
+
+.backend-content .example-tile-icon .icon {
+	margin: auto
+}
+
+.backend-content .comparison-slider {
+	height: auto;
+	padding-bottom: 56.2222%
+}
+
+.backend-content .comparison-slider .filter-grayscale {
+	filter: grayscale(75%)
+}
+
+.backend-content .off-canvas {
+	position: relative
+}
+
+.backend-content .off-canvas .off-canvas-toggle {
+	left: .4rem;
+	position: absolute;
+	top: .4rem;
+	z-index: 1
+}
+
+.backend-brand {
+	color: #CCC;
+	height: 2rem;
+	left: 1.5rem;
+	position: fixed;
+	top: .85rem
+}
+
+.backend-brand .backend-logo {
+	align-items: center;
+	border-radius: .1rem;
+	display: -ms-inline-flexbox;
+	display: inline-flex;
+	-ms-flex-align: center;
+	font-size: .7rem;
+	height: 2rem;
+	padding: .2rem;
+	width: auto
+}
+
+.backend-brand .backend-logo:focus,
+.backend-brand .backend-logo:hover {
+	text-decoration: none
+}
+
+.backend-brand .backend-logo img {
+	display: inline-block;
+	height: auto;
+	width: 1.6rem
+}
+
+.backend-brand .backend-logo h2 {
+	display: inline-block;
+	font-size: .8rem;
+	font-weight: 700;
+	line-height: 1.5rem;
+	margin-bottom: 0;
+	margin-left: .5rem;
+	margin-right: .3rem
+}
+
+.backend-footer {
+	color: #bcc3ce;
+	padding: .5rem
+}
+
+.backend-footer a {
+	color: #66758c
+}
+
+@media (max-width:960px) {
+	.off-canvas .off-canvas-toggle {
+		z-index: 300
+	}
+	.off-canvas .off-canvas-content {
+		width: 100%
+	}
+	.backend-sidebar .backend-brand {
+		margin: .85rem 1.5rem;
+		padding: 0;
+		position: static
+	}
+	.backend-sidebar .backend-nav {
+		margin-top: 1rem;
+		position: static
+	}
+	.backend-sidebar .menu .menu-item>a {
+		padding: .3rem .4rem
+	}
+	.backend-navbar {
+		-webkit-backdrop-filter: blur(5px);
+		backdrop-filter: blur(5px);
+		background: rgba(247, 248, 249, .65);
+		left: 0
+	}
+	.backend-content {
+		min-width: auto;
+		padding: 0 1.5rem;
+		width: 100%
+	}
+	.backend-content .s-subtitle,
+	.backend-content .s-title {
+		padding-top: 5rem;
+		position: static
+	}
+	.backend-content .s-subtitle::before,
+	.backend-content .s-title::before {
+		content: none
+	}
+}
+
+@media (max-width:600px) {
+	.off-canvas .off-canvas-toggle {
+		left: .5rem
+	}
+	.backend-navbar .btns {
+		right: .9rem
+	}
+	.backend-sidebar .backend-brand {
+		margin: .85rem 1rem
+	}
+	.backend-sidebar .backend-nav {
+		padding: .5rem 1rem
+	}
+	.backend-content {
+		padding: 0 .5rem
+	}
+	.backend-content .backend-block {
+		padding: .4rem .1rem
+	}
+}
+
+/* Ok, here the CSS specific to TinyCheck */
+
+@font-face {
+    font-family: 'Lobster';
+    font-weight: normal;
+    src: url('fonts/lobster.ttf')  format('truetype');
+}
+
+@font-face {
+    font-family: "Roboto-Bold";
+    src: url("fonts/Roboto-Bold.eot"); /* IE9 Compat Modes */
+    src: url("fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+      url("fonts/Roboto-Bold.otf") format("opentype"), /* Open Type Font */
+      url("fonts/Roboto-Bold.svg") format("svg"), /* Legacy iOS */
+      url("fonts/Roboto-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
+      url("fonts/Roboto-Bold.woff") format("woff"), /* Modern Browsers */
+      url("fonts/Roboto-Bold.woff2") format("woff2"); /* Modern Browsers */
+    font-weight: normal;
+    font-style: normal;
+  }
+
+@font-face {
+    font-family: "Roboto-Regular";
+    src: url("fonts/Roboto-Regular.eot"); /* IE9 Compat Modes */
+    src: url("fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+      url("fonts/Roboto-Regular.otf") format("opentype"), /* Open Type Font */
+      url("fonts/Roboto-Regular.svg") format("svg"), /* Legacy iOS */
+      url("fonts/Roboto-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
+      url("fonts/Roboto-Regular.woff") format("woff"), /* Modern Browsers */
+      url("fonts/Roboto-Regular.woff2") format("woff2"); /* Modern Browsers */
+    font-weight: normal;
+    font-style: normal;
+}
+
+h1, h2, h3 {
+    font-family: Lobster;
+    color: #484848;
+}
+
+h4, h5 {
+    font-family: "Roboto-Bold";
+	color: #484848;
+}
+
+.btn {
+	border-radius: 5px;
+}
+
+.btn:focus, .btn:hover {
+    background: #494949;
+    border-color: #494949;
+    text-decoration: none;
+    color: #DBDBDB;
+}
+
+.px150 {
+	width: 150px;
+}
+
+.width-full {
+	width: 100%;
+}
+
+.tab-block {
+	margin-bottom: 35px;
+}
+
+.toast {
+	margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.frame-export {
+	display: none;
+}
+
+.form-upload {
+	position: relative;
+	display: block;
+}
+
+.form-upload .upload-field {
+	position: absolute;
+	cursor: pointer;
+	top: 0;
+	left: 0;
+	opacity: 0;
+	z-index:1000;
+	width:100%;
+	height:100%;
+}
+
+.tlp-white {
+	font-size: .6rem;
+    height: 1.4rem;
+    padding: .05rem .3rem;
+    background-color: #FFF;
+    line-height: 1.2rem;
+    text-transform: uppercase;
+    font-weight: bold;
+    border: 2px solid #efefef;
+	vertical-align: middle;
+	border-radius: .1rem;
+}
+
+.tlp-green {
+	font-size: .6rem;
+    height: 1.4rem;
+    padding: .05rem .3rem;
+    background-color: #199a09cf;
+    line-height: 1.2rem;
+    text-transform: uppercase;
+    font-weight: bold;
+	border: 2px solid #0f8600cf;
+	vertical-align: middle;
+	color:#FFF;
+	border-radius: .1rem;
+}
+
+.tlp-amber {
+	font-size: .6rem;
+    height: 1.4rem;
+    padding: .05rem .3rem;
+    background-color: #ffc000cf;
+    line-height: 1.2rem;
+    text-transform: uppercase;
+    font-weight: bold;
+	border: 2px solid #ffc000cf;
+	vertical-align: middle;
+	color:#FFF;
+	border-radius: .1rem;
+}
+
+.tlp-red {
+	font-size: .6rem;
+    height: 1.4rem;
+    padding: .05rem .3rem;
+    background-color: #ff0033;
+    line-height: 1.2rem;
+    text-transform: uppercase;
+    font-weight: bold;
+	border: 2px solid #ff0033;
+	vertical-align: middle;
+	color:#FFF;
+	border-radius: .1rem;
+}
+
+.title {
+	font-family: 'Lobster';
+    color: #c5c5c5;
+    cursor: pointer;
+	width: fit-content;
+	height: 2rem;
+	left: 1.5rem;
+	position: fixed;
+	top: .85rem
+}
+
+#network-thumbnail {
+	width: 100%;
+    margin-top: 10px;
+}
+
+.interfaces-container {
+	margin-top:20px;
+	margin-bottom:40px;
+}
+
+.interface-label {
+	text-transform: uppercase;
+    font-size: 12px;
+    font-weight: bold;
+    margin-bottom: 10px;
+    text-align: center;
+    display: block;
+}
+
+.form-control:focus {
+	border-color: inherit;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.form-input:focus {
+	border-color: inherit;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.tab .tab-item a:focus {
+	box-shadow: none;
+}
+
+.shortcuts {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	z-index: 20000;
+	padding: 20px;
+	opacity: .2;
+}
+
+.shortcut {
+	width: 40px;
+	height: 40px;
+	margin-left: 10px;
+	cursor: pointer;
+}
+
+.whitespace {
+	height:100px;
+	display:block;
+}
+
+.alert-toaster-visible {
+	position:fixed;
+	right:15px;
+	top:15px;
+	padding:10px;
+	background-color: #484848;
+	border-radius: 5px;
+	color: #ccc;
+	font-size: 12px;
+	visibility: visible;
+	opacity: 1;
+	transition: opacity .5s linear;
+}
+
+.alert-toaster-hidden {
+	visibility: hidden;
+	opacity: 0;
+	transition: visibility 0s .5s, opacity .5s linear;
+}
+
+.comment-block {
+	padding: 10px;
+	font-size: 12px;
+	background-color: #FAFAFA;
+}
+
+.capi {
+	text-transform: capitalize;
+}
+
+.upper {
+	text-transform: uppercase;
+}

app/backend/src/assets/spectre-exp.min.css

@@ -0,0 +1 @@
+/*! Spectre.css Experimentals v0.5.9 | MIT License | github.com/picturepan2/spectre */.form-autocomplete{position:relative}.form-autocomplete .form-autocomplete-input{align-content:flex-start;display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto;min-height:1.6rem;padding:.1rem}.form-autocomplete .form-autocomplete-input.is-focused{border-color:#303742;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-autocomplete .form-autocomplete-input .form-input{border-color:transparent;box-shadow:none;display:inline-block;-ms-flex:1 0 auto;flex:1 0 auto;height:1.2rem;line-height:.8rem;margin:.1rem;width:auto}.form-autocomplete .menu{left:0;position:absolute;top:100%;width:100%}.form-autocomplete.autocomplete-oneline .form-autocomplete-input{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.form-autocomplete.autocomplete-oneline .chip{-ms-flex:1 0 auto;flex:1 0 auto}.calendar{border:.05rem solid #e4e4e4;border-radius:.1rem;display:block;min-width:280px}.calendar .calendar-nav{align-items:center;background:#f7f8f9;border-top-left-radius:.1rem;border-top-right-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:.9rem;padding:.4rem}.calendar .calendar-body,.calendar .calendar-header{display:-ms-flexbox;display:flex;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;padding:.4rem 0}.calendar .calendar-body .calendar-date,.calendar .calendar-header .calendar-date{-ms-flex:0 0 14.28%;flex:0 0 14.28%;max-width:14.28%}.calendar .calendar-header{background:#f7f8f9;border-bottom:.05rem solid #e4e4e4;color:#cecece;font-size:.7rem;text-align:center}.calendar .calendar-body{color:#66758c}.calendar .calendar-date{border:0;padding:.2rem}.calendar .calendar-date .date-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:.05rem solid transparent;border-radius:50%;color:#66758c;cursor:pointer;font-size:.7rem;height:1.4rem;line-height:1rem;outline:0;padding:.1rem;position:relative;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;vertical-align:middle;white-space:nowrap;width:1.4rem}.calendar .calendar-date .date-item.date-today{border-color:#e5e5f9;color:#303742}.calendar .calendar-date .date-item:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.calendar .calendar-date .date-item:focus,.calendar .calendar-date .date-item:hover{background:#fefeff;border-color:#e5e5f9;color:#303742;text-decoration:none}.calendar .calendar-date .date-item.active,.calendar .calendar-date .date-item:active{background:#4b48d6;border-color:#3634d2;color:#fff}.calendar .calendar-date .date-item.badge::after{position:absolute;right:3px;top:3px;transform:translate(50%,-50%)}.calendar .calendar-date .calendar-event.disabled,.calendar .calendar-date .calendar-event:disabled,.calendar .calendar-date .date-item.disabled,.calendar .calendar-date .date-item:disabled{cursor:default;opacity:.25;pointer-events:none}.calendar .calendar-date.next-month .calendar-event,.calendar .calendar-date.next-month .date-item,.calendar .calendar-date.prev-month .calendar-event,.calendar .calendar-date.prev-month .date-item{opacity:.25}.calendar .calendar-range{position:relative}.calendar .calendar-range::before{background:#66758c;content:"";height:1.4rem;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.calendar .calendar-range.range-start::before{left:50%}.calendar .calendar-range.range-end::before{right:50%}.calendar .calendar-range.range-end .date-item,.calendar .calendar-range.range-start .date-item{background:#4b48d6;border-color:#3634d2;color:#fff}.calendar .calendar-range .date-item{color:#303742}.calendar.calendar-lg .calendar-body{padding:0}.calendar.calendar-lg .calendar-body .calendar-date{border-bottom:.05rem solid #e4e4e4;border-right:.05rem solid #e4e4e4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:5.5rem;padding:0}.calendar.calendar-lg .calendar-body .calendar-date:nth-child(7n){border-right:0}.calendar.calendar-lg .calendar-body .calendar-date:nth-last-child(-n+7){border-bottom:0}.calendar.calendar-lg .date-item{align-self:flex-end;-ms-flex-item-align:end;height:1.4rem;margin-right:.2rem;margin-top:.2rem}.calendar.calendar-lg .calendar-range::before{top:19px}.calendar.calendar-lg .calendar-range.range-start::before{left:auto;width:19px}.calendar.calendar-lg .calendar-range.range-end::before{right:19px}.calendar.calendar-lg .calendar-events{flex-grow:1;-ms-flex-positive:1;line-height:1;overflow-y:auto;padding:.2rem}.calendar.calendar-lg .calendar-event{border-radius:.1rem;display:block;font-size:.7rem;margin:.1rem auto;overflow:hidden;padding:3px 4px;text-overflow:ellipsis;white-space:nowrap}.carousel .carousel-locator:nth-of-type(1):checked~.carousel-container .carousel-item:nth-of-type(1),.carousel .carousel-locator:nth-of-type(2):checked~.carousel-container .carousel-item:nth-of-type(2),.carousel .carousel-locator:nth-Line truncated

app/backend/src/assets/spectre-icons.min.css

@@ -0,0 +1 @@
+/*! Spectre.css Icons v0.5.9 | MIT License | github.com/picturepan2/spectre */.icon{box-sizing:border-box;display:inline-block;font-size:inherit;font-style:normal;height:1em;position:relative;text-indent:-9999px;vertical-align:middle;width:1em}.icon::after,.icon::before{content:"";display:block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.icon.icon-2x{font-size:1.6rem}.icon.icon-3x{font-size:2.4rem}.icon.icon-4x{font-size:3.2rem}.accordion .icon,.btn .icon,.menu .icon,.toast .icon{vertical-align:-10%}.btn-lg .icon{vertical-align:-15%}.icon-arrow-down::before,.icon-arrow-left::before,.icon-arrow-right::before,.icon-arrow-up::before,.icon-back::before,.icon-downward::before,.icon-forward::before,.icon-upward::before{border:.1rem solid currentColor;border-bottom:0;border-right:0;height:.65em;width:.65em}.icon-arrow-down::before{transform:translate(-50%,-75%) rotate(225deg)}.icon-arrow-left::before{transform:translate(-25%,-50%) rotate(-45deg)}.icon-arrow-right::before{transform:translate(-75%,-50%) rotate(135deg)}.icon-arrow-up::before{transform:translate(-50%,-25%) rotate(45deg)}.icon-back::after,.icon-forward::after{background:currentColor;height:.1rem;width:.8em}.icon-downward::after,.icon-upward::after{background:currentColor;height:.8em;width:.1rem}.icon-back::after{left:55%}.icon-back::before{transform:translate(-50%,-50%) rotate(-45deg)}.icon-downward::after{top:45%}.icon-downward::before{transform:translate(-50%,-50%) rotate(-135deg)}.icon-forward::after{left:45%}.icon-forward::before{transform:translate(-50%,-50%) rotate(135deg)}.icon-upward::after{top:55%}.icon-upward::before{transform:translate(-50%,-50%) rotate(45deg)}.icon-caret::before{border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid currentColor;height:0;transform:translate(-50%,-25%);width:0}.icon-menu::before{background:currentColor;box-shadow:0 -.35em,0 .35em;height:.1rem;width:100%}.icon-apps::before{background:currentColor;box-shadow:-.35em -.35em,-.35em 0,-.35em .35em,0 -.35em,0 .35em,.35em -.35em,.35em 0,.35em .35em;height:3px;width:3px}.icon-resize-horiz::after,.icon-resize-horiz::before,.icon-resize-vert::after,.icon-resize-vert::before{border:.1rem solid currentColor;border-bottom:0;border-right:0;height:.45em;width:.45em}.icon-resize-horiz::before,.icon-resize-vert::before{transform:translate(-50%,-90%) rotate(45deg)}.icon-resize-horiz::after,.icon-resize-vert::after{transform:translate(-50%,-10%) rotate(225deg)}.icon-resize-horiz::before{transform:translate(-90%,-50%) rotate(-45deg)}.icon-resize-horiz::after{transform:translate(-10%,-50%) rotate(135deg)}.icon-more-horiz::before,.icon-more-vert::before{background:currentColor;border-radius:50%;box-shadow:-.4em 0,.4em 0;height:3px;width:3px}.icon-more-vert::before{box-shadow:0 -.4em,0 .4em}.icon-cross::before,.icon-minus::before,.icon-plus::before{background:currentColor;height:.1rem;width:100%}.icon-cross::after,.icon-plus::after{background:currentColor;height:100%;width:.1rem}.icon-cross::before{width:100%}.icon-cross::after{height:100%}.icon-cross::after,.icon-cross::before{transform:translate(-50%,-50%) rotate(45deg)}.icon-check::before{border:.1rem solid currentColor;border-right:0;border-top:0;height:.5em;transform:translate(-50%,-75%) rotate(-45deg);width:.9em}.icon-stop{border:.1rem solid currentColor;border-radius:50%}.icon-stop::before{background:currentColor;height:.1rem;transform:translate(-50%,-50%) rotate(45deg);width:1em}.icon-shutdown{border:.1rem solid currentColor;border-radius:50%;border-top-color:transparent}.icon-shutdown::before{background:currentColor;content:"";height:.5em;top:.1em;width:.1rem}.icon-refresh::before{border:.1rem solid currentColor;border-radius:50%;border-right-color:transparent;height:1em;width:1em}.icon-refresh::after{border:.2em solid currentColor;border-left-color:transparent;border-top-color:transparent;height:0;left:80%;top:20%;width:0}.icon-search::before{border:.1rem solid currentColor;border-radius:50%;height:.75em;left:5%;top:5%;transform:translate(0,0) rotate(45deg);width:.75em}.icon-search::after{background:currentColor;height:.1rem;left:80%;top:80%;transform:translate(-50%,-50%) rotate(45deg);width:.4em}.icon-edit::before{border:.1rem solid currentColor;height:.4em;transform:translate(-40%,-60%) rotate(-45deg);width:.85em}.icon-edit::after{border:.15em solid currentColor;border-right-color:transparent;border-top-color:transparent;height:0;left:5%;top:95%;transform:translate(0,-100%);width:0}.icon-delete::before{border:.1rem solid currentColor;border-bottom-left-radius:.1rem;border-bottom-right-radius:.1rem;border-top:0;height:.75em;top:60%;width:.75em}.icon-delete::after{background:currentColor;box-shadow:-.25em .2em,.25em .2em;height:.1rem;top:.05rem;width:.5em}.icon-share{border:.1rem solid currentColor;border-radius:.1rem;border-right:0;border-top:0}.icon-share::before{border:.1rem solid currentColor;border-left:0;border-top:0;height:.4em;left:100%;top:.25em;transfLine truncated

app/backend/src/assets/spectre.min.css

@@ -0,0 +1 @@
+/*! Spectre.css v0.5.9 | MIT License | github.com/picturepan2/spectre */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}address{font-style:normal}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;font-size:1em}dfn{font-style:italic}small{font-size:80%;font-weight:400}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item;outline:0}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box;font-size:20px;line-height:1.5;-webkit-tap-highlight-color:transparent}body{background:#fff;color:#3b4351;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:.8rem;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:#303742;outline:0;text-decoration:none}a:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}a.active,a:active,a:focus,a:hover{color:#302ecd;text-decoration:underline}a:visited{color:#807fe2}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.2;margin-bottom:.5em;margin-top:0}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500}.h1,h1{font-size:2rem}.h2,h2{font-size:1.6rem}.h3,h3{font-size:1.4rem}.h4,h4{font-size:1.2rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.8rem}p{margin:0 0 1.2rem}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}abbr[title]{border-bottom:.05rem dotted;cursor:help;text-decoration:none}kbd{background:#303742;border-radius:.1rem;color:#fff;font-size:.7rem;line-height:1.25;padding:.1rem .2rem}mark{background:#ffe9b3;border-bottom:.05rem solid #ffd367;border-radius:.1rem;color:#3b4351;padding:.05rem .1rem 0}blockquote{border-left:.1rem solid #dadee4;margin-left:0;padding:.4rem .8rem}blockquote p:last-child{margin-bottom:0}ol,ul{margin:.8rem 0 .8rem .8rem;padding:0}ol ol,ol ul,ul ol,ul ul{margin:.8rem 0 .8rem .8rem}ol li,ul li{margin-top:.4rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}dl dt{font-weight:700}dl dd{margin:.4rem 0 .8rem 0}.lang-zh,.lang-zh-hans,html:lang(zh),html:lang(zh-Hans){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif}.lang-zh-hant,html:lang(zh-Hant){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif}.lang-ja,html:lang(ja){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif}.lang-ko,html:lang(ko){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif}.lang-cjk ins,.lang-cjk u,:lang(ja) ins,:lang(ja) u,:lang(zh) ins,:lang(zh) u{border-bottom:.05rem solid;text-decoration:none}.lang-cjk del+del,.lang-cjk del+s,.lang-cjk ins+ins,.lang-cjk ins+u,.lang-cjk s+del,.lang-cjk s+s,.lang-cjk u+ins,.lang-cjk u+u,:lang(ja) del+del,:lang(ja) del+s,:lang(ja) ins+ins,:lang(ja) ins+u,:lang(ja) s+del,:lang(ja) s+s,:lang(ja) u+ins,:lang(ja) u+u,:lang(zh) del+del,:lang(zh) del+s,:lang(zh) ins+ins,:lang(zh) ins+u,:lang(zh) s+del,:lang(zh) s+s,:lang(zh) u+ins,:lang(zh) u+u{margin-left:.125em}.table{border-collapse:collapse;border-spacing:0;Line truncated