This commit is contained in:
nnduc
2026-10-24 14:03:52 +07:00
commit 4fe046de58
4790 changed files with 311146 additions and 0 deletions
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
+237
View File
@@ -0,0 +1,237 @@
/* Article */
header:has(+ article) {
background-color: rgb(var(--movim-background-main));
position: sticky;
z-index: 1;
top: 0;
}
article {
overflow: hidden;
}
article header {
position: relative;
}
article footer {
margin-bottom: 1rem;
}
article>ul.list.thick:first-child>li>span {
align-self: start;
top: 2rem;
}
article>ul.list.thick:first-child>li>span.control {
top: 0;
}
article header ul:not(:first-child) {
padding: 0 1rem;
}
@media print {
article footer {
display: none;
}
}
article section {
font-size: 2rem;
line-height: 3rem;
font-weight: 500;
padding: 0 1.5rem;
}
article section[dir=rtl] {
text-align: right;
}
article section.limited {
display: block;
max-height: 60rem;
overflow: hidden;
margin: 0;
mask-image: linear-gradient(to bottom, black calc(100% - 10rem), transparent);
}
@media screen and (max-width: 1024px) {
article section.limited {
max-height: 40rem;
}
}
article img,
article video {
max-width: 100%;
height: auto;
animation: fadeIn 0.2s;
border-radius: 0.5rem;
}
article pre {
margin: 1.5rem 0;
}
/* Some CSS to style the quote XHTML generated by Movim */
article section>div div.quote {
display: block;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.12);
padding: 1rem 2rem;
margin-bottom: 1rem;
box-sizing: border-box;
}
article section>div div.quote:before,
article section>div div.quote:after {
content: '';
display: none;
}
article section>div div.quote ul {
display: flex;
flex-flow: row wrap;
}
article section>div div.quote ul:not(.list):not(.tabs):not(.grid)>li {
list-style-type: none;
padding-left: 0;
}
article section>div div.quote ul li>* {
margin-right: 1rem;
}
article section>div div.quote li:first-child {
flex: 1 75%;
padding-right: 2rem;
box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
article section>div div.quote li {
flex: 1 100%;
}
}
article section>div div.quote li img {
max-height: 10rem;
max-width: 100%;
float: right;
}
article section>div img.big_picture {
display: block;
margin-bottom: 1rem;
border-radius: 0.25rem;
}
article section>div img.big_picture:last-child {
margin-bottom: 0;
}
article section>div img.active:hover {
cursor: pointer;
}
article section>div div.video_embed {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
margin-bottom: 2rem;
border-radius: 0.25rem;
overflow: hidden;
height: 0;
}
article section>div div.video_embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
article ul li.pic img {
max-width: 30rem;
max-height: 30rem;
}
article section>div div hr {
margin: 2rem 0;
}
/* Spoiler */
article input[type=checkbox].spoiler {
display: none;
}
article input[type=checkbox].spoiler:not(:checked)+section {
position: relative;
}
article input[type=checkbox].spoiler:not(:checked)+section>div>* {
opacity: 0.05;
pointer-events: none;
filter: blur(1rem);
}
article section label.spoiler,
article input[type=checkbox].spoiler:checked+section label.spoiler {
display: none;
}
article input[type=checkbox].spoiler+section label.spoiler {
text-align: center;
display: block;
position: absolute;
top: calc(50% - 5rem);
left: calc(50% - 5rem);
width: 10rem;
height: 10rem;
line-height: 10rem;
font-size: 4rem;
border-radius: 100%;
background-color: var(--movim-accent);
color: rgba(var(--movim-font), 0.87);
box-shadow: var(--elevation-1);
}
article section label.spoiler:hover {
cursor: pointer;
font-variation-settings: 'FILL' 1;
box-shadow: var(--elevation-2);
}
/* Table */
.dialog>section table,
article table {
border-collapse: collapse;
margin: 2rem 0;
}
.dialog>section table tbody tr:nth-child(even),
article table tbody tr:nth-child(even) {
background-color: rgba(var(--movim-font), 0.05);
}
.dialog>section table td,
article table td {
padding: 0.5rem;
font-size: 1.9rem;
line-height: 2.5rem;
}
.dialog>section table th,
article table th {
padding: 0.5rem;
font-size: 1.8rem;
line-height: 2.5rem;
text-align: left;
}
+171
View File
@@ -0,0 +1,171 @@
.flex {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.flex.card {
gap: 1rem;
padding: 1rem;
}
.flex.card.large {
padding: 1rem 0;
}
ul.flex li.block {
border-radius: 0.65rem;
transition: background 0.3s ease;
}
ul.flex li.subheader {
grid-column: 1/-1;
}
ul.flex.card li.subheader {
margin: -1rem 0;
}
.flex .block:not(.subheader) {
overflow: hidden;
}
.flex.card .block:not(.subheader) {
min-height: 5rem;
}
.flex.stacked .block:not(.subheader) {
margin-bottom: 0;
}
.flex.third {
grid-template-columns: repeat(3, 1fr);
}
.flex.fourth {
grid-template-columns: repeat(4, 1fr);
}
.flex.fifth {
grid-template-columns: repeat(5, 1fr);
}
.flex .block.large,
.flex.card .block.large {
grid-column: 1/-1;
}
.column {
column-count: 3;
margin: 1rem 0;
line-height: 0;
}
.column > * {
display: inline-block;
width: 100%;
}
@media screen and (min-width: 451px) and (max-width: 900px) {
.flex.third {
grid-template-columns: repeat(2, 1fr);
}
.flex.fourth {
grid-template-columns: repeat(3, 1fr);
}
.flex.fifth {
grid-template-columns: repeat(4, 1fr);
}
.column {
column-count: 2;
}
}
@media screen and (max-width: 450px) {
.flex,
.flex.flex.third {
grid-template-columns: repeat(1, 1fr);
}
.flex.fourth {
grid-template-columns: repeat(2, 1fr);
}
.flex.flex.fifth {
grid-template-columns: repeat(3, 1fr);
}
.column {
column-count: 1;
}
}
/* Gallery */
ul.flex.gallery li.block:not(.subheader) {
min-height: 25rem;
}
ul.flex.gallery li.block.story {
width: 10rem;
min-height: 0;
padding: 0 0.5rem 0.5rem;
}
ul.flex.gallery li.block {
display: flex;
flex-direction: column;
max-width: 100%;
}
ul.flex.gallery li.block p a.node,
ul.flex.gallery li.block > img + span,
ul.flex.gallery li.block > span.primary,
ul.flex.gallery li.block > span.control {
display: none;
}
ul.flex.gallery li.block div {
flex: initial;
margin-top: auto;
width: 100%;
z-index: 0; /* It seems that the img mask is applied on the div */
}
ul.flex.gallery li.block img.main {
position: relative;
opacity: 1;
height: initial;
max-height: 35rem;
left: 0;
top: 0;
max-width: calc(100% + 3rem);
width: calc(100% + 3rem);
filter: none;
mask-image: linear-gradient(to bottom, black calc(100% - 20rem), transparent);
margin-bottom: -10rem;
}
ul.flex.gallery li.block.story img.main {
max-height: 100%;
max-width: calc(100% + 1rem);
}
ul.flex.gallery li.block img.main:after {
content: attr(alt);
}
ul.flex.gallery li.block.embed:before {
font-family: 'Material Symbols';
content: "\e02c";
display: flex;
align-items: center;
font-size: 3rem;
line-height: 5rem;
opacity: 0.75;
position: absolute;
left: 1.5rem;
z-index: 1;
}
+99
View File
@@ -0,0 +1,99 @@
/* Card */
.card img.main,
.card div.main {
position: absolute;
width: calc(100% + 2rem);
height: calc(100% + 2rem);
max-width: calc(100% + 2rem);
object-fit: cover;
left: -1rem;
top: -1rem;
opacity: 0.1;
}
.card:not(.flex) > li:not(.subheader),
.card:not(.flex) > div.block {
margin-bottom: 1rem;
}
.card > .block:focus:not(:hover) {
outline: 2px solid var(--movim-accent);
}
.card img.main {
filter: blur(0.4rem);
}
.card i.main {
position: absolute;
font-size: 18rem;
opacity: 0.2;
filter: blur(0.5rem);
right: -5rem;
bottom: -8rem;
pointer-events: none;
}
.card li > div > p > span.info {
margin-right: 0.5rem;
}
.card li.block.color {
background-image: linear-gradient(rgba(0, 0, 0, 0.5));
}
/* Accessibility */
.card li[onclick]:focus-within {
outline: 3px solid var(--movim-accent);
outline-offset: 2px;
}
.card li[onclick] span.primary a:focus {
outline: none;
}
.card > .block:not(.subheader):not(.simple) {
animation: fadeIn 0.3s;
border-radius: 1rem;
border: 1px solid;
overflow: hidden;
box-sizing: border-box;
}
.card.noanim > .block:not(.subheader):not(.simple) {
animation: none;
}
.card > form.block {
padding: 2rem;
padding-top: 0;
box-sizing: border-box;
}
.card:not(.gallery) > .block.ticket div {
display: flex;
justify-content:safe;
flex-direction: column;
height: calc(calc(100% - 2rem));
gap: 0.25rem;
}
.card:not(.gallery) > .block.ticket div p:last-of-type {
margin-top: auto;
}
.card.shadow > .block:not(.subheader):not(.simple) {
transition: background 0.3s ease, box-shadow 0.3s ease;
box-shadow: var(--elevation-1);
border: none;
}
.card.shadow > .block:not(.subheader):not(.simple):hover {
box-shadow: var(--elevation-2);
}
.card.shadow > .block:not(.subheader):not(.simple):active {
box-shadow: var(--elevation-0);
}
+89
View File
@@ -0,0 +1,89 @@
.chip {
display: inline-block;
line-height: 4rem;
padding: 0 2rem;
font-size: 1.75rem;
margin: 0.5rem;
border-radius: 1rem;
color: rgb(var(--movim-font));
background-color: rgba(var(--movim-element-action), 0.05);
transition: background 0.3s ease;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 80%;
vertical-align: middle;
text-decoration: none;
}
.chip.thin {
line-height: 3rem;
padding: 0 1rem;
margin: 0;
}
p+p>.chip:first-child,
*:not(p):not(h4)>.chip:first-child {
margin-left: 0;
}
p+p>.chip:last-child,
*:not(p):not(h4)>.chip:last-child {
margin-right: 0;
}
.chip:has(i:not(.on_mobile)) {
padding-inline-start: 0;
}
.chip.thin:has(i) {
padding-inline-start: 0.5rem;
}
.chip i {
margin: 0 1rem;
font-size: 2rem;
}
.chip.thin i {
margin: 0 0.25rem;
font-size: 1.25rem;
}
.chip i.spin,
.chip i.on_mobile {
margin: 0;
}
.chip.oppose {
float: right;
}
.chip.active:hover {
background-color: rgba(var(--movim-element-action), 0.2);
box-shadow: var(--elevation-1);
text-decoration: none;
}
.chip.active:focus {
background-color: rgba(var(--movim-element-action), 0.4);
box-shadow: var(--elevation-0);
}
.chip.outline {
outline: 1px solid rgba(var(--movim-font), 0.12);
outline-offset: -1px;
}
.chip.enabled {
background-color: rgba(var(--movim-element-action), 0.4);
box-shadow: var(--elevation-2);
pointer-events: none;
}
.chip img {
margin-bottom: -0.7rem;
margin-right: 0.5rem;
margin-left: -1.5rem;
height: 2.5rem;
}
+442
View File
@@ -0,0 +1,442 @@
/* Color */
body {
--movim-background-main: 238, 238, 238;
--movim-background: 255, 255, 255;
--movim-gray: 35, 35, 35;
--movim-font: 0, 0, 0;
--movim-header-font: 200, 200, 200;
--movim-element-action: 153, 153, 153;
scrollbar-color: rgba(var(--movim-font), 0.2) transparent;
--movim-shadow: 0, 0, 0;
--movim-shadow-strength: 1;
}
/* Night mode, using an enforced class and with the browser media-query, the two following
sections are therefore copy pasted */
body.nightmode {
--movim-background-main: 20, 26, 33;
--movim-background: 25, 32, 40;
--movim-gray: var(--movim-background-main);
--movim-font: 255, 255, 255;
--movim-element-action: 74, 86, 99;
scrollbar-color: rgba(var(--movim-font), 0.1) transparent;
--movim-shadow-strength: 1.2;
}
@media (prefers-color-scheme: dark) {
body {
--movim-background-main: 20, 26, 33;
--movim-background: 25, 32, 40;
--movim-gray: var(--movim-background-main);
--movim-font: 255, 255, 255;
--movim-element-action: 74, 86, 99;
scrollbar-color: rgba(var(--movim-font), 0.1) transparent;
--movim-shadow-strength: 1.6;
}
}
body>*,
.context_menu,
.icon-text,
.tabs a,
input,
textarea,
select {
color: rgba(var(--movim-font), 0.87);
}
input::placeholder,
textarea::placeholder,
select::placeholder {
color: rgba(var(--movim-font), 0.67);
}
ul.list li.divided:after,
*.divided:not(.spaced):not(li)>*:not(:last-child):not(.subheader):after,
*.divided.spaced>*:not(:last-child):after,
hr:not(.clear),
.card>.block:not(.subheader):not(.simple),
*.divided>*:not(:last-child) {
border-color: rgba(var(--movim-font), 0.12);
}
ul.list li span.control.divided:before {
border-color: rgba(var(--movim-font), 0.128);
}
label,
span.info,
li div.bubble:after,
ul.list li>div>p>span.second,
table tr th {
color: rgba(var(--movim-font), 0.54);
}
ul.list li.color>div>p>span.second {
color: rgba(255, 255, 255, 0.54);
}
body,
#drawer .card>.block:not(.subheader):not(.simple):not(.color) {
background-color: rgb(var(--movim-background-main));
}
.drawer,
.dialog,
ul.context_menu,
ul>li.date>div>p,
.card>.block:not(.subheader):not(.simple):not(.color) {
background-color: rgb(var(--movim-background));
}
main>header a,
.icon:not(.placeholder):not(.active) a,
.color input {
color: rgb(var(--movim-font));
}
.button.color,
.color,
span.icon span.counter,
span.icon[data-counter]:after,
span.icon.composing:after,
form>div .checkbox>input[type="checkbox"]:checked:before,
form>div .radio>input[type="radio"]:checked+label {
border-color: var(--movim-accent);
background-color: var(--movim-accent);
color: white;
}
span.icon span.counter:not(.alt) {
color: white;
}
span.icon span.counter.alt {
color: var(--movim-font);
background-color: rgb(var(--movim-background-main));
}
/* Elements */
ul li.action>div.action,
ul li.action>form>div.action,
.button.dorange,
.icon.dorange,
span.resource.dorange {
color: var(--p-dorange)
}
li div.bubble.moderator:after,
ul li div>p>span.moderator,
.button.orange,
.icon.orange,
span.resource.orange {
color: var(--p-orange);
}
.button.amber,
.icon.anber,
span.resource.amber {
color: var(--p-amber)
}
.button.yellow,
.icon.yellow,
span.resource.yellow {
color: var(--p-yellow);
}
.button.lime,
.icon.lime,
span.resource.lime {
color: var(--p-lime)
}
.button.lgreen,
.icon.lgreen,
span.resource.lgreen {
color: var(--p-lgreen);
}
.button.green,
.icon.green,
span.resource.green {
color: var(--p-green);
}
.button.teal,
.icon.teal,
span.resource.teal {
color: var(--p-teal)
}
.button.cyan,
.icon.cyan,
span.resource.cyan {
color: var(--p-cyan)
}
.button.lblue,
.icon.lblue,
span.resource.lblue {
color: var(--p-lblue)
}
.button.blue,
.icon.blue,
span.resource.blue {
color: var(--p-blue);
}
.button.red,
.icon.red,
span.resource.red,
p.encrypted.error {
color: var(--p-red);
}
.button.indigo,
.icon.indigo,
span.resource.indigo {
color: var(--p-indigo);
}
.button.dpurple,
.icon.dpurple,
span.resource.dpurple {
color: var(--p-dpurple);
}
.button.purple,
.icon.purple,
span.resource.purple {
color: var(--p-purple);
}
.button.pink,
.icon.pink,
span.resource.pink {
color: var(--p-pink)
}
.button.black,
.icon.black,
span.resource.black {
color: var(--p-black);
}
.button.gray,
.icon.gray,
span.resource.gray {
color: var(--p-gray);
}
.color {
color: white;
background-color: var(--movim-accent);
border-color: var(--movim-accent)
}
.color.gray {
color: white;
background-color: var(--p-gray);
border-color: var(--p-gray)
}
.color.dorange {
color: white;
background-color: var(--p-dorange);
border-color: var(--p-dorange)
}
.color.orange {
color: white;
background-color: var(--p-orange);
border-color: var(--p-orange)
}
.color.amber {
color: white;
background-color: var(--p-amber);
border-color: var(--p-amber)
}
span.icon:not(.composing):not([data-counter]):not(.story).status.away:after,
.color.yellow {
color: white;
background-color: var(--p-yellow);
border-color: var(--p-yellow)
}
.color.lime {
color: white;
background-color: var(--p-lime);
border-color: var(--p-lime)
}
span.icon:not(.composing):not([data-counter]):not(.story).status.chat:after,
span.icon:not(.composing):not([data-counter]):not(.story).status.online:after,
.color.lgreen {
color: white;
background-color: var(--p-lgreen);
border-color: var(--p-lgreen)
}
.color.green {
color: white;
background-color: var(--p-green);
border-color: var(--p-green)
}
.color.teal {
color: white;
background-color: var(--p-teal);
border-color: var(--p-teal)
}
.color.cyan {
color: white;
background-color: var(--p-cyan);
border-color: var(--p-cyan)
}
.color.lblue {
color: white;
background-color: var(--p-lblue);
border-color: var(--p-lblue)
}
.color.blue {
color: white;
background-color: var(--p-blue);
border-color: var(--p-blue)
}
span.icon:not(.composing):not([data-counter]):not(.story).status.server_error:after,
.color.indigo {
color: white;
background-color: var(--p-indigo);
border-color: var(--p-indigo)
}
.color.dpurple {
color: white;
background-color: var(--p-dpurple);
border-color: var(--p-dpurple)
}
span.icon:not(.composing):not([data-counter]):not(.story).status.xa:after,
.color.purple {
color: white;
background-color: var(--p-purple);
border-color: var(--p-purple)
}
.color.pink {
color: white;
background-color: var(--p-pink);
border-color: var(--p-pink)
}
span.icon:not(.composing):not([data-counter]):not(.story).status.dnd:after,
.color.red {
color: white;
background-color: var(--p-red);
border-color: var(--p-red)
}
.color.black {
color: white;
background-color: var(--p-black);
border-color: var(--p-black)
}
.color.none {
color: white;
background-color: transparent;
}
.color.transparent {
color: white;
backdrop-filter: blur(1rem);
background-color: rgba(0, 0, 0, 0.25);
}
.color.semi {
color: rgba(var(--movim-font), 0.87);
background-color: rgba(var(--movim-background-main), 0.75);
}
form>div>input:focus:invalid,
form>div>input:focus:required {
box-shadow: 0px 2px 0px var(--p-red);
}
form>div>input:invalid,
form input:focus:invalid+label,
form textarea:focus:invalid+label {
color: var(--p-red);
}
ul.list li>div>p:not(:first-of-type):not(.main):not(.brief) {
color: rgba(var(--movim-font), 0.6);
}
ul.list li.color>div>p:not(:first-of-type):not(.main) {
color: rgba(255, 255, 255, 0.8);
}
header.big ul.list li>div>p:not(:first-of-type):not(.main),
div.snackbar ul.list li>div>p:not(:first-of-type):not(.main) {
color: rgb(var(--movim-header-font));
}
header.big ul.list li>div>p>span.second {
color: rgba(var(--movim-header-font), 0.9);
}
/* Default color : indigo */
input[type=button].color,
header.big,
mark,
main>header {
background-color: var(--movim-accent);
border-color: var(--movim-accent);
}
/* Accent color */
.tabs,
.button,
header:not(.big) .icon a,
a {
color: var(--movim-accent);
border-color: var(--movim-accent);
}
span.control.icon a > i,
span.primary.icon a > i {
color: rgba(var(--movim-font), 0.68);
}
a.normal {
color: inherit;
}
form>div .checkbox:before {
background-color: var(--movim-accent);
}
form input:focus:not(:invalid)+label,
form textarea:focus:not(:invalid)+label {
color: var(--movim-accent);
}
form>div .select:has(:focus),
form input:focus:not(:invalid):not(.button),
form textarea:focus:not(:invalid):not(.button) {
box-shadow: 0px 2px 0px var(--movim-accent);
}
+78
View File
@@ -0,0 +1,78 @@
.dialog {
position: fixed;
top: 5%;
left: calc(50% - 30rem);
height: initial;
width: 60rem;
overflow: hidden;
box-shadow: var(--elevation-3);
border-radius: 2rem;
z-index: 4;
box-sizing: border-box;
animation: zoom .25s ease-in-out;
}
.dialog:empty {
display: none;
}
.dialog.scroll {
height: 90%;
}
.dialog>section {
max-height: calc(90vh - 7.2rem);
height: 100%;
overflow-y: auto;
position: relative;
}
.dialog>section>*:first-child:not(ul):not(header) {
margin-top: 1rem;
}
.dialog>section table {
margin: 0 auto;
width: calc(100% - 3rem);
}
.dialog>section>form>label,
.dialog>section>h3,
.dialog>section>h4,
.dialog>section form>div:not(:has(ul.list)) {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.dialog>footer {
text-align: right;
padding: 0.75rem;
padding-bottom: 0.5rem;
padding-top: 0;
}
.dialog>section h3+h4 {
opacity: 0.7;
padding-top: 0.5rem;
}
.dialog>section form>p {
margin-top: 1rem;
padding: 0 1.5rem;
}
/* List specific */
.dialog>section form ul.list li>.primary {
left: 0;
}
@media screen and (max-width: 34rem) {
.dialog {
width: calc(100% - 6rem);
min-height: 0;
min-width: 0;
left: 3rem;
}
}
+16
View File
@@ -0,0 +1,16 @@
body {
--elevation-flat: 0px 1px 1px 0px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength)));
--elevation-0: 0px 0px 0px 0px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 0px 0px 0px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 0px 0px 0px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
--elevation-1: 0px 2px 1px -1px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 1px 1px 0px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 1px 3px 0px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
--elevation-2: 0px 3px 1px -2px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 2px 2px 0px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 1px 5px 0px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
--elevation-3: 0px 3px 3px -2px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 3px 4px 0px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 1px 8px 0px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
--elevation-4: 0px 2px 4px -1px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 4px 5px 0px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 1px 10px 0px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
--elevation-5: 0px 3px 5px -1px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 5px 8px 0px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 1px 14px 0px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
--elevation-6: 0px 3px 5px -1px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 6px 10px 0px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 1px 18px 0px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
--elevation-7: 0px 4px 5px -2px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 7px 10px 1px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 2px 16px 1px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
--elevation-8: 0px 5px 5px -3px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 8px 10px 1px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 3px 14px 2px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
--elevation-9: 0px 5px 6px -3px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 9px 12px 1px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 3px 16px 2px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
--elevation-10: 0px 6px 6px -3px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 10px 14px 1px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 4px 18px 3px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
--elevation-11: 0px 6px 7px -4px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 11px 15px 1px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 4px 20px 3px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
--elevation-12: 0px 7px 8px -4px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 12px 17px 2px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 5px 22px 4px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
}
+297
View File
@@ -0,0 +1,297 @@
/* Material Symbols */
@font-face {
font-family: 'Material Symbols';
font-style: normal;
font-weight: 400;
/** https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0 **/
src: url(../fonts/MaterialSymbols/MaterialSymbols-Outlined.woff2?3) format('woff2');
}
.material-symbols {
font-family: 'Material Symbols';
font-weight: normal;
font-style: normal;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
overflow-wrap: normal;
direction: ltr;
vertical-align: bottom;
user-select: none;
-moz-user-select: none;
-moz-font-feature-settings: 'liga';
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
.material-symbols.fill {
font-variation-settings: 'FILL' 1;
}
.material-symbols.blink {
animation: blink 3s infinite;
}
.material-symbols.flip-hor {
transform: scale(-1, 1);
}
.material-symbols.flip-vert {
transform: scale(1, -1);
}
.material-symbols.flip-hor.flip-vert {
transform: scale(-1, -1);
}
/* Roboto */
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/Roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/Roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/Roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/Roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/Roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/Roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/Roboto/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Others */
.emoji {
width: 3rem;
height: 3rem;
margin: 0 0.5rem;
margin-bottom: -0.7rem;
}
ul.list p+p .emoji {
margin-bottom: -0.5rem;
width: 2rem;
height: 2rem;
}
.emoji.medium {
width: auto;
height: 3.5rem;
margin: 0;
margin-bottom: -1.2rem;
}
.emoji.large {
width: 4.5rem;
height: 5rem;
margin: 0;
}
+512
View File
@@ -0,0 +1,512 @@
/* Form */
input {
filter: none;
}
li>form {
display: block;
}
form>div:not(.clear):not(.control) {
min-height: 9rem;
position: relative;
box-sizing: border-box;
}
form>div.compact:not(.clear):not(.control) {
min-height: 0;
}
form>div label {
position: absolute;
top: 1.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: calc(100% - 3rem);
user-select: none;
}
form>div textarea[required]+label:after,
form>div input[required]:not([type=checkbox])+label:after {
content: '✱';
margin-left: 0.5rem;
}
form>div.icon {
padding-left: 9rem;
}
form>div textarea {
field-sizing: content;
border: none;
resize: none;
line-height: 3rem;
box-sizing: border-box;
}
form>div .select:has(option:nth-child(2)):after {
font-family: 'Material Symbols';
content: "\e5c5";
display: block;
font-size: 4rem;
color: rgba(var(--movim-font), 0.75);
position: absolute;
bottom: 0rem;
pointer-events: none;
inset-inline-end: 0;
}
form>div .select:hover:after {
color: rgba(var(--movim-font), 0.6);
}
form>div .select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
background-color: transparent;
background-image: none;
padding-bottom: 1rem;
mask-image: linear-gradient(to right, black calc(100% - 15rem), transparent);
}
*[dir="rtl"] form>div .select select {
mask-image: linear-gradient(to left, black calc(100% - 15rem), transparent);
}
form>div .select:not(:has(option:nth-child(2))) {
pointer-events: none;
}
/* Placeholders to mimic FF */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 0s 50000s;
-webkit-text-fill-color: rgba(var(--movim-font), 0.87) !important;
}
/* Webkit weird CSS, sic */
form>div .select select,
form>div input:not([type=submit]),
form>div textarea {
outline-width: 0;
}
form>div .select select option,
form>div .select select optgroup {
background-color: rgb(var(--movim-background-main));
}
form>div .select,
form>div input:not([type=submit]),
form>div textarea {
display: block;
padding: 1rem 0;
padding-top: 4rem;
width: 100%;
background-color: transparent;
margin-bottom: 1rem;
-webkit-appearance: none;
/* iOS */
border-radius: 0;
/* iOS */
overflow: hidden;
/* Fixme */
position: relative;
z-index: 1;
}
form>div .select,
form>div input:not([type=submit]),
form>div textarea {
box-shadow: 0px 1px 0px rgba(var(--movim-font), 0.12);
}
form>div>img,
form>div>p {
padding-top: 1.5rem;
}
form>div .select {
position: relative;
padding-top: 4rem;
padding-bottom: 0;
}
form>div.compact>.select,
form>div.compact>input:not([type=submit]),
form>div.compact>textarea {
padding-top: 2.5rem;
}
/* Supporting text */
ul.list li div span.supporting,
form div>span.supporting {
line-height: 2.25rem;
font-size: 1.5rem;
color: rgba(var(--movim-font), 0.60);
display: inline-block;
margin-bottom: 1rem;
}
/* Webkit hack */
form>div input:not([type=submit]):-webkit-autofill {
-webkit-box-shadow: 0 0 0 50px transparent inset;
}
form>div input:not([type=submit]):-webkit-autofill:focus {
box-shadow: none;
-webkit-text-fill-color: rgba(var(--movim-font), 0.87);
}
/* File */
input[type=file] {
max-width: 100%;
margin-top: 1rem;
}
/* Checkbox element */
form>div .checkbox>input[type="checkbox"],
form>div .radio>input[type="radio"] {
display: inline;
width: 0;
height: 0;
position: initial;
}
form>div .checkbox {
position: relative;
width: 6rem;
height: 4rem;
margin-top: calc(50% - 2rem);
direction: ltr;
left: -1rem;
}
form>div ul.list .control .checkbox {
left: 0;
}
form>div .checkbox>input[type="checkbox"]:before {
content: '';
display: block;
position: absolute;
height: 100%;
width: 100%;
border: 0.3rem solid rgba(var(--movim-font), 0.2);
background-color: rgba(var(--movim-font), 0.12);
box-sizing: border-box;
transition: background-color 0.3s ease;
top: 0;
}
form>div .checkbox>input[type="checkbox"]:before {
border-radius: 4rem;
}
form>div .checkbox>input[type="checkbox"]:focus:before {
outline: 3px solid var(--movim-accent);
outline-offset: 2px;
}
form>div .checkbox>input[type="checkbox"]+label {
z-index: 1;
display: block;
background-color: rgba(var(--movim-font), 0.2);
width: 2rem;
height: 2rem;
border-radius: 2rem;
top: 1rem;
left: 1rem;
position: absolute;
font-size: 2rem;
text-align: center;
line-height: normal;
transition: left 0.3s ease, top 0.2s ease, width 0.2s ease, height 0.2s ease, box-shadow 0.1s ease;
}
form>div .checkbox>input[type="checkbox"]+label i {
vertical-align: middle;
color: rgba(var(--movim-font), 0.5);
line-height: 1.75em;
font-size: 1.75rem;
}
form>div .checkbox:hover>input[type="checkbox"]+label {
cursor: pointer;
box-shadow: 0 0 0 1.75rem rgba(var(--movim-font), 0.05);
}
form>div .checkbox>input[type="checkbox"]:checked+label {
color: white;
width: 3rem;
height: 3rem;
left: 1.25em;
top: 0.25em;
background-color: white;
}
form>div .checkbox>input[type="checkbox"]:checked+label i {
color: var(--movim-accent);
}
/* Radio */
form>div .radio>input[type="radio"]+label {
display: inline-block;
width: 2rem;
height: 2rem;
border-radius: 2rem;
border-width: 2px;
border-style: solid;
border-color: gray;
transition: box-shadow 0.1s ease;
margin: 1.25rem;
margin-bottom: 0;
}
form>div .radio>input[type="radio"]:focus+label {
outline: 3px solid var(--movim-accent);
outline-offset: 2px;
}
form>div .radio>input[type="radio"]+label:hover {
cursor: pointer;
background-color: rgba(var(--movim-font), 0.1);
box-shadow: 0 0 0 1.5rem rgba(var(--movim-font), 0.1);
}
form>div .radio>input[type="radio"]:checked+label {
box-shadow: inset 0 0 0 0.4rem rgb(var(--movim-background-main));
}
form>div .radio>input[type="radio"]:checked+label:hover {
box-shadow: inset 0 0 0rem 0.4rem rgb(var(--movim-background-main)), 0 0 0 1.55rem rgba(var(--movim-font), 0.05);
}
/* Disabled */
form>div input:disabled,
form>div input:disabled+label,
form>div select:disabled,
form>div select:disabled+label,
form>div textarea:disabled,
form>div textarea:disabled+label {
opacity: 0.5;
}
/* Readonly */
form>div input[readonly],
form>div textarea[readonly] {
opacity: 0.75;
}
/* Button */
.button.oppose {
float: inline-end;
}
.button:disabled,
.button.inactive {
opacity: 0.6;
pointer-events: none;
}
.button:focus-visible {
outline: 3px solid var(--movim-accent);
outline-offset: 2px;
}
.button,
input[type=button] {
-webkit-appearance: none;
/* iOS */
min-width: 5rem;
text-align: center;
display: inline-block;
box-sizing: border-box;
font-size: 2rem;
font-weight: 500;
line-height: 5rem;
height: 5rem;
margin: 0.75rem 0.25rem;
border-radius: 3rem;
padding: 0 2rem;
border: 0;
transition: background 0.3s ease,
box-shadow 0.3s ease,
border-radius 0.2s var(--standard-easing),
filter 0.2s var(--standard-easing);
background-image: none;
user-select: none;
}
.button.color {
box-shadow: var(--elevation-1);
}
.button.color:hover {
box-shadow: var(--elevation-2);
}
p>.button,
p>input[type=button] {
margin: 0.75rem 0;
}
.button.narrow {
padding: 0 1rem;
}
.button:not(.color),
input[type=button]:not(.color) {
background-color: white;
}
.button:active,
input[type=button]:active {
filter: saturate(0.8) brightness(0.9);
box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.23), 0 0.5rem 1.25rem rgba(0, 0, 0, 0.16);
}
.button.flat,
input[type=button].flat {
box-shadow: none;
background-color: transparent;
border: 0;
}
.button:hover,
a.button:link:hover,
a.button:visited:hover,
input[type=button]:hover {
cursor: pointer;
text-decoration: none;
border-radius: 1rem;
}
.button.flat:not(.color):hover,
.button.flat:not(.color).on,
input[type=button].flat:not(.color):hover {
background-color: rgba(var(--movim-element-action), 0.2);
}
.button:focus,
input[type=button]:focus {
border: 0;
}
.button.flat:not(.color):focus,
input[type=button].flat:not(.color):focus {
background-color: rgba(var(--movim-element-action), 0.4);
font-variation-settings: 'FILL' 1;
}
.button.action {
position: fixed;
bottom: 2rem;
right: 2rem;
min-height: 0rem;
min-width: 0rem;
line-height: 7rem;
height: 7rem;
width: 7rem;
z-index: 2;
font-size: 3.5rem;
animation: zoom 0.3s;
padding: 0;
border-radius: 2.5rem;
margin: 0;
}
.button.action.small {
height: 5rem;
width: 5rem;
line-height: 5rem;
}
body>nav.active~main .button.action,
body>div.dialog:not(:empty)~main .button.action,
body>div.drawer:not(:empty):not(.empty)~main .button.action {
transform: scale(0.9);
opacity: 0;
}
.button.action {
box-shadow: var(--elevation-3);
}
.button.action:hover {
box-shadow: var(--elevation-4);
}
.button.action,
.button.action>i {
transition: all 0.4s ease 0s;
}
.button.action.active>i {
transform: rotate(45deg);
}
ul.list li div>.button {
margin: 0.25rem;
}
li.action div.action .button {
margin: 0.5rem;
display: block;
}
.button:not(.action) i {
font-size: 2.5rem;
margin: 0 0.25rem;
}
.snackbar#status_websocket:not(.hide)~main>section#sidebar~* .button.action {
display: none;
}
@media screen and (min-width: 1025px) {
main>div:first-child:nth-last-child(2)+div .button.action {
right: calc(75% - 3rem);
}
*[dir="rtl"] main>div:first-child:nth-last-child(2)+div .button.action {
right: auto;
left: calc(75% - 3rem);
}
section#sidebar~* .button.action {
right: calc(50% - 21rem);
}
*[dir="rtl"] section#sidebar~* .button.action {
right: auto;
left: calc(50% - 21rem);
}
}
@media screen and (min-width: 1680px) {
main>div:first-child:nth-last-child(2)+div .button.action {
right: calc(63.75% + 2rem);
}
section#sidebar~* .button.action {
right: calc(42.5% - 17rem);
}
}
+52
View File
@@ -0,0 +1,52 @@
/* Grid */
ul.grid {
display: flex;
flex-wrap: wrap;
}
ul.grid > li {
flex: 0 1 25%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(var(--movim-gray), 0.3);
transition: opacity 0.2s ease-in-out;
}
ul.grid.third > li {
flex: 0 1 33.33%;
}
ul.grid.active > li:hover {
cursor: pointer;
opacity: 0.8;
}
ul.grid.active > li i {
font-size: 4rem;
color: white;
text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12);
max-width: max-content;
}
ul.grid.active > li span {
position: absolute;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.8);
color: white;
font-size: 1.5rem;
padding: 0 0.5rem;
line-height: 2.5rem;
border-radius: 0.3rem 0 0;
}
ul.grid > li:after {
content: '';
display: block;
padding-bottom: 100%;
}
+20
View File
@@ -0,0 +1,20 @@
header.big {
background-size: cover, cover;
background-position: center center;
width: 100%;
max-width: 100%;
color: white;
position: relative;
}
header.big span.primary.icon a i,
header.big span.control.icon a i {
color: white;
}
header.big.top {
border-radius: 0 0 1rem 1rem;
padding-top: 15rem;
margin-bottom: 1rem;
box-shadow: var(--elevation-1);
}
+312
View File
@@ -0,0 +1,312 @@
/* Icon */
span.icon {
font-size: 3rem;
line-height: 5rem;
text-align: center;
background-size: cover;
background-position: center;
position: relative;
word-break: keep-all;
}
span.icon.spin,
i.spin {
animation: spin 2s linear infinite;
}
span.icon.shake,
i.shake {
animation: shake 1s linear infinite;
}
span.icon img {
max-width: 100%;
height: 100%;
object-fit: cover;
}
span.icon.r1 {
transform: rotate(90deg);
}
span.icon.r2 {
transform: rotate(180deg);
}
span.icon.r3 {
transform: rotate(270deg);
}
/*span.icon.top {
position: relative;
top: -1.5rem;
width: 100%;
height: 10rem;
line-height: 10rem;
display: block;
margin: 0;
left: 0;
}
span.icon.top.preview {
height: 25rem;
}*/
span.icon.primary.thumb,
span.icon.control.thumb {
width: 7rem;
line-height: 7rem;
margin-right: -1.5rem;
align-self: stretch;
height: auto;
text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}
span.icon.primary.thumb {
margin-left: -1.5rem;
margin-right: 0.5rem;
}
span.primary.overflow {
margin-left: -4.5rem;
margin-right: 0;
}
span.icon.bubble {
border-radius: 5rem;
font-size: 2.25rem;
user-select: none;
-moz-user-select: none;
height: 5rem;
}
span.icon.bubble img:not(.emoji) {
border-radius: 5rem;
}
span.icon.bubble.space:not(:has(img)),
span.icon.bubble.space img:not(.emoji) {
border-radius: 2rem;
}
span.icon.bubble>i,
span.icon.bubble>a>i {
font-size: 3rem;
line-height: 5rem;
}
ul.list li span.icon.small {
height: 4rem;
line-height: 3.5rem;
font-size: 0;
/* Only display the first letter */
flex: 0 0 4rem;
margin-left: 1rem;
margin-right: 1rem;
}
ul.list li span.icon.small img.emoji {
width: 1.75rem;
height: 4rem;
}
ul.list li span.icon.small:not(.bubble)>i {
font-size: 3rem;
line-height: 3rem;
}
span.icon.small.bubble:first-letter,
span.icon.small.bubble>i,
span.icon.small.bubble>a>i {
font-size: 2.25rem;
line-height: 4rem;
}
span.icon.bubble.status,
span.icon.bubble.stories {
border-radius: 0;
mask-size: 100%;
mask-origin: content-box;
mask-repeat: no-repeat;
}
span.icon.bubble.stories {
mask-origin: fill-box;
background: linear-gradient(to top right, var(--p-orange), var(--p-pink));
transition: transform 0.2s ease-in-out;
}
span.icon.bubble.stories.seen {
background: none;
background-color: rgba(var(--movim-font), 0.25);
}
span.icon.bubble.stories:active {
transform: scale(.95);
}
span.icon.bubble.status:not(.offline):not(.composing):not([data-counter]):not(.location) {
mask-image: url(../img/avatar_mask.svg);
-webkit-mask-origin: unset;
mask-origin: unset;
}
span.icon.bubble.stories.composing,
span.icon.bubble.stories[data-counter]:not(.composing):not(.location) {
mask-image: url(../img/avatar_mask_notifs_stories.svg);
}
span.icon.bubble.stories:not(.composing):not([data-counter]):not(.location) {
mask-image: url(../img/avatar_mask_stories.svg);
-webkit-mask-origin: unset;
mask-origin: unset;
}
span.icon.bubble.status.online.stories:not(.composing):not([data-counter]):not(.location) {
mask-image: url(../img/avatar_mask_stories_online.svg);
}
span.icon.bubble.status.dnd:not(.composing):not([data-counter]):not(.location) {
mask-image: url(../img/avatar_mask_dnd.svg);
}
span.icon.bubble.status.dnd.stories:not(.composing):not([data-counter]):not(.location) {
mask-image: url(../img/avatar_mask_dnd_stories.svg);
}
span.icon.bubble.status.away:not(.composing):not([data-counter]):not(.location) {
mask-image: url(../img/avatar_mask_away.svg);
}
span.icon.bubble.status.away.stories:not(.composing):not([data-counter]):not(.location) {
mask-image: url(../img/avatar_mask_away_stories.svg);
}
span.icon.bubble.status.xa:not(.composing):not([data-counter]):not(.location) {
mask-image: url(../img/avatar_mask_xa.svg);
}
span.icon.bubble.status.xa.stories:not(.composing):not([data-counter]):not(.location) {
mask-image: url(../img/avatar_mask_xa_stories.svg);
}
span.icon.bubble.status.location {
mask-image: url(../img/avatar_mask_location.svg);
}
span.icon.bubble.status.location.stories {
mask-image: url(../img/avatar_mask_location_stories.svg);
}
span.icon span.counter,
span.icon[data-counter]:after,
span.icon.composing:after,
span.icon.status:after {
content: '';
display: block;
min-width: 2rem;
height: 2rem;
font-size: 1.5rem;
line-height: 2rem;
right: calc(50% - 2.75rem);
top: calc(50% + 0.5rem);
position: absolute;
transition: border-radius 0.25s var(--standard-easing);
border-radius: 2em;
background-color: rgb(var(--movim-element-action));
box-shadow: var(--elevation-0);
}
span.icon.status.offline:not([data-counter]):after {
display: none;
}
span.icon span.counter,
span.icon[data-counter]:after,
span.icon.composing:after {
padding: 0 0.25rem;
min-width: 1.5rem;
box-shadow: var(--elevation-1);
}
/* Counter */
span.icon[data-counter]:after {
border-radius: 0.5rem;
content: attr(data-counter);
}
span.icon[data-counter].symbol:after {
font-family: 'Material Symbols';
}
/* Composing */
span.icon.composing:after {
content: '…';
line-height: 1rem;
font-size: 2rem;
font-weight: bold;
border-radius: 0.5rem;
animation: fadeText 1.5s infinite;
}
/* Weird bug */
span.icon.small.status:after {
border-radius: 2rem;
}
span.icon.small span.counter,
span.icon.small.composing:after {
top: 2.25rem;
}
span.icon.small.status:after {
top: 2.4rem;
min-width: 1.5rem;
height: 1.5rem;
right: calc(50% - 2.1rem);
}
main ul li .control>i {
margin-left: 0;
}
/* Counter */
span.icon span.counter {
border-radius: 0.5rem;
}
span.icon span.counter:empty {
display: none;
}
span.icon span.counter>i {
margin-left: 0.1rem;
margin-right: 0.1rem;
}
/* Text icon */
i.icon-text {
font-size: 2.5rem;
margin: 0 0.25rem;
line-height: 3rem;
vertical-align: middle;
}
/* Tiny icon */
p span.icon.tiny {
width: 2rem;
height: 2rem;
display: inline-block;
margin-right: 0.5rem;
vertical-align: text-top;
font-size: 1rem;
line-height: 2rem;
}
p span.icon.tiny:not(:first-child) {
margin-left: 0.75rem;
}
+815
View File
@@ -0,0 +1,815 @@
ul.list>*>li,
ul.list>li {
clear: both;
display: flex;
align-items: center;
padding: 0 1.5rem;
box-sizing: border-box;
position: relative;
transition: background-color 0.15s ease;
}
ul.list:not(.divided)>li {
border-radius: 1rem;
}
ul.list.compact>li:not(.subheader) {
flex-direction: column;
align-items: flex-start;
padding: 1.5rem 1rem;
}
ul.list.compact>li>div {
width: 100%;
}
ul.list.compact>li>span.chip {
position: absolute;
inset-inline-end: 1rem;
}
ul.list.controls>li {
padding: 0;
}
article header>ul.list li {
padding: 0 1rem;
}
ul.list li>* {
order: 2;
flex: 1;
min-width: 0;
max-width: 100%;
transition: background-color 0.15s ease, filter 0.15s ease;
}
ul.list li:not(.subheader)>div {
padding: 0.25rem 0;
}
ul.list.thin li:not(.subheader)>div {
padding: 0;
}
ul.list.middle li:not(.subheader)>div {
padding: 0.75rem 0;
}
ul.list.thick li:not(.subheader)>div {
padding: 1.5rem 0;
}
/* Active list items */
ul.list.active>li:hover:not(.subheader),
ul.list.active.all>li:hover,
ul.list>li.active:hover,
ul.list.active>li.active:not(.subheader),
ul.tabs>li:hover {
cursor: pointer;
user-select: none;
}
ul.list.active>li:hover:not(.subheader):not(.color),
ul.list.active.all>li:hover:not(.color),
ul.list>li.active:hover:not(.color),
ul.list.active>li.active:not(.subheader):not(.color),
ul.tabs>li:hover {
background-color: rgba(var(--movim-element-action), 0.1);
}
ul.list>li>span.active:hover {
cursor: pointer;
user-select: none;
}
ul.list>li>span.bubble.active:hover {
filter: grayscale(25%);
}
ul.list>li>span:not(.bubble).active:hover,
ul.list>li>div.bubble:not(.file):hover {
cursor: pointer;
background-color: rgba(var(--movim-element-action), 0.1);
}
/* Clicked list items */
ul.list.active>li:active:not(.subheader):not(.color),
ul.list.active.all>li:active:not(.color),
ul.tabs>li:active:not(.color) {
background-color: rgba(var(--movim-element-action), 0.2);
}
ul.list>li>span.bubble.active:active {
filter: grayscale(50%);
}
ul.list>li>span:not(.bubble).active:active,
ul.list>li>div.bubble:not(.file):active {
cursor: pointer;
background-color: rgba(var(--movim-element-action), 0.2);
font-variation-settings: 'FILL' 1;
}
/* Main elements */
ul.list li .control,
ul.list li .primary {
height: 5rem;
line-height: 5rem;
flex: 0 0 5rem;
justify-content: center;
}
ul.list li .primary:not(.bubble)[onclick] {
flex: 0 0 6.5rem;
margin-inline-start: -1.5rem;
}
ul.list li.primary ul.list.compact>li .primary {
width: 5rem;
}
ul.list li>span.primary {
order: 1;
}
ul.list li>span.control {
order: 3;
}
ul.list li.invite:not(.subheader)>span.primary+span.primary {
margin-left: -2rem;
}
ul.list:not(.navigation):not(.card) li>span.control:last-of-type:not(:has(>.checkbox)):not(.toggleable) {
margin-inline-end: -1.5rem;
}
header>ul.list li>span.control:last-of-type,
nav>ul.list li>span.control:last-of-type,
ul.list.controls li>span.control:last-of-type {
margin-right: 0;
}
ul.list li>span.thumb {
flex: 0 0 7rem;
}
ul.list:not(.context_menu):not(.navigation) li:not(.subheader) .control:not(.bubble):not(.thumb),
ul.list:not(.context_menu):not(.navigation) li:not(.subheader) .primary:not(.bubble):not(.thumb):not(.small) {
padding: 0.25rem 0.5rem;
}
ul.list:not(.navigation) li:not(.subheader) .control.bubble,
ul.list:not(.navigation) li:not(.subheader) .primary.bubble:not(.small) {
margin: 0 0.5rem;
}
ul.list:not(.navigation) li:not(.subheader) .primary.stories.bubble {
margin: 0;
padding: 0.5rem;
}
ul.list.thin:not(.navigation) li:not(.subheader) .control:not(.bubble):not(.thumb),
ul.list.thin:not(.navigation) li:not(.subheader) .primary:not(.bubble):not(.thumb):not(.small) {
padding: 0 0.5rem;
}
ul.list.middle:not(.navigation) li:not(.subheader) .control:not(.bubble):not(.thumb),
ul.list.middle:not(.navigation) li:not(.subheader) .primary:not(.bubble):not(.thumb):not(.small) {
padding: 1rem 0.5rem;
}
ul.list.thick:not(.navigation) li:not(.subheader) .control:not(.bubble):not(.thumb),
ul.list.thick:not(.navigation) li:not(.subheader) .primary:not(.bubble):not(.thumb):not(.small) {
padding: 1.75rem 0.5rem;
}
ul.list li .primary~*:not(.primary):not(.control):not(.bubble) {
margin-inline-start: 1rem;
}
ul.list.compact li .primary~*:not(.primary):not(.control):not(.bubble) {
margin-inline-start: 0.5rem;
padding-bottom: 0;
}
ul.list:not(.gallery) li:not(.story)>.control~*:not(.primary):not(.control):not(.bubble) {
margin-inline-end: 1rem;
}
ul.list li .primary>a,
ul.list li .control>a {
display: block;
}
/* Safari fix */
ul.list li .primary.bubble>a {
height: 5rem;
}
ul.list li .primary.small.bubble>a {
height: 4rem;
}
/* Truncated content */
ul.list li.subheader>div>p,
ul.list li>div>span.supporting.line,
ul.list li>div>p.line {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
ul.list li>div>p.line.two {
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
ul.list li>div>p>span.second {
margin-left: 0.5rem;
}
ul.list li>div>p>span.second.sticked {
margin-left: 0;
}
ul.list li>div>p>span.info,
ul.list li>div.bubble:after {
float: inline-end;
font-size: 1.5rem;
margin-left: 0.5rem;
max-width: 70%;
overflow: hidden;
text-overflow: ellipsis;
}
/* Size automagicaly the content */
ul.list li>div>p {
box-sizing: border-box;
width: auto;
}
ul.list li>div>p.active:hover {
cursor: pointer;
}
ul.list>*>li>div>p:first-of-type,
ul.list>li>div>p:first-of-type,
ul.list>li>div>p.brief {
line-height: 3rem;
font-size: 2rem;
}
ul.list>*>li>div>p:not(:first-of-type):not(.brief),
ul.list>li>div>p:not(:first-of-type):not(.brief) {
line-height: 2.5rem;
font-size: 1.75rem;
}
ul.list>*>li>div>p:not(.all),
ul.list>li>div>p:not(.all) {
max-height: 7.5rem;
overflow: hidden;
text-overflow: ellipsis;
}
ul.list>*>li>div>p:only-child,
ul.list>li>div>p:only-child {
line-height: 5.5rem;
}
ul.list>*>li>div>p.all,
ul.list>li>div>p.all {
line-height: 3rem;
}
ul.list li:not(.subheader)>div:has(>p.brief:not(.line)) {
padding-bottom: 0.5rem;
}
ul.list li>div>p.brief {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
ul.list li>div>p.bold {
font-weight: bold;
}
ul.list li>div>p.center {
text-align: center;
}
/* Subheader */
ul.list li.subheader {
overflow: hidden;
user-select: none;
}
ul.list li.subheader>div>p {
font-size: 1.75rem;
line-height: 5rem;
font-weight: 700;
}
ul.list li.subheader span.chip {
flex: 0 0 auto;
}
ul.list li.subheader.sticky {
position: sticky;
top: 0;
background-color: rgb(var(--movim-background-main));
z-index: 1;
}
/* Search forms */
ul.list:has(>li.search) {
padding-top: 1rem;
}
ul.list>li.main form div:after,
ul.list>li.comment form div:after,
ul.list>li.search form div:after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: rgb(var(--movim-background));
transition: background-color 0.2s ease-in-out;
position: absolute;
top: 0;
border-radius: 3rem;
pointer-events: none;
}
ul.list>li.comment form div:after {
background-color: rgba(255, 255, 255, 0.1);
}
ul.list>li.comment form div,
ul.list>li.search form div {
min-height: 0;
}
ul.list>li.main.edit form div:before,
ul.list>li.comment form div:before,
ul.list>li.search form div:before {
font-family: 'Material Symbols';
content: "\e8b6";
display: block;
font-size: 3rem;
color: rgba(var(--movim-font), 0.5);
position: absolute;
left: 1.5rem;
line-height: 6rem;
pointer-events: none;
z-index: 1;
}
ul.list>li.comment form div::before {
content: "\e261";
color: white;
z-index: 1;
}
ul.list>li.search.searching form div:before {
content: "\e863";
animation: spin 2s linear infinite;
}
ul.list>li.comment form input,
ul.list>li.search form input {
margin-right: 2rem;
margin-left: 5.5rem;
box-shadow: none;
padding: 1.75rem 0;
line-height: 2rem;
max-width: calc(100% - 7rem);
}
ul.list>li.comment form input:focus,
ul.list>li.search form input:focus {
box-shadow: none;
}
ul.list>li.main form div:focus-within:after,
ul.list>li.search form div:focus-within:after {
box-shadow: var(--elevation-1);
background-color: rgba(var(--movim-background), 0.8);
}
ul.list>li.comment form div:focus-within::after {
background-color: rgba(255, 255, 255, 0.2);
}
/* Tabs */
ul.tabs {
text-align: center;
border-bottom: 1px solid rgba(var(--movim-font), 0.12);
overflow: hidden;
white-space: nowrap;
height: 5.5rem;
line-height: 5.5rem;
font-size: 0;
user-select: none;
}
ul.tabs.reversed {
border-top: 1px solid rgba(var(--movim-font), 0.12);
border-bottom: 0;
padding-bottom: 0.75rem;
}
ul.tabs:empty {
display: none;
}
ul.tabs.wide>li {
width: 33.33%;
float: left;
}
ul.tabs.wide.two>li {
width: 50%;
}
ul.tabs:hover {
overflow-x: auto;
}
ul.tabs>li {
display: inline-block;
white-space: nowrap;
font-size: 1.75rem;
font-weight: 700;
opacity: 0.6;
height: 100%;
box-sizing: border-box;
border-radius: 1rem 1rem 0 0;
}
ul.tabs.reversed>li {
border-radius: 0 0 1rem 1rem;
}
ul.tabs>li>* {
padding: 0 3rem;
box-sizing: border-box;
display: inline-block;
width: 100%;
}
ul.tabs>li>*:hover {
text-decoration: none;
}
ul.tabs>li>*>i {
font-size: 2.5rem;
}
ul.tabs.narrow>li {
min-width: 8rem;
}
ul.tabs.narrow>li>* {
padding: 0 1rem;
}
ul.tabs>li.active {
opacity: 1;
font-variation-settings: 'FILL' 1;
border-bottom-width: 2px;
border-style: solid;
}
ul.tabs.reversed>li.active {
border-top-width: 2px;
border-bottom-width: 0;
}
/* Bubble */
ul.list li>div.bubble {
position: relative;
box-sizing: border-box;
display: block;
font-size: 1.75rem;
max-width: calc(100% - 11.5rem);
flex: 0 0 auto;
margin: 0 1.5rem;
padding: 0;
min-height: 5rem;
transition: transform 0.1s, background 0.3s ease, box-shadow 0.3s ease;
}
ul.list li>div.bubble div[dir="rtl"] {
text-align: right;
}
ul.list li>div.bubble:not(.file),
ul.list li>div.bubble.file div.audio_player {
padding: 1rem 1rem 1rem 1.5rem;
border-radius: 0 1rem 1rem;
line-height: 2.75rem;
border-color: rgb(var(--movim-background-main));
margin-bottom: 1.5rem;
}
ul.list li>div.bubble.file div.audio_player {
margin-bottom: 3rem;
padding: 0 0.5rem;
}
ul.list li>div.bubble ul.card p:not(.line):not(:last-child) {
display: block;
}
ul.list li>div.bubble ul.card p:not(.line):last-child {
white-space: inherit;
display: block;
}
ul.list li>div.bubble>div>p {
overflow: hidden;
display: inline;
max-width: 100%;
min-width: 20rem;
font-size: 1.75rem;
overflow-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
position: relative;
}
ul.list li>div.bubble>div>p i {
vertical-align: middle;
margin-top: -0.25rem;
}
ul.list li>div.bubble:not(.file)>div>p:empty {
display: none;
}
ul.list li>div.bubble:not(.file) p {
margin-right: 1rem;
}
ul.list li>div.bubble:not(.file) p:has(i.icon) {
white-space: inherit;
}
ul.list li>div.bubble p.retracted,
ul.list li>div.bubble p.encrypted {
opacity: 0.5;
}
ul.list li>div.bubble p.previewable {
display: block;
min-width: 0;
margin-bottom: 0.5rem;
}
ul.list li>div.bubble p pre {
display: inline-block;
margin-bottom: 0;
}
ul.list li>div.bubble span.resource {
display: none;
}
ul li:not(.oppose):not(.sequel) div.bubble div:first-child span.resource {
display: block;
line-height: 2.5rem;
}
ul.list li>div.bubble:not(.file),
ul.list li>div.bubble.file div.audio_player {
background-color: rgb(var(--movim-background));
}
ul li.oppose div.bubble:not(.file),
ul li.oppose div.bubble.file div.audio_player {
background-color: rgba(var(--movim-background), 0.5);
border-color: rgba(var(--movim-background), 0.5);
border-radius: 1rem 0 1rem 1rem;
padding-right: 1.5rem;
}
ul.list li>div.bubble p i.icon {
margin-right: 0.25rem;
}
ul li .quote {
font-style: italic;
}
ul.list li>div.bubble:not(.file):before {
content: "";
position: absolute;
top: 0;
left: -1.6rem;
width: 1.6rem;
height: 1.6rem;
background-color: rgb(var(--movim-background));
mask-image: url(../img/bubble_mask.svg);
mask-size: 100%;
transition: background-color 0.3s ease;
}
ul.list li>div.bubble:not(.file):hover:before,
ul li.oppose div.bubble:not(.file):hover:before {
background-color: rgba(var(--movim-element-action), 0.1);
}
ul.list li>div.bubble:not(.file):active:before,
ul li.oppose div.bubble:not(.file):active:before {
background-color: rgba(var(--movim-element-action), 0.2);
}
ul li.oppose div.bubble:not(.file):before {
left: initial;
right: -1.6rem;
background-color: rgba(var(--movim-background), 0.5);
mask-image: url(../img/bubble_mask_oppose.svg);
}
/* Date separator */
ul>li.date {
min-height: 0;
text-align: center;
}
ul>li.date>div>p:only-child {
line-height: 2.5rem;
font-size: 1.5rem;
display: inline-block;
border-radius: 2rem;
margin-bottom: 1.5rem;
padding: 0 2rem;
}
ul>li.date:first-of-type>div>p:only-child {
margin-top: 1rem;
}
ul.list li.separator:not(.subheader):not(.date) {
display: block;
border-top: 0.15rem dashed 0.15rem dashed rgba(var(--movim-font), 0.5);
margin-bottom: 0.7rem;
margin-top: -0.7rem;
}
/* Top controls list */
ul.list.controls {
position: absolute;
width: 100%;
top: 0;
justify-content: space-between;
}
ul.list.controls>li {
width: 100%;
margin: 0;
box-sizing: border-box;
}
ul.list.controls i {
text-shadow: 0 0 3rem black;
}
/* Icon */
.icon.tiny {
font-size: 1.8rem;
font-weight: 700;
}
/* Menu */
header ul.context_menu {
border-radius: 1rem;
overflow: hidden;
position: absolute;
top: 0;
inset-inline-end: 0;
margin: 0.5rem;
z-index: 3;
box-shadow: var(--elevation-2);
transition: transform 0.2s, opacity 0.2s;
transform: translateY(-5%);
opacity: 0;
pointer-events: none;
min-width: 25rem;
}
header ul.list.context_menu li {
padding: 0 0.5rem;
}
header ul.list.context_menu li.subheader {
padding: 0 2rem;
}
header ul.context_menu.shown {
transform: translateY(0);
opacity: 1;
pointer-events: all;
}
/* Divided */
ul.list li.divided:after,
*.divided:not(.spaced):not(li)>*:not(:last-child):not(.subheader):after,
*.divided.spaced>*:not(:last-child):not(.subheader):after {
position: absolute;
inset-inline-end: 0;
bottom: 0;
content: "";
display: block;
width: 100%;
border-bottom-width: 1px;
border-bottom-style: solid;
}
ul.list li.divided.spaced:after,
*.divided.spaced>*:not(:last-child):not(.subheader):after {
width: calc(100% - 8.5rem);
}
ul.list li span.control.divided:before {
position: absolute;
left: 0;
content: "";
display: block;
height: calc(100% - 2rem);
top: 1rem;
border-left-width: 1px;
border-left-style: solid;
}
ul li img.preview {
max-width: 100%;
margin: 1rem 0;
}
/* Common between Rooms and Space Rooms */
ul.rooms.list>li:has(ul) {
padding-left: 0;
padding-right: 0;
}
ul.rooms.list>li>ul:has(li:nth-child(2)) {
padding-bottom: 1rem;
}
ul.rooms.list>li>ul>li:not(:first-child)>span.icon,
ul.rooms.list>li>ul>li:not(:first-child)>div>p {
line-height: 4rem;
height: 4rem;
}
ul.rooms.list>li>ul>li:not(:first-child)>span.icon:first-child {
line-height: 4.5rem;
margin-right: 0;
margin-left: 2rem;
}
ul.rooms.list>li>ul>li:not(:first-child)>span.icon:nth-child(2) {
margin: 0;
transform: scale(0.75);
}
ul.rooms.list>li>ul>li:not(:first-child)>div>p>span.info {
font-size: 2rem;
margin-left: 1.5rem;
}
ul.rooms.list>li>ul>li:not(:first-child)>div>p>span.info.live {
background-color: var(--p-red);
color: white;
padding: 0 1rem;
border-radius: 1rem;
box-shadow: var(--elevation-4);
line-height: 3.5rem;
margin-top: 0.25rem;
font-variation-settings: 'FILL' 1;
}
+90
View File
@@ -0,0 +1,90 @@
/* Menu */
body>nav>ul:not(:first-child) li p:first-of-type {
height: 6rem;
line-height: 6rem;
}
body>nav>ul.list {
flex-shrink: 0;
}
body>nav>ul.list li {
padding-left: 0.5rem;
}
ul.oppose {
margin-top: auto;
}
/* Navigation */
ul.navigation li>span.primary i {
transition: opacity 0.15s ease;
opacity: 0.5;
}
ul.navigation li.active>span.primary i {
color: rgba(var(--movim-font), 0.8);
}
ul.navigation li.active>span.primary i,
ul.navigation li:not(.active):hover>span.primary>i {
opacity: 1;
}
ul.navigation li.active>span.primary i {
font-variation-settings: 'FILL' 1;
}
ul.list.active.navigation li:hover:not(.subheader),
ul.list.active.navigation li.active:not(.subheader) {
background-color: transparent;
}
ul.list.navigation li {
padding-right: 0;
}
ul.list.navigation li .primary {
margin: 0 0.25rem;
}
ul.list.active.navigation li:hover:not(.subheader):before,
ul.list.active.navigation li.active:not(.subheader):before {
display: block;
content: '';
width: 5.5rem;
height: calc(100% - 1rem);
background-color: rgba(var(--movim-element-action), 0.1);
position: absolute;
top: 0.5rem;
left: 0.5rem;
border-radius: 1.5rem;
z-index: -1;
transition: background-color 0.15s ease;
}
ul.list.active.navigation li:active:not(.subheader):before,
ul.list.active.navigation li.active:active:not(.subheader):before {
background-color: rgba(var(--movim-element-action), 0.2);
}
ul.navigation li {
transform: translateY(0);
}
ul#bottomnavigation li:active {
transform: translateY(1px);
}
@media screen and (min-width: 1025px) and (max-width: 1680px) {
ul.navigation li:active {
transform: translateY(1px);
}
ul.list.active.navigation li:hover:not(.subheader):before,
ul.list.active.navigation li.active:not(.subheader):before {
width: calc(100% - 1rem);
}
}
+99
View File
@@ -0,0 +1,99 @@
/* Snackbar - Toast */
.snackbar,
.toast {
box-shadow: var(--elevation-3);
position: fixed;
z-index: 4;
min-height: 6rem;
width: 48rem;
height: auto;
color: white;
box-sizing: border-box;
pointer-events: none;
transition: opacity 0.2s ease, transform 0.4s ease, box-shadow .3s cubic-bezier(.4, 0, .2, 1);
background-color: rgb(var(--movim-gray));
transform: translateY(0);
}
.snackbar ul.active {
pointer-events: auto;
}
.snackbar:active {
transform: translateY(1px);
box-shadow: var(--elevation-2);
}
.snackbar:hover:not(:active) {
box-shadow: var(--elevation-4);
}
.toast {
padding: 2rem 3rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-height: 10rem;
}
.snackbar {
right: 1rem;
border-radius: 2rem;
opacity: 1;
top: 1rem;
}
.toast {
left: calc(50% - 24rem);
line-height: 2.5rem;
border-radius: 1rem;
bottom: 3rem;
}
.snackbar:empty {
opacity: 0;
transform: translateY(-100%);
}
.toast:empty {
opacity: 0;
transform: translateY(100%);
}
.snackbar#status_websocket {
max-height: initial;
}
.snackbar#status_websocket:not(.hide)~nav,
.snackbar#status_websocket:not(.hide)~main {
opacity: 0.05;
pointer-events: none;
}
.snackbar#status_websocket:not(.hide)~div.dialog,
.snackbar#status_websocket:not(.hide)~div.drawer {
opacity: 0;
}
.snackbar#status_websocket:not(.connect) span.primary:nth-child(1),
.snackbar#status_websocket.connect span.primary:nth-child(2),
.snackbar#status_websocket:not(.connect) p:nth-child(3),
.snackbar#status_websocket.connect p:nth-child(4) {
display: none;
}
@media screen and (max-width: 1024px) {
.toast {
bottom: 7.5rem;
}
}
@media screen and (max-width: 576px) {
.snackbar,
.toast {
left: 1rem;
width: calc(100% - 2rem);
}
}
+28
View File
@@ -0,0 +1,28 @@
/* Webkit specific CSS for the scrollbars */
::-webkit-scrollbar {
height: 5px;
width: 8px;
}
textarea::-webkit-scrollbar {
width: 0;
}
::-webkit-scrollbar-button {
display: none;
}
::-webkit-scrollbar-thumb {
background-color: rgba(var(--movim-font), 0.1);
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(var(--movim-font), 0.2);
}
::-webkit-scrollbar-track {
background-color: transparent;
border-radius: 5px;
}
+692
View File
@@ -0,0 +1,692 @@
* {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
list-style-type: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:focus {
outline: 0;
}
html {
font-size: 51%;
}
body {
background-color: black;
overflow: hidden;
position: absolute;
height: 100%;
width: 100%;
}
.clear {
clear: both;
}
body>* {
display: block;
height: 100%;
box-sizing: border-box;
position: relative;
overflow: hidden;
font-family: 'Roboto', sans-serif;
}
body>script {
display: none;
}
a,
a:link,
a:visited {
text-decoration: none;
}
a:focus-visible:not(:hover) {
border-radius: 2px;
outline: 3px solid var(--movim-accent);
outline-offset: -2px;
}
a:link:hover,
a:visited:hover {
text-decoration: underline;
}
/* Skip Main */
#skip_main {
z-index: 1;
display: block;
position: fixed;
top: 0.5rem;
left: 0.5rem;
}
#skip_main:focus {
transform: translateY(0);
}
/* Navigation bar */
body>nav {
display: flex;
flex-flow: column nowrap;
width: 6.5rem;
position: absolute;
overflow-y: auto;
user-select: none;
padding: 1rem 0;
}
body>nav hr {
margin: 0.5rem 0;
}
body>div.drawer:not(:empty)~main,
body>div.drawer:not(:empty)~nav,
body>div.drawer:not(:empty)~#visio,
body>div.dialog:not(:empty)~main,
body>div.dialog:not(:empty)~nav,
body>div.dialog:not(:empty)~#visio,
body>nav.active~main {
opacity: 0.05;
pointer-events: none;
}
body>nav.active~main {
transform: translateX(6rem);
}
body>nav li {
/* Little hack for the navbar */
overflow: hidden;
}
@media screen and (max-width: 1024px) {
body>nav {
padding: 0;
padding-bottom: 7rem;
}
}
@media screen and (min-width: 1680px) {
body>nav,
body>nav:hover {
width: 15%;
}
body>nav~main,
body>nav:hover~main {
width: 85%;
}
}
body>nav.active:before {
display: none;
}
body:before {
position: absolute;
display: block;
background: linear-gradient(90deg, var(--movim-accent) 0, transparent 50%, var(--movim-accent) 100%);
background-size: 200rem;
width: 0;
height: 0.25rem;
content: '';
opacity: 0;
top: 0;
left: 0;
z-index: 3;
}
body.loading:before {
transition: width 4s ease-in-out, opacity 0.2s ease-in-out;
animation: loadingblink 3s linear infinite;
width: 100%;
opacity: 1;
}
body.finished:before {
transition: width 1s cubic-bezier(.68, 0, 0, 1), opacity 1s ease-in-out;
width: 100%;
opacity: 0;
}
@keyframes loadingblink {
from {
background-position: 0 0;
}
to {
background-position: 200rem 0;
}
}
/* Main */
main {
position: absolute;
inset-inline-end: 0;
top: 0;
transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
overflow-y: auto;
overflow-x: hidden;
width: 100%;
display: flex;
justify-content: center;
flex-direction: row-reverse;
}
@media print {
main {
display: block;
height: auto;
}
}
nav~main {
width: calc(100% - 6.5rem);
border-radius: 1rem 0 0 1rem;
}
main>div {
width: 92rem;
max-width: 100%;
}
main>div>* {
max-width: 92rem;
margin: 0 auto;
}
main>div.large {
max-width: 130rem;
width: 100%;
}
main>div.large>* {
max-width: 100%;
}
main>section#sidebar {
width: 45rem;
}
main>section#sidebar+div {
width: 85rem;
padding-inline-end: 1rem;
box-sizing: border-box;
}
/* Two blocks */
main>div:first-child:nth-last-child(2) {
width: 75%;
}
main>div:first-child:nth-last-child(2)+div {
width: 25%;
overflow-y: auto;
overflow-x: hidden;
box-shadow: var(--elevation-2);
background-color: rgb(var(--movim-background));
}
@media screen and (max-width: 1024px) {
nav.on_desktop~main,
nav~main.enabled {
width: 100%;
}
main.slide>div:first-child:nth-last-child(2),
main.slide>div:first-child:nth-last-child(2)+div {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
main.slide>div:first-child:nth-last-child(2)+div {
max-width: calc(100vw - 6.5rem);
}
main.slide>div:first-child:nth-last-child(2) {
z-index: 1;
box-shadow: var(--elevation-4);
transform: translateX(100%);
}
main.slide>div:first-child:nth-last-child(2).moving {
transition: transform .45s var(--decelerate-easing);
}
main.slide.enabled>div:first-child:nth-last-child(2) {
transform: translateX(0);
}
main.slide.enabled>div:first-child:nth-last-child(2)+div {
margin-left: 6.5rem;
}
main>section#sidebar+div {
padding-inline-end: 0;
}
main>section#sidebar {
display: none;
}
}
/* Hr */
hr:not(.clear) {
border-bottom: 1px solid;
width: 100%;
}
hr.thick {
margin: 1rem 0;
}
/* Spin */
.spin:empty {
background-image: url(../img/cloud_spinner.svg);
background-repeat: no-repeat;
background-position: center 33%;
background-size: 9rem;
min-height: 30rem;
}
.spin:not(.list) {
min-height: 80%;
}
/* Background loading */
.shimmer {
background: linear-gradient(to right, rgba(var(--movim-font), 0), rgba(var(--movim-font), 0.05), rgba(var(--movim-font), 0));
background-size: 100% 100%;
background-repeat: no-repeat;
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
}
@keyframes placeHolderShimmer {
0% {
background-position: -800px 0
}
100% {
background-position: 800px 0
}
}
/* Avatar */
img.avatar,
span.avatar {
margin: 0 auto;
border-radius: 1rem;
display: block;
max-width: 100%;
background-color: rgb(var(--movim-background-main));
animation: fadeIn 0.2s;
line-height: 100%;
}
img.avatar {
box-shadow: var(--elevation-1);
max-width: 210px;
}
span.avatar.icon {
height: 25rem;
width: 25rem;
line-height: 25rem;
}
img.avatar:not([src=""])+.placeholder {
display: none;
}
/* Placeholder */
.placeholder {
text-align: center;
font-size: 1.2em;
max-width: 55rem;
margin: 0 auto;
padding: 4rem;
box-sizing: border-box;
}
.placeholder>i:first-child {
font-size: 14rem;
opacity: 0.3;
}
.placeholder h1 {
opacity: 0.6;
font-size: 2.5rem;
line-height: 3rem;
margin-bottom: 1rem;
}
.placeholder h4 {
opacity: 0.7;
}
.placeholder p {
text-align: center;
}
.placeholder ul.list p {
text-align: left;
}
/* Display/hide */
.on_mobile {
display: none !important;
}
.on_mobile_after:after {
display: none !important;
}
@media screen and (max-width: 1024px) {
.on_mobile,
.on_mobile_after:after {
display: revert !important;
}
.on_mobile.material-symbols {
display: inline !important;
}
.on_desktop {
display: none !important;
}
}
/* Tag */
.tag {
font-size: 1.5rem;
line-height: 1.5rem;
padding: 0.2rem 0.5rem;
border-radius: 0.25rem;
}
/* Disabled */
.faded>* {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
}
.recessed {
opacity: 0.9;
}
.disabled {
opacity: 0.5;
pointer-events: none;
}
/* Fingerprint */
.fingerprint {
font-family: monospace;
max-width: 44rem;
display: block;
line-height: 3rem;
}
.fingerprint.self {
font-weight: bold;
}
/* Spinner */
div#spinner {
position: relative;
overflow: visible;
text-align: center;
margin: 50% 0;
}
.show {
display: inherit;
}
ul.list li.hide,
.hide,
.button.hide {
display: none;
}
/* Transparent images background */
img.transparent {
background-color: #eee;
background-image: linear-gradient(45deg, #CCC 25%, transparent 25%, transparent 75%, #CCC 75%, #CCC),
linear-gradient(45deg, #CCC 25%, transparent 25%, transparent 75%, #CCC 75%, #CCC);
background-size: 30px 30px;
background-position: 0 0, 15px 15px;
}
/* Audio player */
.audio_player {
display: flex;
align-items: center;
padding: 0.5rem 1rem;
margin-bottom: 0.5rem;
}
.audio_player .button {
padding: 0;
}
div.bubble .audio_player p {
min-width: 10rem;
text-align: center;
margin: 0 1rem;
}
.audio_player input[type=range] {
margin: 0 1rem;
}
@media screen and (max-width: 1024px) {
.audio_player input[type=range] {
width: 15rem;
}
}
/* Animations */
@keyframes slideUp {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes blink {
0%,
100% {
opacity: 0;
}
25%,
75% {
opacity: 1;
}
}
@keyframes fadeText {
0%,
100% {
color: transparent;
}
25%,
75% {
color: inherit;
}
/* Enforce white for now as inherit is not applied correctly */
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
@keyframes shake {
0% {
transform: rotate(0deg);
}
10% {
transform: rotate(-5deg);
}
20% {
transform: rotate(5deg);
}
30% {
transform: rotate(-10deg);
}
40% {
transform: rotate(10deg);
}
50% {
transform: rotate(-15deg);
}
60% {
transform: rotate(15deg);
}
70% {
transform: rotate(-20deg);
}
80% {
transform: rotate(20deg);
}
90% {
transform: rotate(0);
}
100% {
transform: rotate(0);
}
}
@keyframes zoom {
from {
transform: scale(0.9);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
@keyframes zoomOut {
from {
transform: scale(1.1);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
@keyframes loadingOpacity {
from {
opacity: 0.2;
}
to {
opacity: 1;
}
}
@keyframes ripple {
from {
opacity: 0.5;
transform: scale(0.1);
}
to {
opacity: 0;
transform: scale(1);
}
}
@keyframes shine {
to {
background-position-x: -200%;
}
}
@keyframes backgroundBlink {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0.5;
}
}
body {
--standard-easing: cubic-bezier(0.4, 0.0, 0.2, 1);
--accelerate-easing: cubic-bezier(0.3, 0.0, 0.8, 0.15);
--decelerate-easing: cubic-bezier(0.05, 0.7, 0.1, 1.0);
}
+83
View File
@@ -0,0 +1,83 @@
/* Titles */
h1 { /* Display 1 */
font-size: 4.25rem;
line-height: 7rem;
font-weight: 400;
}
article h1,
h2 { /* Headline */
font-size: 3rem;
line-height: 4rem;
padding: 1.5rem 0;
font-weight: 400;
}
article h2,
h3 { /* Title */
font-size: 2.5rem;
font-weight: 400;
line-height: 3rem;
padding: 1rem 0;
}
article h3,
h4, input, textarea, select { /* Headline */
font-size: 2rem;
line-height: 3rem;
font-weight: 500;
}
input, textarea, select {
font-weight: 400;
}
article h4 {
font-weight: 700;
}
h4 {
font-weight: 400;
}
h4.gray {
color: rgba(var(--movim-font), 0.54);
}
small {
color: rgba(var(--movim-font), 0.7);
font-size: 0.75em;
font-weight: normal;
}
h3 + small {
font-size: 1.75rem;
}
.snackbar, /* Body 2 */
.toast {
font-size: 1.75rem;
font-weight: 500;
}
label, span.info { /* Caption */
font-size: 1.5rem;
}
span.info i:not(:last-child) {
margin-right: 0.5rem;
}
label, span.info b { /* Caption */
font-weight: 700;
}
h1.line,
h2.line,
h3.line,
h4.line {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
+169
View File
@@ -0,0 +1,169 @@
/* Typo */
article section ul li, /* Body 1 */
ol li,
p,
dl dt,
dl dd {
font-size: 2rem;
font-weight: 400;
}
article section p {
margin-bottom: 0.75rem;
max-height: initial;
color: inherit;
line-height: inherit;
}
ul:not(.list):not(.navigation):not(.tabs):not(.grid) > li,
ol:not(.list):not(.navigation):not(.tabs):not(.grid) > li {
font-size: 2rem;
line-height: 3rem;
padding-left: 2rem;
list-style-position: inside;
min-height: 3rem;
margin: 1rem auto;
}
ul:not(.list):not(.tabs):not(.navigation):not(.grid) > li > * {
display: inline;
}
ul:not(.list):not(.tabs):not(.navigation):not(.grid):not(.actions) > li {
list-style-type: disc;
}
ul:not(.list):not(.tabs):not(.grid) > li > ul:not(.list):not(.tabs):not(.grid) > li {
list-style-type: circle;
}
ul:not(.list):not(.tabs):not(.grid) > li > ul:not(.list):not(.tabs):not(.grid) > li > ul:not(.list):not(.tabs):not(.grid) > li {
list-style-type: square;
}
ol:not(.list):not(.tabs):not(.grid) > li {
list-style-type: decimal;
}
strong,
b {
font-weight: 700;
}
em {
font-style: italic;
}
p img.inline {
display: inline-block;
height: 3rem;
max-width: 3.5rem;
margin-bottom: -0.7rem;
user-select: none;
}
li p.code,
code,
pre,
xmp {
font-family: monospace;
}
code,
pre,
xmp {
border-radius: 0.5rem;
color: white;
padding: 0.5rem 1rem;
font-size: 1.6rem;
background-color: rgb(var(--movim-gray));
overflow-wrap:break-word;
direction: ltr;
overflow-x: auto;
}
pre,
xmp {
white-space:pre;
}
code.block {
display: block;
margin-bottom: -2.5rem;
}
pre code {
background-color: transparent;
padding: 0;
color: white;
}
pre::before,
xmp::before {
content: attr(class);
display: block;
float: right;
background-color: rgba(var(--movim-gray), 0.5);
padding: 0 1rem;
}
pre:not([class])::before,
xmp:not([class])::before {
content: none;
}
q {
quotes: "“" "”" "‘" "’";
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
cite,
blockquote {
padding-left: 1.5rem;
border-left: 0.5rem solid rgba(var(--movim-font), 0.2);
font-style: italic;
margin: 1rem 0;
}
/* Definition list */
dl dt,
dl dd {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0.5rem 1rem;
display: inline-block;
vertical-align: middle;
line-height: 2.5rem;
}
dl di {
border-bottom: 1px solid rgba(var(--movim-font), 0.12);
display: block;
padding: 1em 0;
}
dl dt {
text-align: right;
font-weight: bold;
width: 25%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
dl dd {
text-align: left;
width: 74%;
}
*[dir="rtl"] dl dd {
text-align: right;
}
Binary file not shown.
@@ -0,0 +1,2 @@
# Disable for this directory
root = true
@@ -0,0 +1,202 @@
Apache License
Version 2.0, January 2004
http://www.apache.org/licenses/
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
1. Definitions.
"License" shall mean the terms and conditions for use, reproduction,
and distribution as defined by Sections 1 through 9 of this document.
"Licensor" shall mean the copyright owner or entity authorized by
the copyright owner that is granting the License.
"Legal Entity" shall mean the union of the acting entity and all
other entities that control, are controlled by, or are under common
control with that entity. For the purposes of this definition,
"control" means (i) the power, direct or indirect, to cause the
direction or management of such entity, whether by contract or
otherwise, or (ii) ownership of fifty percent (50%) or more of the
outstanding shares, or (iii) beneficial ownership of such entity.
"You" (or "Your") shall mean an individual or Legal Entity
exercising permissions granted by this License.
"Source" form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation
source, and configuration files.
"Object" form shall mean any form resulting from mechanical
transformation or translation of a Source form, including but
not limited to compiled object code, generated documentation,
and conversions to other media types.
"Work" shall mean the work of authorship, whether in Source or
Object form, made available under the License, as indicated by a
copyright notice that is included in or attached to the work
(an example is provided in the Appendix below).
"Derivative Works" shall mean any work, whether in Source or Object
form, that is based on (or derived from) the Work and for which the
editorial revisions, annotations, elaborations, or other modifications
represent, as a whole, an original work of authorship. For the purposes
of this License, Derivative Works shall not include works that remain
separable from, or merely link (or bind by name) to the interfaces of,
the Work and Derivative Works thereof.
"Contribution" shall mean any work of authorship, including
the original version of the Work and any modifications or additions
to that Work or Derivative Works thereof, that is intentionally
submitted to Licensor for inclusion in the Work by the copyright owner
or by an individual or Legal Entity authorized to submit on behalf of
the copyright owner. For the purposes of this definition, "submitted"
means any form of electronic, verbal, or written communication sent
to the Licensor or its representatives, including but not limited to
communication on electronic mailing lists, source code control systems,
and issue tracking systems that are managed by, or on behalf of, the
Licensor for the purpose of discussing and improving the Work, but
excluding communication that is conspicuously marked or otherwise
designated in writing by the copyright owner as "Not a Contribution."
"Contributor" shall mean Licensor and any individual or Legal Entity
on behalf of whom a Contribution has been received by Licensor and
subsequently incorporated within the Work.
2. Grant of Copyright License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
copyright license to reproduce, prepare Derivative Works of,
publicly display, publicly perform, sublicense, and distribute the
Work and such Derivative Works in Source or Object form.
3. Grant of Patent License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
(except as stated in this section) patent license to make, have made,
use, offer to sell, sell, import, and otherwise transfer the Work,
where such license applies only to those patent claims licensable
by such Contributor that are necessarily infringed by their
Contribution(s) alone or by combination of their Contribution(s)
with the Work to which such Contribution(s) was submitted. If You
institute patent litigation against any entity (including a
cross-claim or counterclaim in a lawsuit) alleging that the Work
or a Contribution incorporated within the Work constitutes direct
or contributory patent infringement, then any patent licenses
granted to You under this License for that Work shall terminate
as of the date such litigation is filed.
4. Redistribution. You may reproduce and distribute copies of the
Work or Derivative Works thereof in any medium, with or without
modifications, and in Source or Object form, provided that You
meet the following conditions:
(a) You must give any other recipients of the Work or
Derivative Works a copy of this License; and
(b) You must cause any modified files to carry prominent notices
stating that You changed the files; and
(c) You must retain, in the Source form of any Derivative Works
that You distribute, all copyright, patent, trademark, and
attribution notices from the Source form of the Work,
excluding those notices that do not pertain to any part of
the Derivative Works; and
(d) If the Work includes a "NOTICE" text file as part of its
distribution, then any Derivative Works that You distribute must
include a readable copy of the attribution notices contained
within such NOTICE file, excluding those notices that do not
pertain to any part of the Derivative Works, in at least one
of the following places: within a NOTICE text file distributed
as part of the Derivative Works; within the Source form or
documentation, if provided along with the Derivative Works; or,
within a display generated by the Derivative Works, if and
wherever such third-party notices normally appear. The contents
of the NOTICE file are for informational purposes only and
do not modify the License. You may add Your own attribution
notices within Derivative Works that You distribute, alongside
or as an addendum to the NOTICE text from the Work, provided
that such additional attribution notices cannot be construed
as modifying the License.
You may add Your own copyright statement to Your modifications and
may provide additional or different license terms and conditions
for use, reproduction, or distribution of Your modifications, or
for any such Derivative Works as a whole, provided Your use,
reproduction, and distribution of the Work otherwise complies with
the conditions stated in this License.
5. Submission of Contributions. Unless You explicitly state otherwise,
any Contribution intentionally submitted for inclusion in the Work
by You to the Licensor shall be under the terms and conditions of
this License, without any additional terms or conditions.
Notwithstanding the above, nothing herein shall supersede or modify
the terms of any separate license agreement you may have executed
with Licensor regarding such Contributions.
6. Trademarks. This License does not grant permission to use the trade
names, trademarks, service marks, or product names of the Licensor,
except as required for reasonable and customary use in describing the
origin of the Work and reproducing the content of the NOTICE file.
7. Disclaimer of Warranty. Unless required by applicable law or
agreed to in writing, Licensor provides the Work (and each
Contributor provides its Contributions) on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied, including, without limitation, any warranties or conditions
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
PARTICULAR PURPOSE. You are solely responsible for determining the
appropriateness of using or redistributing the Work and assume any
risks associated with Your exercise of permissions under this License.
8. Limitation of Liability. In no event and under no legal theory,
whether in tort (including negligence), contract, or otherwise,
unless required by applicable law (such as deliberate and grossly
negligent acts) or agreed to in writing, shall any Contributor be
liable to You for damages, including any direct, indirect, special,
incidental, or consequential damages of any character arising as a
result of this License or out of the use or inability to use the
Work (including but not limited to damages for loss of goodwill,
work stoppage, computer failure or malfunction, or any and all
other commercial damages or losses), even if such Contributor
has been advised of the possibility of such damages.
9. Accepting Warranty or Additional Liability. While redistributing
the Work or Derivative Works thereof, You may choose to offer,
and charge a fee for, acceptance of support, warranty, indemnity,
or other liability obligations and/or rights consistent with this
License. However, in accepting such obligations, You may act only
on Your own behalf and on Your sole responsibility, not on behalf
of any other Contributor, and only if You agree to indemnify,
defend, and hold each Contributor harmless for any liability
incurred by, or claims asserted against, such Contributor by reason
of your accepting any such warranty or additional liability.
END OF TERMS AND CONDITIONS
APPENDIX: How to apply the Apache License to your work.
To apply the Apache License to your work, attach the following
boilerplate notice, with the fields enclosed by brackets "[]"
replaced with your own identifying information. (Don't include
the brackets!) The text should be enclosed in the appropriate
comment syntax for the file format. We also recommend that a
file or class name and description of purpose be included on the
same "printed page" as the copyright notice for easier
identification within third-party archives.
Copyright [yyyy] [name of copyright owner]
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
@@ -0,0 +1,2 @@
# Disable for this directory
root = true
+201
View File
@@ -0,0 +1,201 @@
Apache License
Version 2.0, January 2004
http://www.apache.org/licenses/
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
1. Definitions.
"License" shall mean the terms and conditions for use, reproduction,
and distribution as defined by Sections 1 through 9 of this document.
"Licensor" shall mean the copyright owner or entity authorized by
the copyright owner that is granting the License.
"Legal Entity" shall mean the union of the acting entity and all
other entities that control, are controlled by, or are under common
control with that entity. For the purposes of this definition,
"control" means (i) the power, direct or indirect, to cause the
direction or management of such entity, whether by contract or
otherwise, or (ii) ownership of fifty percent (50%) or more of the
outstanding shares, or (iii) beneficial ownership of such entity.
"You" (or "Your") shall mean an individual or Legal Entity
exercising permissions granted by this License.
"Source" form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation
source, and configuration files.
"Object" form shall mean any form resulting from mechanical
transformation or translation of a Source form, including but
not limited to compiled object code, generated documentation,
and conversions to other media types.
"Work" shall mean the work of authorship, whether in Source or
Object form, made available under the License, as indicated by a
copyright notice that is included in or attached to the work
(an example is provided in the Appendix below).
"Derivative Works" shall mean any work, whether in Source or Object
form, that is based on (or derived from) the Work and for which the
editorial revisions, annotations, elaborations, or other modifications
represent, as a whole, an original work of authorship. For the purposes
of this License, Derivative Works shall not include works that remain
separable from, or merely link (or bind by name) to the interfaces of,
the Work and Derivative Works thereof.
"Contribution" shall mean any work of authorship, including
the original version of the Work and any modifications or additions
to that Work or Derivative Works thereof, that is intentionally
submitted to Licensor for inclusion in the Work by the copyright owner
or by an individual or Legal Entity authorized to submit on behalf of
the copyright owner. For the purposes of this definition, "submitted"
means any form of electronic, verbal, or written communication sent
to the Licensor or its representatives, including but not limited to
communication on electronic mailing lists, source code control systems,
and issue tracking systems that are managed by, or on behalf of, the
Licensor for the purpose of discussing and improving the Work, but
excluding communication that is conspicuously marked or otherwise
designated in writing by the copyright owner as "Not a Contribution."
"Contributor" shall mean Licensor and any individual or Legal Entity
on behalf of whom a Contribution has been received by Licensor and
subsequently incorporated within the Work.
2. Grant of Copyright License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
copyright license to reproduce, prepare Derivative Works of,
publicly display, publicly perform, sublicense, and distribute the
Work and such Derivative Works in Source or Object form.
3. Grant of Patent License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
(except as stated in this section) patent license to make, have made,
use, offer to sell, sell, import, and otherwise transfer the Work,
where such license applies only to those patent claims licensable
by such Contributor that are necessarily infringed by their
Contribution(s) alone or by combination of their Contribution(s)
with the Work to which such Contribution(s) was submitted. If You
institute patent litigation against any entity (including a
cross-claim or counterclaim in a lawsuit) alleging that the Work
or a Contribution incorporated within the Work constitutes direct
or contributory patent infringement, then any patent licenses
granted to You under this License for that Work shall terminate
as of the date such litigation is filed.
4. Redistribution. You may reproduce and distribute copies of the
Work or Derivative Works thereof in any medium, with or without
modifications, and in Source or Object form, provided that You
meet the following conditions:
(a) You must give any other recipients of the Work or
Derivative Works a copy of this License; and
(b) You must cause any modified files to carry prominent notices
stating that You changed the files; and
(c) You must retain, in the Source form of any Derivative Works
that You distribute, all copyright, patent, trademark, and
attribution notices from the Source form of the Work,
excluding those notices that do not pertain to any part of
the Derivative Works; and
(d) If the Work includes a "NOTICE" text file as part of its
distribution, then any Derivative Works that You distribute must
include a readable copy of the attribution notices contained
within such NOTICE file, excluding those notices that do not
pertain to any part of the Derivative Works, in at least one
of the following places: within a NOTICE text file distributed
as part of the Derivative Works; within the Source form or
documentation, if provided along with the Derivative Works; or,
within a display generated by the Derivative Works, if and
wherever such third-party notices normally appear. The contents
of the NOTICE file are for informational purposes only and
do not modify the License. You may add Your own attribution
notices within Derivative Works that You distribute, alongside
or as an addendum to the NOTICE text from the Work, provided
that such additional attribution notices cannot be construed
as modifying the License.
You may add Your own copyright statement to Your modifications and
may provide additional or different license terms and conditions
for use, reproduction, or distribution of Your modifications, or
for any such Derivative Works as a whole, provided Your use,
reproduction, and distribution of the Work otherwise complies with
the conditions stated in this License.
5. Submission of Contributions. Unless You explicitly state otherwise,
any Contribution intentionally submitted for inclusion in the Work
by You to the Licensor shall be under the terms and conditions of
this License, without any additional terms or conditions.
Notwithstanding the above, nothing herein shall supersede or modify
the terms of any separate license agreement you may have executed
with Licensor regarding such Contributions.
6. Trademarks. This License does not grant permission to use the trade
names, trademarks, service marks, or product names of the Licensor,
except as required for reasonable and customary use in describing the
origin of the Work and reproducing the content of the NOTICE file.
7. Disclaimer of Warranty. Unless required by applicable law or
agreed to in writing, Licensor provides the Work (and each
Contributor provides its Contributions) on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied, including, without limitation, any warranties or conditions
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
PARTICULAR PURPOSE. You are solely responsible for determining the
appropriateness of using or redistributing the Work and assume any
risks associated with Your exercise of permissions under this License.
8. Limitation of Liability. In no event and under no legal theory,
whether in tort (including negligence), contract, or otherwise,
unless required by applicable law (such as deliberate and grossly
negligent acts) or agreed to in writing, shall any Contributor be
liable to You for damages, including any direct, indirect, special,
incidental, or consequential damages of any character arising as a
result of this License or out of the use or inability to use the
Work (including but not limited to damages for loss of goodwill,
work stoppage, computer failure or malfunction, or any and all
other commercial damages or losses), even if such Contributor
has been advised of the possibility of such damages.
9. Accepting Warranty or Additional Liability. While redistributing
the Work or Derivative Works thereof, You may choose to offer,
and charge a fee for, acceptance of support, warranty, indemnity,
or other liability obligations and/or rights consistent with this
License. However, in accepting such obligations, You may act only
on Your own behalf and on Your sole responsibility, not on behalf
of any other Contributor, and only if You agree to indemnify,
defend, and hold each Contributor harmless for any liability
incurred by, or claims asserted against, such Contributor by reason
of your accepting any such warranty or additional liability.
END OF TERMS AND CONDITIONS
APPENDIX: How to apply the Apache License to your work.
To apply the Apache License to your work, attach the following
boilerplate notice, with the fields enclosed by brackets "[]"
replaced with your own identifying information. (Don't include
the brackets!) The text should be enclosed in the appropriate
comment syntax for the file format. We also recommend that a
file or class name and description of purpose be included on the
same "printed page" as the copyright notice for easier
identification within third-party archives.
Copyright [yyyy] [name of copyright owner]
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
+6
View File
@@ -0,0 +1,6 @@
The original font is called Open Sans, which “is a trademark of Google
and may be registered in certain jurisdictions”.
The font itself is published under the terms in the 0-LICENCE file
in this directory. The WOFF2 files you see here are the Object form
of the (to the best of our knowledge) unmodified Work.
+28
View File
@@ -0,0 +1,28 @@
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc4.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4.woff2
Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 787 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

+48
View File
@@ -0,0 +1,48 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="162.7959mm"
height="131.23331mm"
viewBox="0 0 162.7959 131.23331"
version="1.1"
id="svg1"
inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
sodipodi:docname="logo.svg"
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">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#ffffff"
inkscape:document-units="mm"
inkscape:zoom="0.78216891"
inkscape:cx="306.83909"
inkscape:cy="248.02827"
inkscape:window-width="1920"
inkscape:window-height="1131"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs1" />
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-23.547934,-82.814599)">
<path
style="display:inline;fill:none;stroke:#ffffff;stroke-width:14.3988;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1"
d="m 74.743659,117.25598 c 0,-35.197059 67.194391,-41.596525 70.394121,12.79893 41.59652,3.19973 51.19572,73.59385 -6.39947,76.79359 H 77.943394 c -63.994659,-3.19974 -60.794923,-86.39279 -3.199735,-89.59252 28.797591,0 41.596521,22.39813 44.796261,41.59653 3.19973,19.19839 11.11613,24.88775 15.99866,28.79759"
id="path3"
sodipodi:nodetypes="ccccccc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 50 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 50 KiB

+65
View File
@@ -0,0 +1,65 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145828mm"
height="66.145836mm"
viewBox="0 0 66.145828 66.145836"
version="1.1"
id="svg5"
xml:space="preserve"
sodipodi:docname="avatar_mask.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
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"><sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="true"
showguides="true"
inkscape:zoom="3.615038"
inkscape:cx="135.12997"
inkscape:cy="183.12394"
inkscape:window-width="1920"
inkscape:window-height="1029"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"><sodipodi:guide
position="39.557093,302.33726"
orientation="0,-1"
id="guide1636"
inkscape:locked="false" /><sodipodi:guide
position="-15.651867,306.08787"
orientation="1,0"
id="guide1638"
inkscape:locked="false" /><inkscape:grid
type="xygrid"
id="grid3018"
spacingx="0.26458333"
spacingy="0.26458333"
originx="-132.29167"
originy="-26.458332" /></sodipodi:namedview><defs
id="defs2" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-132.29167,-26.458333)"><path
id="path3089"
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
sodipodi:nodetypes="ssccccccs" /><ellipse
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
id="path3197"
cx="187.85417"
cy="79.375"
rx="10.583333"
ry="10.583335" /></g></svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

+62
View File
@@ -0,0 +1,62 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145828mm"
height="66.145836mm"
viewBox="0 0 66.145828 66.145836"
version="1.1"
id="svg5"
xml:space="preserve"
sodipodi:docname="avatar_mask_away.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
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"><sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="true"
showguides="true"
inkscape:zoom="3.615038"
inkscape:cx="135.12997"
inkscape:cy="183.12394"
inkscape:window-width="1920"
inkscape:window-height="1029"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"><sodipodi:guide
position="39.557093,302.33726"
orientation="0,-1"
id="guide1636"
inkscape:locked="false" /><sodipodi:guide
position="-15.651867,306.08787"
orientation="1,0"
id="guide1638"
inkscape:locked="false" /><inkscape:grid
type="xygrid"
id="grid3018"
spacingx="0.26458333"
spacingy="0.26458333"
originx="-132.29167"
originy="-26.458332" /></sodipodi:namedview><defs
id="defs2" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-132.29167,-26.458333)"><path
id="path3089"
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
sodipodi:nodetypes="ssccccccs" /><path
id="path3197"
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
d="M 187.85417 68.791666 A 10.583333 10.583335 0 0 0 177.27084 79.375 A 10.583333 10.583335 0 0 0 187.85417 89.958333 A 10.583333 10.583335 0 0 0 198.4375 79.375 A 10.583333 10.583335 0 0 0 198.27369 77.524467 A 6.2838531 6.2838531 0 0 1 192.81511 80.697916 A 6.2838531 6.2838531 0 0 1 186.53125 74.414062 A 6.2838531 6.2838531 0 0 1 189.7047 68.955481 A 10.583333 10.583335 0 0 0 187.85417 68.791666 z " /></g></svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

@@ -0,0 +1,70 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="300"
height="300"
viewBox="0 0 79.375 79.375"
version="1.1"
id="svg5"
xml:space="preserve"
sodipodi:docname="avatar_mask_away_stories.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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"><sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="true"
showguides="true"
inkscape:zoom="1.81"
inkscape:cx="-3.5911602"
inkscape:cy="152.48619"
inkscape:window-width="1920"
inkscape:window-height="1131"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="g1"><sodipodi:guide
position="39.557094,302.33727"
orientation="0,-1"
id="guide1636"
inkscape:locked="false" /><inkscape:grid
id="grid1"
units="px"
originx="0"
originy="0"
spacingx="0.66145831"
spacingy="0.66145831"
empcolor="#0099e5"
empopacity="0.30196078"
color="#0099e5"
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="true" /></sodipodi:namedview><defs
id="defs2" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-132.29167,-26.458333)"><g
id="g1"
transform="translate(6.6145826,6.614583)"><path
id="path3089"
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
sodipodi:nodetypes="ssccccccs" /><path
id="path3197"
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 187.85417,68.791664 a 10.583333,10.583335 0 0 0 -10.58333,10.583334 10.583333,10.583335 0 0 0 10.58333,10.583333 10.583333,10.583335 0 0 0 10.58333,-10.583333 10.583333,10.583335 0 0 0 -0.16381,-1.850533 6.2838531,6.2838531 0 0 1 -5.45858,3.173449 6.2838531,6.2838531 0 0 1 -6.28386,-6.283854 6.2838531,6.2838531 0 0 1 3.17345,-5.458581 10.583333,10.583335 0 0 0 -1.85053,-0.163815 z" /><path
id="path5"
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.96875;stroke-dasharray:none;stroke-opacity:1"
d="m 165.36459,19.84375 c -21.9188,0 -39.6875,17.768699 -39.6875,39.6875 0,21.918801 17.7687,39.6875 39.6875,39.6875 7.05005,-0.02913 13.9651,-1.935726 20.03392,-5.523694 -1.99524,-0.345975 -3.8786,-1.125691 -5.5578,-2.24224 A 35.057293,35.057293 0 0 1 165.36459,94.588542 35.057293,35.057293 0 0 1 130.3073,59.53125 35.057293,35.057293 0 0 1 165.36459,24.473958 35.057293,35.057293 0 0 1 200.42188,59.53125 35.057293,35.057293 0 0 1 198.84006,69.842249 c 1.34146,1.545362 2.34864,3.356862 2.94349,5.323706 2.13782,-4.936204 3.24985,-10.255482 3.26854,-15.634705 0,-21.918801 -17.7687,-39.6875 -39.6875,-39.6875 z" /></g></g></svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

+62
View File
@@ -0,0 +1,62 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145828mm"
height="66.145836mm"
viewBox="0 0 66.145828 66.145836"
version="1.1"
id="svg5"
xml:space="preserve"
sodipodi:docname="avatar_mask_dnd.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
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"><sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="true"
showguides="true"
inkscape:zoom="3.615038"
inkscape:cx="113.83006"
inkscape:cy="183.40056"
inkscape:window-width="1920"
inkscape:window-height="1029"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"><sodipodi:guide
position="39.557093,302.33726"
orientation="0,-1"
id="guide1636"
inkscape:locked="false" /><sodipodi:guide
position="-15.651867,306.08787"
orientation="1,0"
id="guide1638"
inkscape:locked="false" /><inkscape:grid
type="xygrid"
id="grid3018"
spacingx="0.26458333"
spacingy="0.26458333"
originx="-132.29167"
originy="-26.458332" /></sodipodi:namedview><defs
id="defs2" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-132.29167,-26.458333)"><path
id="path3089"
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
sodipodi:nodetypes="ssccccccs" /><path
id="path3197"
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
d="M 187.85417 68.791666 A 10.583333 10.583335 0 0 0 177.27084 79.375 A 10.583333 10.583335 0 0 0 187.85417 89.958333 A 10.583333 10.583335 0 0 0 198.4375 79.375 A 10.583333 10.583335 0 0 0 187.85417 68.791666 z M 182.5625 77.786983 L 193.14635 77.786983 A 1.5875 1.5875 0 0 1 194.7323 79.375 A 1.5875 1.5875 0 0 1 193.14635 80.963016 L 182.5625 80.963016 A 1.5875 1.5875 0 0 1 180.97449 79.375 A 1.5875 1.5875 0 0 1 182.5625 77.786983 z " /></g></svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

@@ -0,0 +1,70 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="300"
height="300"
viewBox="0 0 79.375 79.375"
version="1.1"
id="svg5"
xml:space="preserve"
sodipodi:docname="avatar_mask_dnd_stories.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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"><sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="true"
showguides="true"
inkscape:zoom="2.5597265"
inkscape:cx="95.518015"
inkscape:cy="114.85602"
inkscape:window-width="1920"
inkscape:window-height="1131"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="g1"><sodipodi:guide
position="39.557094,302.33727"
orientation="0,-1"
id="guide1636"
inkscape:locked="false" /><inkscape:grid
id="grid1"
units="px"
originx="0"
originy="0"
spacingx="0.66145831"
spacingy="0.66145831"
empcolor="#0099e5"
empopacity="0.30196078"
color="#0099e5"
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="true" /></sodipodi:namedview><defs
id="defs2" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-132.29167,-26.458333)"><g
id="g1"
transform="translate(6.6145826,6.614583)"><path
id="path3089"
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
sodipodi:nodetypes="ssccccccs" /><path
id="path3197"
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
d="M 187.85417,68.791664 A 10.583333,10.583335 0 0 0 177.27084,79.374998 10.583333,10.583335 0 0 0 187.85417,89.958331 10.583333,10.583335 0 0 0 198.4375,79.374998 10.583333,10.583335 0 0 0 187.85417,68.791664 Z m -5.29167,8.995317 h 10.58385 a 1.5875,1.5875 0 0 1 1.58595,1.588017 1.5875,1.5875 0 0 1 -1.58595,1.588016 H 182.5625 a 1.5875,1.5875 0 0 1 -1.58801,-1.588016 1.5875,1.5875 0 0 1 1.58801,-1.588017 z" /><path
id="path5"
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.96875;stroke-dasharray:none;stroke-opacity:1"
d="m 165.36459,19.84375 c -21.9188,0 -39.6875,17.768699 -39.6875,39.6875 0,21.918801 17.7687,39.687497 39.6875,39.687497 7.05005,-0.0291 13.9651,-1.93572 20.03392,-5.52369 -1.99524,-0.345976 -3.8786,-1.125692 -5.5578,-2.242241 A 35.057293,35.057293 0 0 1 165.36459,94.588547 35.057293,35.057293 0 0 1 130.3073,59.53125 35.057293,35.057293 0 0 1 165.36459,24.473958 35.057293,35.057293 0 0 1 200.42188,59.53125 35.057293,35.057293 0 0 1 198.84006,69.842249 c 1.34146,1.545362 2.34864,3.356862 2.94349,5.323706 2.13782,-4.936204 3.24985,-10.255482 3.26854,-15.634705 0,-21.918801 -17.7687,-39.6875 -39.6875,-39.6875 z" /></g></g></svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

@@ -0,0 +1,68 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145828mm"
height="66.145836mm"
viewBox="0 0 66.145828 66.145836"
version="1.1"
id="svg5"
xml:space="preserve"
sodipodi:docname="avatar_mask_location.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
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"><sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="true"
showguides="true"
inkscape:zoom="5.04"
inkscape:cx="178.0754"
inkscape:cy="210.31746"
inkscape:window-width="1920"
inkscape:window-height="1029"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"><sodipodi:guide
position="39.557093,302.33726"
orientation="0,-1"
id="guide1636"
inkscape:locked="false" /><sodipodi:guide
position="-15.651867,306.08787"
orientation="1,0"
id="guide1638"
inkscape:locked="false" /><inkscape:grid
type="xygrid"
id="grid3018"
spacingx="0.26458333"
spacingy="0.26458333"
originx="-132.29167"
originy="-26.458332" /></sodipodi:namedview><defs
id="defs2" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-132.29167,-26.458333)"><path
id="path3089"
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
sodipodi:nodetypes="ssccccccs" /><path
id="path3197"
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
d="M 187.85417 68.791666 C 182.00918 68.791668 177.27084 73.529999 177.27084 79.375 C 177.27084 85.220001 182.00918 89.958331 187.85417 89.958333 C 193.69916 89.958331 198.4375 85.220001 198.4375 79.375 C 198.4375 73.529999 193.69916 68.791668 187.85417 68.791666 z M 187.85417 72.750081 C 190.56029 72.750081 192.74896 74.938756 192.74896 77.644873 C 192.74896 81.315961 187.85417 86.735274 187.85417 86.735274 C 187.85417 86.735274 182.95938 81.315961 182.95938 77.644873 C 182.95938 74.938756 185.14805 72.750081 187.85417 72.750081 z M 187.85417 75.896659 C 186.8892 75.896659 186.10596 76.679901 186.10596 77.644873 C 186.10596 78.609844 186.8892 79.393086 187.85417 79.393086 C 188.81914 79.393086 189.60238 78.609844 189.60238 77.644873 C 189.60238 76.679901 188.81914 75.896659 187.85417 75.896659 z " /><g
style="fill:#000000"
id="g400"
transform="matrix(0.26458333,0,0,0.26458333,140.24597,90.63659)"><path
d="M 0,0 H 24 V 24 H 0 Z"
fill="none"
id="path388" /></g></g></svg>

After

Width:  |  Height:  |  Size: 3.5 KiB

@@ -0,0 +1,70 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="300"
height="300"
viewBox="0 0 79.375 79.375"
version="1.1"
id="svg5"
xml:space="preserve"
sodipodi:docname="avatar_mask_location_stories.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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"><sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="true"
showguides="true"
inkscape:zoom="1.2798633"
inkscape:cx="-138.68669"
inkscape:cy="157.04803"
inkscape:window-width="1920"
inkscape:window-height="1131"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="g1"><sodipodi:guide
position="39.557094,302.33727"
orientation="0,-1"
id="guide1636"
inkscape:locked="false" /><inkscape:grid
id="grid1"
units="px"
originx="0"
originy="0"
spacingx="0.66145831"
spacingy="0.66145831"
empcolor="#0099e5"
empopacity="0.30196078"
color="#0099e5"
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="true" /></sodipodi:namedview><defs
id="defs2" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-132.29167,-26.458333)"><g
id="g1"
transform="translate(6.6145826,6.614583)"><path
id="path3089"
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
sodipodi:nodetypes="ssccccccs" /><path
id="path3197"
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 187.85417,68.791665 c -5.84499,2e-6 -10.58333,4.738333 -10.58333,10.583334 0,5.845001 4.73834,10.583331 10.58333,10.583333 5.84499,-2e-6 10.58333,-4.738332 10.58333,-10.583333 0,-5.845001 -4.73834,-10.583332 -10.58333,-10.583334 z m 0,3.958415 c 2.70612,0 4.89479,2.188675 4.89479,4.894792 0,3.671088 -4.89479,9.090401 -4.89479,9.090401 0,0 -4.89479,-5.419313 -4.89479,-9.090401 0,-2.706117 2.18867,-4.894792 4.89479,-4.894792 z m 0,3.146578 c -0.96497,0 -1.74821,0.783242 -1.74821,1.748214 0,0.964971 0.78324,1.748213 1.74821,1.748213 0.96497,0 1.74821,-0.783242 1.74821,-1.748213 0,-0.964972 -0.78324,-1.748214 -1.74821,-1.748214 z" /><path
id="path5"
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.96875;stroke-dasharray:none;stroke-opacity:1"
d="m 165.36459,19.84375 c -21.9188,0 -39.6875,17.768699 -39.6875,39.6875 0,21.918801 17.7687,39.6875 39.6875,39.6875 7.05005,-0.02913 13.9651,-1.935726 20.03392,-5.523694 -1.99524,-0.345975 -3.8786,-1.125691 -5.5578,-2.24224 A 35.057293,35.057293 0 0 1 165.36459,94.588542 35.057293,35.057293 0 0 1 130.3073,59.53125 35.057293,35.057293 0 0 1 165.36459,24.473958 35.057293,35.057293 0 0 1 200.42188,59.53125 35.057293,35.057293 0 0 1 198.84006,69.842249 c 1.34146,1.545362 2.34864,3.356862 2.94349,5.323706 2.13782,-4.936204 3.24985,-10.255482 3.26854,-15.634705 0,-21.918801 -17.7687,-39.6875 -39.6875,-39.6875 z" /></g></g></svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

@@ -0,0 +1,91 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="300"
height="300"
viewBox="0 0 79.375 79.375"
version="1.1"
id="svg5"
xml:space="preserve"
sodipodi:docname="avatar_mask_notifs_stories.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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"><sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="true"
showguides="true"
inkscape:zoom="5.88"
inkscape:cx="192.60204"
inkscape:cy="281.46259"
inkscape:window-width="1920"
inkscape:window-height="1131"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="g1"><sodipodi:guide
position="39.557094,302.33727"
orientation="0,-1"
id="guide1636"
inkscape:locked="false" /><inkscape:grid
id="grid1"
units="px"
originx="0"
originy="0"
spacingx="0.66145831"
spacingy="0.66145831"
empcolor="#0099e5"
empopacity="0.30196078"
color="#0099e5"
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="true" /><sodipodi:guide
position="39.687499,74.744792"
orientation="0,-1"
id="guide4"
inkscape:locked="false" /><sodipodi:guide
position="4.6302082,39.967006"
orientation="1,0"
id="guide5"
inkscape:locked="false" /><sodipodi:guide
position="39.687499,4.6302106"
orientation="0,-1"
id="guide6"
inkscape:locked="false" /><sodipodi:guide
position="74.744789,39.370443"
orientation="1,0"
id="guide7"
inkscape:locked="false" /></sodipodi:namedview><defs
id="defs2" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-132.29167,-26.458333)"><g
id="g1"
transform="translate(6.6145826,6.614583)"><path
id="path3089"
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
sodipodi:nodetypes="ssccccccs" /><path
id="path5"
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.96875;stroke-dasharray:none;stroke-opacity:1"
d="m 165.36459,19.84375 c -21.9188,0 -39.6875,17.768699 -39.6875,39.6875 0,21.918801 17.7687,39.6875 39.6875,39.6875 7.05005,-0.02913 13.9651,-1.935726 20.03392,-5.523694 5.76295,-3.736725 -3.8786,-1.125691 -5.5578,-2.24224 -4.54697,2.064317 -9.48249,3.133417 -14.47612,3.135726 -19.36161,-2e-6 -35.05729,-15.695685 -35.05729,-35.057292 0,-19.361607 15.69568,-35.05729 35.05729,-35.057292 19.36161,2e-6 35.05729,15.695685 35.05729,35.057292 -0.0101,3.496653 -0.54328,6.972119 -1.58182,10.310999 1.34146,1.545362 2.34864,3.356862 2.94349,5.323706 2.13782,-4.936204 3.24985,-10.255482 3.26854,-15.634705 0,-21.918801 -17.7687,-39.6875 -39.6875,-39.6875 z"
sodipodi:nodetypes="ssccccssccccs" /><rect
style="fill:#000000;stroke-width:3.96875"
id="rect1"
width="38.161049"
height="27.908445"
x="163.58374"
y="64.695709"
ry="7.8821001" /></g></g></svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

@@ -0,0 +1,71 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="300"
height="300"
viewBox="0 0 79.375 79.375"
version="1.1"
id="svg5"
xml:space="preserve"
sodipodi:docname="avatar_mask_stories.svg"
inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
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"><sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="true"
showguides="true"
inkscape:zoom="3.4122741"
inkscape:cx="174.37052"
inkscape:cy="191.9541"
inkscape:window-width="1920"
inkscape:window-height="1131"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="g1"><sodipodi:guide
position="39.557094,302.33727"
orientation="0,-1"
id="guide1636"
inkscape:locked="false" /><inkscape:grid
id="grid1"
units="px"
originx="0"
originy="0"
spacingx="0.66145831"
spacingy="0.66145831"
empcolor="#0099e5"
empopacity="0.30196078"
color="#0099e5"
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="true" /></sodipodi:namedview><defs
id="defs2" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-132.29167,-26.458333)"><g
id="g1"
transform="translate(6.6145826,6.614583)"><circle
style="fill:#000000;fill-opacity:1;stroke-width:1.11998;stroke-linecap:round"
id="path1"
cx="165.36459"
cy="59.53125"
r="33.072918" /><ellipse
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:4.49994;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1"
id="path2"
cx="165.36458"
cy="59.53125"
rx="37.437527"
ry="37.437531" /></g></g></svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

