@nebularstreams/statify 3.0.0

package/src.website/css/css-core/core.ext.css

@@ -0,0 +1,65 @@
+h1, h2, h3, h4, h5 {
+    margin: 0
+}
+
+.flex-around {
+    justify-content: space-around;
+}
+
+.selfcenter {
+    align-self: center;
+}
+
+.text-al-center {
+    text-align: center;
+}
+
+a {
+    color: var(--text);
+}
+
+a.material-button:hover {
+    color: var(--text-over-accent);
+}
+
+.unitheightsmall {
+    height: var(--unitsize-small);
+}
+
+.invert {
+    filter: invert(1);
+}
+
+
+.flex-place-center {
+    place-content: center;
+}
+
+.pad-6 {
+    padding: 1.5rem;
+}
+
+.pad-0 {
+    padding: 0 !important;
+}
+
+.marg-0 {
+    margin: 0 !important;
+}
+
+.marg-b-2 {
+    margin-bottom: 0.25rem;
+}
+
+.unitsize {
+    line-height: var(--unitsize) !important;
+}
+
+.unitsize, .unitsizesmall {
+    flex-shrink: 0;
+}
+
+.always-grows {
+    flex-grow: 1;
+    max-width: initial !important;
+}

package/src.website/css/css-core/frontpage.css

@@ -0,0 +1,28 @@
+.divimage.medallion {
+    background-color: black;
+    width: 12vw;
+    height: 12vw;
+    border-radius: 10000rem;
+    background-size: cover;
+    box-shadow: 0 0 2px;
+}
+
+.divimage.overlayicon {
+    width: 100px;
+    height: 200px;
+}
+
+.halver {
+    background: rgba(0, 0, 0, 0.2);
+}
+
+img.bannerlogo {
+    height: calc(100vw * 0.15);
+    max-width: 800px;
+    max-height: calc(800px * 0.15);
+    width: auto !Important;
+}
+
+.unavail {
+    color: gray !important;
+}

package/src.website/css/css-core/root.css

@@ -0,0 +1,34 @@
+button {
+    margin:0;
+    padding:0;
+}
+
+ul {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    margin: 0;
+}
+
+.accent {
+    color: var(--accent) !important;
+}
+
+.growgrid {
+    flex-grow: 1 !important;
+    max-width: unset !important;
+}
+
+.grows {
+    flex-grow: 1 !important;
+}
+
+* {
+    -webkit-tap-highlight-color: transparent !important;
+}
+:focus {
+    outline: none !important;
+}

package/src.website/css/css-core/root.fullheight.css

@@ -0,0 +1,12 @@
+html {
+    overflow-y: auto;
+    overscroll-behavior: contain;
+}
+
+#main {
+    height: 100vh !important;
+}
+
+body {
+    height: auto !important;
+}

package/src.website/css/css-core/ui.dialog.round.css

@@ -0,0 +1,14 @@
+.dialog .formitem_static > div,
+.dialog input,
+.dialog select {
+    border-radius: 0.25rem;
+}
+
+.dialog .formitem:before {
+    font-variant: normal !important;
+    font-size: .7rem;
+    color: var(--text-lo);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}

package/src.website/css/css-core/ui.navibar.css

@@ -0,0 +1,28 @@
+
+nav.tab-menu.flexrow {
+
+    right: 0;
+    left: 0;
+    padding-left: 0.5rem;
+    box-shadow: 0 0 2px var(--shadow-color);
+}
+
+nav input {
+    border: 0;
+    border-radius: 2rem;
+    padding: 0.25rem 0.25rem 0.25rem 0.5rem;
+}
+
+nav.tab-menu > .tab-menu-item.selected-tab-item {
+    color: var(--accent);
+    border-radius: 10rem;
+    display: inline-block;
+}
+
+nav.subbar {
+    z-index: 100;
+    line-height: 2rem;
+    border-top: dashed 1px var(--border-color);
+    font-variant: all-small-caps;
+    height: 2rem;
+}

package/src.website/css/css-core/ui.notifications.css