@@ -0,0 +1,89 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="300"
height="300"
viewBox="0 0 79.375 79.375"
version="1.1"
id="svg5"
xml:space="preserve"
sodipodi:docname="avatar_mask_stories.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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"><sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="true"
showguides="true"
inkscape:zoom="1.81"
inkscape:cx="192.54144"
inkscape:cy="98.342541"
inkscape:window-width="1920"
inkscape:window-height="1131"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="g1"><sodipodi:guide
position="39.557094,302.33727"
orientation="0,-1"
id="guide1636"
inkscape:locked="false" /><inkscape:grid
id="grid1"
units="px"
originx="0"
originy="0"
spacingx="0.66145831"
spacingy="0.66145831"
empcolor="#0099e5"
empopacity="0.30196078"
color="#0099e5"
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="true" /><sodipodi:guide
position="39.687499,74.744792"
orientation="0,-1"
id="guide4"
inkscape:locked="false" /><sodipodi:guide
position="4.6302082,39.967006"
orientation="1,0"
id="guide5"
inkscape:locked="false" /><sodipodi:guide
position="39.687499,4.6302106"
orientation="0,-1"
id="guide6"
inkscape:locked="false" /><sodipodi:guide
position="74.744789,39.370443"
orientation="1,0"
id="guide7"
inkscape:locked="false" /></sodipodi:namedview><defs
id="defs2" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-132.29167,-26.458333)"><g
id="g1"
transform="translate(6.6145826,6.614583)"><path
id="path3089"
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
sodipodi:nodetypes="ssccccccs" /><ellipse
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
id="path3197"
cx="187.85417"
cy="79.375"
rx="10.583333"
ry="10.583335" /><path
id="path5"
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.96875;stroke-dasharray:none;stroke-opacity:1"
d="M 165.36459 19.84375 C 143.44579 19.84375 125.67709 37.612449 125.67709 59.53125 C 125.67709 81.450051 143.44579 99.21875 165.36459 99.21875 C 172.41464 99.18962 179.32969 97.283024 185.39851 93.695056 C 183.40327 93.349081 181.51991 92.569365 179.84071 91.452816 A 35.057293 35.057293 0 0 1 165.36459 94.588542 A 35.057293 35.057293 0 0 1 130.3073 59.53125 A 35.057293 35.057293 0 0 1 165.36459 24.473958 A 35.057293 35.057293 0 0 1 200.42188 59.53125 A 35.057293 35.057293 0 0 1 198.84006 69.842249 C 200.18152 71.387611 201.1887 73.199111 201.78355 75.165955 C 203.92137 70.229751 205.0334 64.910473 205.05209 59.53125 C 205.05209 37.612449 187.28339 19.84375 165.36459 19.84375 z " /></g></g></svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

+62
View File
@@ -0,0 +1,62 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145828mm"
height="66.145836mm"
viewBox="0 0 66.145828 66.145836"
version="1.1"
id="svg5"
xml:space="preserve"
sodipodi:docname="avatar_mask_xa.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
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"><sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="true"
showguides="true"
inkscape:zoom="5.04"
inkscape:cx="150.99206"
inkscape:cy="210.11905"
inkscape:window-width="1920"
inkscape:window-height="1029"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"><sodipodi:guide
position="39.557093,302.33726"
orientation="0,-1"
id="guide1636"
inkscape:locked="false" /><sodipodi:guide
position="-15.651867,306.08787"
orientation="1,0"
id="guide1638"
inkscape:locked="false" /><inkscape:grid
type="xygrid"
id="grid3018"
spacingx="0.26458333"
spacingy="0.26458333"
originx="-132.29167"
originy="-26.458332" /></sodipodi:namedview><defs
id="defs2" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-132.29167,-26.458333)"><path
id="path3089"
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
sodipodi:nodetypes="ssccccccs" /><path
id="path3197"
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
d="M 187.85417 68.791666 C 182.00917 68.791668 177.27084 73.529993 177.27084 79.375 C 177.27084 85.220007 182.00917 89.958331 187.85417 89.958333 C 193.69917 89.958331 198.4375 85.220007 198.4375 79.375 C 198.4375 73.529993 193.69917 68.791668 187.85417 68.791666 z M 187.85417 74.744791 A 4.6302075 4.6302075 0 0 1 192.48438 79.375 A 4.6302075 4.6302075 0 0 1 187.85417 84.005208 A 4.6302075 4.6302075 0 0 1 183.22396 79.375 A 4.6302075 4.6302075 0 0 1 187.85417 74.744791 z " /></g></svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