@@ -0,0 +1,12 @@
+
+
+#notification-container .notification {
+    padding: 0.5rem;
+    border-top-right-radius: 0.5rem;
+    box-shadow: 0 0 5px var(--shadow-color);
+    font-weight: bold;
+    background: var(--primary-color);
+    color: var(--text-over-primary);
+    margin: 0;
+}
+

package/src.website/css/css-featurelist/feature.css

@@ -0,0 +1,196 @@
+.feature-list .feature {
+    background: var(--window-background-hi);
+}
+
+.feature-list .motto {
+    color: var(--text);
+}
+
+.screen.fullrow {
+    height: 100%;
+}
+
+.screen.fullrow > div {
+    flex-grow: 1;
+    justify-content: center;
+}
+
+h2.maxtitle {
+    font-size: 2rem !important;
+}
+
+.feature-list .maxtitle {
+    margin: 2rem 20% 1rem 20%;
+}
+
+.feature-list h1 {
+    font-size: 1.5rem;
+    padding: 0.5rem;
+}
+
+.feature-list h2 {
+    font-size: 1.25rem;
+    padding: 0.25rem;
+}
+
+.feature-list h3 {
+    font-size: 1.125rem;
+}
+
+.feature-list h4 {
+    font-size: 1rem;
+}
+
+.feature-list .body {
+    font-weight: normal;
+}
+
+.feature-list .body p {
+    margin-top: 0;
+}
+
+.feature-list a.paralink.tag {
+    border-radius: 10rem;
+    padding: 0.25rem 0.5rem;
+    margin: 0 0.25rem 0.5rem 0.25rem;
+    font-size: 0.75rem;
+    border: solid 2px var(--text);
+    display: inline-block;
+}
+
+.feature-list .witharia:before {
+    content: attr(aria-label);
+    color: var(--accent);
+    display: block;
+    padding: 1.5rem;
+    font-size: 1.7em;
+}
+
+.imgicon {
+    margin: -0.15rem;
+}
+
+.dark .invdark {
+    filter: invert(1);
+}
+
+.screen .shot > img {
+    box-shadow: 0 0 2px var(--shadow-color);
+    border-radius: 0.25rem;
+}
+
+.paragraph.attrib-1 {
+    font-weight: bold;
+}
+
+.screen .attrib-1, .screen .attrib-2 {
+    font-size: 75%;
+    width: 100%;
+}
+
+.item-video video,
+.obsvideo video {
+    width: 100%;
+}
+
+.paragraph {
+    padding: 0 1rem;
+}
+
+a.paralink.accentbutton {
+    background: var(--accent);
+    color: var(--text-over-accent);
+    border-radius: 0.25rem;
+    text-decoration: none;
+    font-size: 1.5rem;
+    padding: 1rem;
+    display: inline-block;
+}
+
+.obsvideo.fully {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+
+.story {
+    order: 100;
+}
+
+.newbox h2 {
+    margin: 1.5rem 0;
+    font-size: 2rem !Important;
+}
+
+.youtube.obsvideo.fully,
+.youtube.item-video.fully {
+    height: calc(100vw * 9 / 16);
+}
+
+.youtube .previewWindow,
+.youtube .previewHolder {
+    pointer-events: all !important;
+}
+
+.youtube .emptywidget {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    color: white;
+    pointer-events: none;
+}
+
+.youtube.video_ready .previewWindow {
+    opacity: 1;
+}
+
+.paragraph.nodownload {
+    border: solid 1px var(--border-color);
+    padding: 1rem;
+    margin-top: 1rem;
+    background: var(--accent-light);
+    border-radius: 0.25rem;
+}
+
+.order-first {
+    order: -1;
+}
+
+
+.item-image-carousel {
+    display: flex;
+    overflow: hidden;
+    position: relative;
+}
+
+.item-image-carousel > * {
+    display: none;
+}
+
+.item-image-carousel > .active {
+    display: block;
+}
+
+.asp169 {
+    aspect-ratio: 16/9;
+}
+
+.item-image-carousel:after {
+    content: attr(data-current) " / " attr(data-total);
+    position: absolute;
+    z-index: 10000;
+    background: var(--accent);
+    color: var(--text-over-accent);
+    padding: 0 .5rem;
+    border-radius: 1rem;
+    bottom: .5rem;
+    font-size: .75rem;
+    font-weight: bold;
+    text-align: center;
+    left: calc(50% + 1rem);
+    transform: translateX(-50%);
+    border: solid 1px var(--border-color);
+    text-shadow: 0 0 1px black;
+}

package/src.website/css/css-featurelist/tail.css

@@ -0,0 +1,4 @@
+.tail a {
+    color: white;
+    text-decoration: none;
+}

package/src.website/css/css-screens/doc.css

@@ -0,0 +1,22 @@
+figure.qrcode:before {
+    content: "read in your mobile";
+    font-size: 0.5rem;
+    position: absolute;
+    color: white;
+    top: -0.8rem;
+    width: 100%;
+    left: 0;
+    text-align: center;
+    text-shadow: 1px 1px black;
+}
+
+figure.qrcode {
+    width: 30%;
+    background-color: rgba(0, 0, 0, 0.4);
+    padding: 0.5rem;
+    border-radius: 0.5rem;
+    position: relative;
+    max-width: 200px;
+}
+
+

package/src.website/css/css-screens/screens-meta.css

@@ -0,0 +1,3 @@
+h1.gen {
+    display: none;
+}

package/src.website/css/css-unsplash/unsplash.css

@@ -0,0 +1,32 @@
+.unsplash {
+    background-size: cover;
+    width: 25%;
+    transition: background 1s ease-in-out;
+    flex-shrink: 0;
+}
+
+.skinroot.dark .unsplash {
+    filter: brightness(0.5) saturate(1.5);
+}
+
+.unsplash img, .unsplash .overlay {
+    border: 0 !important;
+    mix-blend-mode: luminosity;
+    box-shadow: none !important;
+}
+
+
+.authorbox {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    background: rgba(0, 0, 0, 0.8);
+    color: white;
+    padding: 0 0.5rem;
+    border-top-right-radius: 1rem;
+    font-size: 0.7rem;
+}
+
+.authorbox a {
+    color: white !important;
+}

package/src.website/css/css-videos/youtube.css

@@ -0,0 +1,28 @@
+.youtube {
+    aspect-ratio: 16/9;
+}
+
+
+.youtube iframe {
+    left: 0;
+    top: 0;
+    margin: 0;
+    bordeR: 0;
+    padding: 0;
+}
+
+.previewHolder {
+    background-position: center;
+    background-size: cover;
+}
+
+.youtube.cornered {
+    margin:0.25rem;
+    overflow:hidden;
+    border-radius: 0.25rem;
+    background: black;
+}
+
+.youtube.cornered .previewHolder {
+    position: static;
+}

package/src.website/css/css-wiki/wiki.css

@@ -0,0 +1,206 @@
+
+.markdown ul {
+    margin: 0;
+}
+
+.markdown h1,
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+    margin: 0.75rem 0;
+    text-align: left;
+}
+
+.markdown ul,
+.markdown ol {
+    margin: 0;
+    padding: 0.5rem 1rem;
+}
+
+.markdown p,
+.markdown ul > li,
+.markdown ol > li {
+    margin: 0.75rem 0;
+}
+
+.markdown li {
+    list-style-type: square;
+    padding-left: 0.5rem;
+    margin-left: 1rem !important;
+}
+
+.markdown h1 {
+    font-size: 2rem;
+    line-height: initial;
+}
+
+.markdown h2 {
+    font-size: 1.5rem;
+    line-height: normal;
+    border-bottom: solid 1px;
+}
+
+.markdown h3 {
+    font-size: 1.25rem;
+    line-height: normal;
+}
+
+.markdown h4 {
+    font-size: 1rem;
+    line-height: normal;
+}
+
+.markdown h5 {
+    font-size: 0.9rem;
+    line-height: normal;
+}
+
+.markdown h6 {
+    font-size: 0.8rem;
+    line-height: normal;
+}
+
+.markdown a {
+    color: var(--text);
+}
+
+
+.markdown a:hover {
+    color: var(--accent);
+}
+
+.markdown pre {
+    white-space: pre-wrap;
+    white-space: -moz-pre-wrap;
+    white-space: -o-pre-wrap;
+    word-wrap: break-word;
+    background-color: var(--border-color);
+    border: 1px solid var(--window-background-lo);
+    margin-top: 1.5em;
+    margin-bottom: 1.5em;
+    padding: 0.5rem 1rem;
+    border-radius: 0.25rem;
+}
+
+.markdown pre code {
+    background-color: unset;
+    border: 0;
+    padding: 0;
+    color: var(--text);
+    white-space: pre-wrap;
+}
+
+.markdown table code {
+    white-space: pre;
+}
+
+.markdown code {
+    user-select: text;
+    background-color: var(--window-background-lo);
+    color: var(--text);
+    font-family: Consolas, "Source Code Pro", Courier, monospace;
+    font-weight: normal;
+    padding: 0.125rem 0.3125rem 0.0625rem;
+    font-size: .8rem;
+    border: solid 1px var(--border-color);
+    border-radius: 0.25rem;
+    word-break: break-all;
+    white-space: pre-line;
+}
+
+.markdown table {
+    table-layout: fixed;
+    color: inherit;
+    font-size: .8rem;
+    margin: 0.5rem 0;
+    box-sizing: border-box;
+    text-align: inherit;
+    border-collapse: collapse;
+    border: solid 1px var(--border-color);
+}
+
+.markdown thead {
+    background-color: var(--window-background);
+}
+
+.markdown td, .markdown th {
+    padding: .5rem;
+    margin: 0;
+    border-right: solid 1px var(--border-color);
+}
+
+.markdown td {
+    background-color: var(--table-cell);
+}
+
+.markdown th {
+    font-size: inherit;
+    font-weight: bold;
+    text-align: inherit;
+    border-bottom: solid 1px var(--border-color);
+}
+
+.markdown tr {
+    border-bottom: solid 1px var(--border-color);
+}
+
+.markdown .sidepane .level1 {
+    display: none;
+    border: solid 1px;
+    margin-top: 0.5rem;
+}
+
+.markdown .sidepane .level0 {
+    border-top: solid;
+    margin: 0.5rem;
+    padding-top: 1rem;
+}
+
+.markdown .sidepane .level3:before {
+    content: "-";
+    padding-right: .5rem;
+    margin-left: -0.8rem;
+}
+
+.markdown .sidepane .level3 {
+    font-size: .75rem;
+    padding-left: 1.5rem;
+}
+
+.markdown img {
+    display: block;
+    margin: 1rem 0;
+    max-width: 100%;
+    border-radius: 0.25rem;
+    border: solid 1px var(--border-color);
+}
+
+.markdown {
+    line-height: 140%;
+}
+
+.markdown td a {
+    text-decoration: none;
+    color: var(--accent);
+}
+
+.markdown td a code {
+    color: inherit;
+}
+
+.sidepane {
+    box-shadow: 0 0 2px;
+    z-index: 1;
+}
+
+
+nav select {
+    height: 2rem;
+    outline: none !important;
+    background: transparent;
+    border: 0;
+    border-top: solid 1px var(--border-color);
+    color: var(--text);
+}

package/src.website/css/css-wiki/wiki.sidepane.css

@@ -0,0 +1,16 @@
+.widget.wiki .sidepane {
+    font-size: .8rem;
+    width: 1px;
+    min-width: 250px;
+}
+
+.widget.wiki .sidepane a {
+    text-decoration: none;
+    margin: 0.1rem .7rem;
+    transition: color 0.5s ease-in-out;
+}
+
+.widget.wiki .buffer {
+    width: 1px;
+    background: rgba(0, 0, 0, 0.1);
+}