@@ -0,0 +1,70 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="300"
height="300"
viewBox="0 0 79.375 79.375"
version="1.1"
id="svg5"
xml:space="preserve"
sodipodi:docname="avatar_mask_xa_stories.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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"><sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="true"
showguides="true"
inkscape:zoom="1.81"
inkscape:cx="78.729282"
inkscape:cy="116.57459"
inkscape:window-width="1920"
inkscape:window-height="1131"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="g1"><sodipodi:guide
position="39.557094,302.33727"
orientation="0,-1"
id="guide1636"
inkscape:locked="false" /><inkscape:grid
id="grid1"
units="px"
originx="0"
originy="0"
spacingx="0.66145831"
spacingy="0.66145831"
empcolor="#0099e5"
empopacity="0.30196078"
color="#0099e5"
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="true" /></sodipodi:namedview><defs
id="defs2" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-132.29167,-26.458333)"><g
id="g1"
transform="translate(6.6145826,6.614583)"><path
id="path3089"
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
sodipodi:nodetypes="ssccccccs" /><path
id="path3197-6"
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 187.85417,68.791664 c -5.845,2e-6 -10.58333,4.738327 -10.58333,10.583334 0,5.845007 4.73833,10.583331 10.58333,10.583333 5.845,-2e-6 10.58333,-4.738326 10.58333,-10.583333 0,-5.845007 -4.73833,-10.583332 -10.58333,-10.583334 z m 0,5.953125 a 4.6302075,4.6302075 0 0 1 4.63021,4.630209 4.6302075,4.6302075 0 0 1 -4.63021,4.630208 4.6302075,4.6302075 0 0 1 -4.63021,-4.630208 4.6302075,4.6302075 0 0 1 4.63021,-4.630209 z" /><path
id="path5"
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.96875;stroke-dasharray:none;stroke-opacity:1"
d="m 165.36459,19.84375 c -21.9188,0 -39.6875,17.768699 -39.6875,39.6875 0,21.918801 17.7687,39.6875 39.6875,39.6875 7.05005,-0.02913 13.9651,-1.935726 20.03392,-5.523694 -1.99524,-0.345975 -3.8786,-1.125691 -5.5578,-2.24224 A 35.057293,35.057293 0 0 1 165.36459,94.588542 35.057293,35.057293 0 0 1 130.3073,59.53125 35.057293,35.057293 0 0 1 165.36459,24.473958 35.057293,35.057293 0 0 1 200.42188,59.53125 35.057293,35.057293 0 0 1 198.84006,69.842249 c 1.34146,1.545362 2.34864,3.356862 2.94349,5.323706 2.13782,-4.936204 3.24985,-10.255482 3.26854,-15.634705 0,-21.918801 -17.7687,-39.6875 -39.6875,-39.6875 z" /></g></g></svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

+39
View File
@@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
height="48"
viewBox="0 -960 960 960"
width="48"
version="1.1"
id="svg4"
sodipodi:docname="broken_image.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
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="defs8" />
<sodipodi:namedview
id="namedview6"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
showgrid="false"
inkscape:zoom="18.145833"
inkscape:cx="15.458094"
inkscape:cy="24.082664"
inkscape:window-width="1920"
inkscape:window-height="1029"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg4" />
<path
d="M180-120q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h600q24 0 42 18t18 42v600q0 24-18 42t-42 18H180Zm43-314 172-172 170 170 171-171 44 44v-217H180v303l43 43Zm-43 254h600v-298l-44-44-171 171-170-170-172 172-43-43v212Zm0 0v-298 60-362 600Z"
id="path2"
style="fill:#ffffff;opacity:0.4" />
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

@@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
height="128"
viewBox="0 -960 2560 2560"
width="128"
version="1.1"
id="svg4"
sodipodi:docname="broken_image_filled.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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="defs8" />
<sodipodi:namedview
id="namedview6"
pagecolor="#333333"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#cccccc"
showgrid="false"
inkscape:zoom="4.609418"
inkscape:cx="3.1457334"
inkscape:cy="86.995799"
inkscape:window-width="1920"
inkscape:window-height="1131"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg4" />
<rect
style="fill:#000000;fill-opacity:0.2;stroke-width:201.575;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
id="rect363"
width="2560"
height="2560"
x="0"
y="-960" />
<path
d="m 1016.4798,636.22428 q -21.08164,0 -36.89286,-15.81123 -15.81121,-15.81124 -15.81121,-36.89285 V 56.479761 q 0,-21.08161 15.81121,-36.89281 15.81122,-15.8112305 36.89286,-15.8112305 h 527.0404 q 21.0816,0 36.8928,15.8112305 15.8113,15.81122 15.8113,36.89283 V 583.52022 q 0,21.08161 -15.8113,36.89285 -15.8112,15.81121 -36.8928,15.81121 z m 37.7712,-275.81785 151.0849,-151.08494 149.3281,149.32812 150.2066,-150.20653 38.6496,38.64964 V 56.479761 H 1016.4798 V 322.63518 Z m -37.7712,223.11377 h 527.0404 V 321.75677 L 1504.8706,283.10716 1354.664,433.31369 1205.3359,283.98556 1054.251,435.0705 1016.4797,397.29927 Z m 0,0 V 321.75677 374.46083 56.479761 Z"
id="path2"
style="opacity:0.4;fill:#ffffff;stroke-width:0.8784" />
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

+55
View File
@@ -0,0 +1,55 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="40"
height="40"
viewBox="0 0 10.583333 10.583333"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="bubble_mask.svg"
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">
<sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="20.971915"
inkscape:cx="11.896863"
inkscape:cy="13.8757"
inkscape:window-width="1920"
inkscape:window-height="1029"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showguides="true">
<sodipodi:guide
position="0,8.6373538"
orientation="1,0"
id="guide576"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs2" />
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1">
<path
id="rect234"
style="fill:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
d="M 10.583333,10.583332 V 0 H 1.3540676 c -0.60580698,0 -0.58939083,0.80056633 0.00782,0.80366223 3.253072,-0.009554 9.2214392,4.05898367 9.2214492,9.77966977 z"
sodipodi:nodetypes="cccccc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

+55
View File
@@ -0,0 +1,55 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="40"
height="40"
viewBox="0 0 10.583333 10.583333"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="bubble_mask_oppose.svg"
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">
<sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="20.971915"
inkscape:cx="11.896863"
inkscape:cy="13.8757"
inkscape:window-width="1920"
inkscape:window-height="1029"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showguides="true">
<sodipodi:guide
position="0,8.6373538"
orientation="1,0"
id="guide576"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs2" />
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1">
<path
id="rect234"
style="fill:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
d="M 3.8e-6,10.583332 V 0 h 9.2292651 c 0.605807,0 0.589391,0.80056633 -0.0078,0.80366223 C 5.9683772,0.79410823 10e-6,4.8626459 0,10.583332 Z"
sodipodi:nodetypes="cccccc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

+42
View File
@@ -0,0 +1,42 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg width="162.79591mm" height="131.23329mm" viewBox="0 0 162.79591 131.23329" version="1.1" id="svg1" inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)" sodipodi:docname="movim_cloud_2.svg"
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">
<sodipodi:namedview id="namedview1" pagecolor="#000000" bordercolor="#000000" borderopacity="0.25" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="true" inkscape:deskcolor="#d1d1d1" inkscape:document-units="mm" inkscape:zoom="0.78216891" inkscape:cx="8.9494736" inkscape:cy="141.91308" inkscape:window-width="1920" inkscape:window-height="1131" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="layer1" />
<defs id="defs1" />
<g inkscape:label="Calque 1" inkscape:groupmode="layer" id="layer1" transform="translate(-102.39377,-110.86044)">
<path style="fill:none;stroke:#c4c4c4;stroke-width:14;stroke-linecap:round;" d="m 153.58949,145.30182 c 0,-35.19706 67.19439,-41.59653 70.39412,12.79893 41.59653,3.19973 51.19573,73.59385 -6.39946,76.79358 h -60.79492 c -63.994662,-3.19973 -60.794926,-86.39278 -3.19974,-89.59251 28.7976,0 41.59653,22.39812 44.79626,41.59652 3.19973,19.1984 11.11613,24.88775 15.99866,28.7976" id="path3" sodipodi:nodetypes="ccccccc" class="line"/>
</g>
<style>
.line {
stroke-dasharray:600;
stroke-dashoffset:1200;
animation: line_draw 2000ms linear 0ms infinite reverse, line_fade 2000ms ease-out 0ms infinite;
opacity: 0.5;
}
@keyframes line_draw {
50% {
stroke-dashoffset: 1200;
}
100% {
stroke-dashoffset: 600;
}
}
@keyframes line_fade {
60% {
stroke-opacity: 0.5;
}
100% {
stroke-opacity: 0;
}
}
</style>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#E6E7E8" d="M32 32c0 2.209-1.791 4-4 4H8c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h20c2.209 0 4 1.791 4 4v28z"/><path fill="#BE1931" d="M8.397 11.891c.53 0 .996.078 1.392.232.244.066.453.143.63.231.796-.044 1.612-.122 2.453-.231 1.104-.134 2.463-.297 4.076-.497V9.307c0-1.613-.188-2.948-.563-4.01-.155-.332-.233-.552-.233-.662 0-.331.133-.498.398-.498.706 0 1.359.089 1.954.266.686.198 1.028.453 1.028.761 0 .111-.042.342-.134.696-.265.685-.395 1.955-.395 3.811v1.723c1.299-.132 2.723-.276 4.271-.43.706-.045 1.381-.166 2.023-.366.463-.088.739-.132.83-.132.264 0 .837.222 1.72.662.928.553 1.394.984 1.394 1.293 0 .242-.12.486-.362.729-.819.881-1.408 1.809-1.759 2.782l-.798 1.691c-.13.329-.276.583-.426.76l.128.067c.508.311.761.586.761.829 0 .198-.183.309-.56.332-1.699 0-3.236.088-4.606.266l-2.614.196-.034 4.442c0 2.009-.069 3.62-.198 4.838-.133 1.368-.333 2.341-.598 2.914-.245.488-.445.733-.598.733-.089 0-.232-.266-.431-.798-.132-.617-.198-1.687-.198-3.214v-8.749l-1.789.167c-1.194.111-2.111.168-2.75.168-.266 0-.488-.024-.664-.069-.044.2-.11.376-.198.533-.133.287-.277.43-.432.43-.198 0-.385-.154-.562-.465-.287-.438-.442-.892-.464-1.358l-.398-2.585c-.155-1.348-.332-2.286-.531-2.818-.111-.551-.409-1.081-.894-1.59-.177-.11-.266-.186-.266-.23 0-.354.133-.531.397-.531zm3.347 7.221c1.812-.085 3.545-.196 5.203-.328v-6.132c-1.702.199-3.347.464-4.937.796-.31.111-.597.188-.862.232 0 .265.022.53.067.793.265 2.013.441 3.561.529 4.639zm7.259-6.69v6.163c.728-.087 1.435-.179 2.119-.265 1.326-.178 2.286-.286 2.879-.331.048-.11.103-.232.168-.363.199-.641.463-1.646.798-3.016.264-1.084.394-1.768.394-2.056 0-.353-.339-.529-1.024-.529-1.041 0-2.696.121-4.973.363-.13-.001-.254.012-.361.034z"/></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#E6E7E8" d="M32 32c0 2.209-1.791 4-4 4H8c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h20c2.209 0 4 1.791 4 4v28z"/><path fill="#DD2E44" d="M11 7c-2.519 0-4.583 1.87-4.929 4.293C6.802 10.503 7.839 10 9 10c2.209 0 4 1.791 4 4 0 2 1.497 2.198.707 2.929C16.13 16.583 16 14.519 16 12c0-2.761-2.239-5-5-5z"/><path fill="#55ACEE" d="M23 14c0-2.209 1.791-4 4-4 1.161 0 2.198.503 2.929 1.293C29.583 8.87 27.52 7 25 7c-2.762 0-5 2.239-5 5 0 2.519-.131 4.583 2.293 4.929C21.503 16.198 23 16 23 14z"/><path fill="#FFAC33" d="M14 12c0-4.971 4-9 4-9s4 4.029 4 9-1.791 9-4 9-4-4.029-4-9z"/><path fill="#553788" d="M11.707 21.071C12.497 21.802 13 22.839 13 24c0 2.209-1.791 4-4 4-1.161 0-2.198-.503-2.929-1.293C6.417 29.131 8.481 31 11 31c2.761 0 5-2.238 5-5 0-2.52-1.87-4.583-4.293-4.929zM27 28c-2.209 0-4-1.791-4-4 0-1.161.503-2.198 1.293-2.929C21.869 21.417 20 23.48 20 26c0 2.762 2.238 5 5 5 2.52 0 4.583-1.869 4.929-4.293C29.198 27.497 28.161 28 27 28z"/><path fill="#9266CC" d="M14 24c0 4.971 3 9 4 9s4-4.029 4-9c0-.874-.055-1.719-.159-2.519C21.357 17.737 19.82 15 18 15c-1.82 0-3.357 2.737-3.841 6.481-.104.8-.159 1.645-.159 2.519z"/><path fill="#EDBB9F" d="M13 17c0-3.866 3-4 5-4s5 .134 5 4c0 3.865-2.238 7-5 7-2.761 0-5-3.135-5-7z"/><circle fill="#662113" cx="16" cy="17" r="1"/><circle fill="#662113" cx="20" cy="17" r="1"/><path fill="#662113" d="M18 22c1.104 0 2-.896 2-2h-4c0 1.104.896 2 2 2z"/><circle fill="#A0041E" cx="6" cy="11" r="1"/><circle fill="#269" cx="30" cy="11" r="1"/><circle fill="#DD2E44" cx="18" cy="3" r="1"/></svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#DD2E44" d="M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h28c2.209 0 4 1.791 4 4v28z"/><path fill="#FFF" d="M14.747 9.125c.527-1.426 1.736-2.573 3.317-2.573 1.643 0 2.792 1.085 3.318 2.573l6.077 16.867c.186.496.248.931.248 1.147 0 1.209-.992 2.046-2.139 2.046-1.303 0-1.954-.682-2.264-1.611l-.931-2.915h-8.62l-.93 2.884c-.31.961-.961 1.642-2.232 1.642-1.24 0-2.294-.93-2.294-2.17 0-.496.155-.868.217-1.023l6.233-16.867zm.34 11.256h5.891l-2.883-8.992h-.062l-2.946 8.992z"/></svg>

After

Width:  |  Height:  |  Size: 576 B

+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#DD2E44" d="M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h28c2.209 0 4 1.791 4 4v28z"/><path fill="#FFF" d="M10.498 9.249c0-1.488 1.023-2.325 2.449-2.325H18.9c3.224 0 5.83 2.17 5.83 5.457 0 2.17-.9 3.628-2.885 4.558v.062c2.637.372 4.713 2.573 4.713 5.271 0 4.372-2.914 6.729-7.193 6.729h-6.386c-1.427 0-2.481-.899-2.481-2.356V9.249zm4.651 6.418h2.419c1.519 0 2.511-.899 2.511-2.45 0-1.457-1.147-2.201-2.511-2.201h-2.419v4.651zm0 9.24h3.659c1.674 0 2.915-.961 2.915-2.697 0-1.458-1.117-2.45-3.287-2.45h-3.287v5.147z"/></svg>

After

Width:  |  Height:  |  Size: 621 B

+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#DD2E44" d="M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h28c2.209 0 4 1.791 4 4v28z"/><path fill="#FFF" d="M6.993 18.001c0-6.656 4.48-11.776 11.007-11.776 6.432 0 11.008 5.28 11.008 11.776 0 6.623-4.449 11.774-11.008 11.774-6.496 0-11.007-5.151-11.007-11.774zm17.023 0c0-3.872-2.016-7.36-6.016-7.36s-6.015 3.488-6.015 7.36c0 3.903 1.952 7.359 6.015 7.359 4.065 0 6.016-3.456 6.016-7.359z"/></svg>

After

Width:  |  Height:  |  Size: 495 B

+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#269" d="M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h28c2.209 0 4 1.791 4 4v28z"/><path fill="#FFF" d="M11 9.496C11 7.992 11.896 7 13.496 7h5.665c4.703 0 8.191 2.944 8.191 7.52 0 4.67-3.617 7.48-8 7.48H16v5.479c0 1.6-1.024 2.496-2.4 2.496s-2.6-.897-2.6-2.496V9.496zM16 18h3.062c2.018 0 3.297-1.465 3.297-3.385 0-1.92-1.279-3.392-3.297-3.392H16V18z"/></svg>

After

Width:  |  Height:  |  Size: 456 B

+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#DD2E44" d="M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h28c2.209 0 4 1.791 4 4v28z"/><path fill="#FFF" d="M7.15 10.072c.476-1.288 1.567-2.324 2.996-2.324 1.483 0 2.52.979 2.996 2.324l5.488 15.231c.168.448.224.84.224 1.036 0 1.092-.896 1.848-1.932 1.848-1.177 0-1.765-.616-2.044-1.456L14 24H6.28l-.866 2.703c-.28.868-.868 1.484-2.016 1.484-1.12 0-2.072-.84-2.072-1.96 0-.448.14-.784.196-.924L7.15 10.072zm.308 10.163h5.32l-2.604-8.119h-.056l-2.66 8.119zM20 10.1c0-1.344.924-2.1 2.212-2.1h5.376c2.912 0 5.265 1.96 5.265 4.928 0 1.96-.812 3.276-2.605 4.116v.056c2.38.336 4.256 2.424 4.256 4.859 0 3.948-2.632 6.041-6.496 6.041H22.24c-1.288 0-2.24-.876-2.24-2.192V10.1zm4.2 5.9h2.184c1.372 0 2.268-.815 2.268-2.216 0-1.315-1.036-2.088-2.268-2.088H24.2V16zm0 8h3.304c1.513 0 2.632-.729 2.632-2.296 0-1.315-1.008-2.112-2.968-2.112H24.2V24z"/></svg>

After

Width:  |  Height:  |  Size: 942 B

+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#DD2E44" d="M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h28c2.209 0 4 1.791 4 4v28z"/><path d="M12.81 6.552c2.263 0 6.667.744 6.667 3.473 0 1.116-.776 2.077-1.923 2.077-1.271 0-2.139-1.085-4.744-1.085-3.845 0-5.829 3.256-5.829 7.038 0 3.689 2.015 6.852 5.829 6.852 2.605 0 3.658-1.302 4.93-1.302 1.395 0 2.046 1.395 2.046 2.107 0 2.977-4.682 3.659-6.976 3.659-6.294 0-10.666-4.992-10.666-11.41 0-6.448 4.341-11.409 10.666-11.409zm8.522 2.604c0-1.55.992-2.418 2.326-2.418s2.326.868 2.326 2.418V24.72h5.518c1.582 0 2.264 1.179 2.232 2.232-.06 1.025-.867 2.048-2.232 2.048h-7.75c-1.52 0-2.42-.992-2.42-2.543V9.156z" fill="#FFF"/></svg>

After

Width:  |  Height:  |  Size: 731 B

Some files were not shown because too many files have changed in this diff Show More