Compare commits

...
Sign in to create a new pull request.

28 commits

Author SHA1 Message Date
3201297c0c
update Argon Glow to v0.010 2025-04-19 23:54:12 +02:00
3118b6aa40
Fix area_msg when content isn't wrapped in anything 2025-04-09 21:36:08 +02:00
bc7e8030df
Fix schedule icon width 2025-04-09 16:20:05 +02:00
6c123ffebb
Fix search style, as well as mobile z-index 2025-04-09 15:57:08 +02:00
a1c719fb0b
Fix size-changes and diff-view styling 2025-04-09 15:47:57 +02:00
eec85ce9fc
New pin icon 2025-04-09 14:39:32 +02:00
999e516fd1
Fix media viewer styling 2025-04-09 12:42:59 +02:00
524eb67b9f
Adjust warning/alert/... styling 2025-04-09 12:23:15 +02:00
fccd7625a2
Fix editor picker z-index 2025-04-09 12:22:36 +02:00
991ad70636
Fix EditTable styling 2025-04-09 12:22:13 +02:00
ae4e62e50e
Remove 1px thin line on mobile view 2025-04-05 18:22:16 +02:00
475c42a588
Add padding to mobile nav sidebar 2025-04-05 18:16:02 +02:00
5618609833
Further fix collapsed search styling 2025-04-05 18:15:45 +02:00
a72a9858ad
Fix wrap-plugin styling 2025-04-05 16:47:44 +02:00
a5f2cf2b34
Fix theme-switch font size 2025-04-05 14:27:26 +02:00
37956dbf6e
Fix toc and tools borders 2025-04-05 14:23:13 +02:00
6bed0adc5c
Fix home-button styling 2025-04-05 14:22:57 +02:00
a959eee276
Add text shades 2025-04-05 13:24:19 +02:00
7f03663a90
Fix tools styling 2025-04-05 13:24:08 +02:00
0003a35d58
Fix collapsed search styling 2025-04-05 13:07:07 +02:00
bb4043a39d
Fix lang-switcher and toc styling 2025-04-05 13:03:01 +02:00
3146dd8025
Fix nav-bar item styling 2025-04-05 12:13:21 +02:00
788c880bbb
respect prefers-reduce-motion flag 2025-03-25 22:57:26 +01:00
1e32d6cf09
Make theme switch tab focusable 2025-03-06 03:10:45 +01:00
a43ea460c3
Adjust theme switch 2025-03-03 22:56:33 +01:00
0501598d41
WIP 02: style adjustments to match eh22 styleguide 2025-02-20 22:03:16 +01:00
a4e83ec21a
WIP 02: style adjustments to match eh22 styleguide 2025-02-15 13:00:05 +01:00
9402a254c6
WIP style adjustments to match eh22 styleguide 2025-02-15 03:32:26 +01:00
126 changed files with 2448 additions and 623 deletions

View file

@ -264,35 +264,16 @@ class Template {
$title = tpl_getLang('adjunct_start_logo_text') . $conf['title']; $title = tpl_getLang('adjunct_start_logo_text') . $conf['title'];
} }
$desktop = self::getResizedImgTag( $logo = <<<HTML
'img', <img class="mobile-hide dark-only" src="/_media/wiki:logo-on.svg" alt="EH22 DEMO">
array( <img class="mobile-hide light-only" src="/_media/wiki:logo-off.svg" alt="EH22 DEMO">
'class' => 'mobile-hide', HTML;
'src' => array('wiki:logo-wide.svg', 'wiki:logo.svg', 'wiki:logo-wide.png', 'wiki:logo.png'),
'alt' => $title,
),
0, 250, false
);
$mobile = self::getResizedImgTag(
'img',
array(
'class' => 'mobile-only',
'src' => array(
'wiki:logo-32x32.svg', 'wiki:favicon.svg', 'wiki:logo-square.svg', 'wiki:logo.svg',
'wiki:logo-32x32.png', 'wiki:favicon.png', 'wiki:logo-square.png', 'wiki:logo.png'
),
'alt' => $title,
),
32, 32
);
// homepage logo should not link to itself (BITV accessibility requirement) // homepage logo should not link to itself (BITV accessibility requirement)
if($linkit) { if($linkit) {
tpl_link(wl(), $desktop, 'accesskey="h" title="[H]"'); tpl_link(wl(), $logo, 'accesskey="h" title="[H]"');
tpl_link(wl(), $mobile, 'accesskey="h" title="[H]"');
} else { } else {
echo $desktop; echo $logo;
echo $mobile;
} }
} }

View file

@ -2,25 +2,20 @@
* This file provides the design styles for the page content. * This file provides the design styles for the page content.
*/ */
.picker {
z-index: 2; // position over .content
}
.content .row { .content .row {
> .col-xs-12 { > .col-xs-12 {
box-shadow: @box-shadow; z-index: 1;
background-color: var(--color-background);
#dokuwiki__content { #dokuwiki__content {
position: relative; position: relative;
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: @page-header_height;
box-sizing: border-box;
width: 100%;
background-color: @ini_background_page_header;
border-bottom: 1px solid @ini_border_light;
}
.page-content { .page-content {
padding-top: @page-header_height; padding-top: @page-header_height;
@ -31,6 +26,12 @@
} }
} }
} }
@media @screen_min-md {
> .col-xs-12 {
border-left: dashed 0.25em var(--color-shade-4);
border-radius: 0;
}
}
} }
.main-content > .level2, .main-content > .level2,

View file

@ -7,10 +7,10 @@
@media screen { @media screen {
.page-footer { .page-footer {
min-height: @page-header_height; min-height: @page-header_height;
background-color: @ini_background_page_header; background-color: var(--color-background);
border-top: 1px solid @ini_border_light; border-top: 1px solid var(--color-shade-4);
border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
color: @ini_background_page_footer; color: var(--color-shade-4);
font-size: @font-size-default; font-size: @font-size-default;
text-align: right; text-align: right;
padding: @margin-small @margin-default; padding: @margin-small @margin-default;
@ -35,20 +35,16 @@
.main-footer { .main-footer {
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
background-color: @ini_background_site; background-color: var(--color-background);
margin-top: 5px; // for box-shadow of content margin-top: 5px; // for box-shadow of content
text-align: center; text-align: center;
} }
p { p {
color: @ini_text_webframe; color: var(--color-shade-4);
font-size: @font-size-default; font-size: @font-size-default;
margin: 0; margin: 0;
} }
a {
color: @ini_nav_menu_color;
}
} }
} }

View file

@ -59,8 +59,8 @@ meter,
progress { progress {
font: inherit; font: inherit;
font-weight: normal; font-weight: normal;
color: #333; color: var(--color-foreground);
background-color: #fff; background-color: var(--color-background);
line-height: normal; line-height: normal;
margin: 0; margin: 0;
vertical-align: middle; vertical-align: middle;
@ -90,8 +90,7 @@ textarea,
select, select,
keygen { keygen {
min-height: @formfield_min-height; min-height: @formfield_min-height;
border: 1px solid @ini_border; border: 1px solid var(--color-shade-4);
box-shadow: inset 0 0 1px #eee;
border-radius: @fix_border-radius; border-radius: @fix_border-radius;
padding-left: .3rem; padding-left: .3rem;
padding-right: .3rem; padding-right: .3rem;
@ -118,7 +117,7 @@ select:active,
select:focus, select:focus,
keygen:active, keygen:active,
keygen:focus { keygen:focus {
border-color: #999; border-color: var(--color-shade-4);
} }
input[type="file"] { input[type="file"] {
@ -158,19 +157,21 @@ button[type=submit],
cursor: pointer; cursor: pointer;
box-shadow: none; box-shadow: none;
background-image: none; background-image: none;
background-color: @ini_button_background; background-color: var(--color-shade-1);
border: 1px solid @ini_button_background; border: solid 0.1rem var(--color-shade-2);
border-radius: @fix_border-radius; border-radius: 0.5rem;
color: @ini_button_color; color: var(--color-foreground);
vertical-align: top; vertical-align: top;
padding: .3em @grid; padding: .3em @grid;
transition: @transition background-color, @transition color;
&:hover, &:hover,
&:active, &:active,
&:focus { &:focus {
background-color: @ini_button_color; background-color: transparent;
color: @ini_button_background; color: var(--color-glow-primary);
border-color: var(--color-glow-primary);
transition: var(--transition-glow);
filter: var(--filter-glow-primary);
} }
} }
@ -239,13 +240,11 @@ button[readonly],
select[readonly], select[readonly],
textarea[readonly] { textarea[readonly] {
cursor: auto; cursor: auto;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); background-color: var(--color-background);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
background-color: #eee;
opacity: .5; opacity: .5;
border: 1px solid @ini_border; border: 1px solid @ini_border;
border-radius: @fix_border-radius; border-radius: @fix_border-radius;
color: #333; color: var(--color-shade-4);
font-weight: normal; font-weight: normal;
padding: .3em @grid; padding: .3em @grid;
transition: @transition background-color, @transition color; transition: @transition background-color, @transition color;

View file

@ -13,20 +13,19 @@
@media @screen_min-md { @media @screen_min-md {
.logo { .logo {
padding: 1rem 0 .3rem; padding: 1rem 0 .3rem;
text-align: center;
img { img {
height: 4.6rem; height: 200px;
width: auto; width: auto;
border-style: solid; transition: transform 200ms ease-in-out;
border-color: transparent;
border-width: 2px 0;
} }
a:hover, a:hover,
a:focus, a:focus,
a:active { a:active {
img { img {
border-width: 0; transform: scale(1.05);
} }
} }
} }
@ -34,7 +33,13 @@
@media @screen_max-md { @media @screen_max-md {
.logo { .logo {
display: table-cell; //display: table-cell;
text-align: center;
width: 100%;
img {
max-height: 200px;
}
.mobile-only { .mobile-only {
margin: .8rem 1rem .6rem 0; margin: .8rem 1rem .6rem 0;
@ -85,7 +90,7 @@
/* + + + wiki title + + + */ /* + + + wiki title + + + */
p.title { p.title {
background-color: @ini_background_site; background-color: var(--color-background);
opacity: @header-font-opacity; opacity: @header-font-opacity;
color: @ini_text_webframe; color: @ini_text_webframe;
line-height: @line-height-default; line-height: @line-height-default;

View file

@ -9,13 +9,27 @@
svg { svg {
width: 1em; width: 1em;
height: 1em; height: 1em;
fill: @ini_link; fill: var(--color-foreground);
} }
} }
&:hover { &:hover {
a.anchor { a.anchor {
display: inline-block; display: inline-block;
transition-property: filter, border-color;
transition-duration: 200ms;
transition-timing-function: ease-out;
&:hover {
color: var(--color-glow-primary);
filter: var(--filter-glow-primary);
transition: var(--transition-glow);
svg {
fill: var(--color-glow-primary);
}
}
} }
} }
} }

View file

@ -12,19 +12,21 @@
form div.no { form div.no {
button { button {
margin-top: -.4rem; margin-top: -.4rem;
padding-right: 0; margin-right: -0.4rem;
padding: 0.2rem 0.4rem;
} }
} }
// "section editing button" // "section editing button"
button { button {
display: flex;
align-items: center;
background-color: transparent; background-color: transparent;
color: transparent; color: transparent;
border-color: transparent; border-color: transparent;
&::after { &::after {
content: ''; content: '';
float: right;
display: inline-block; display: inline-block;
background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat; background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat;
height: 1em; height: 1em;
@ -34,20 +36,20 @@
border-radius: @ini_default_border_radius; border-radius: @ini_default_border_radius;
margin-left: @small-spacing; margin-left: @small-spacing;
margin-top: -1px; margin-top: -1px;
color: var(--color-foreground);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
background: currentColor !important;
mask-image: url('img/pencil.svg');
} }
&:hover, &:hover,
&:active, &:active,
&:focus { &:focus {
//background-color: @ini_existing; .fnActiveButton();
color: @ini_existing;
//border-color: @ini_existing;
&::after {
background-color: @ini_existing;
background-image: url("svg.php?svg=pencil.svg&f=background");
border-color: @ini_existing;
}
} }
} }
} }

View file

@ -6,7 +6,7 @@
div[class^="level"] { div[class^="level"] {
p a.media { p a.media {
img { img {
border: 1px dotted @ini_background_site; border: 1px dotted var(--color-background);
} }
&:hover, &:hover,

View file

@ -19,12 +19,16 @@
} }
nav { nav {
display: flex;
flex-direction: column;
gap: 0.75rem;
&.nav-main { &.nav-main {
margin-bottom: @nav-margin; margin-bottom: @nav-margin;
} }
> p { > p {
color: @ini_nav_menu_color; color: var(--color-foreground);
&.noissue { &.noissue {
color: @ini_text_webframe; color: @ini_text_webframe;
@ -41,7 +45,7 @@
} }
li { li {
color: @ini_nav_menu_color; color: var(--color-foreground);
> div { > div {
color: @ini_text_webframe; color: @ini_text_webframe;
@ -59,45 +63,63 @@
/* + + + + + active + + + + + */ /* + + + + + active + + + + + */
span.curid { span.curid {
font-weight: bold; font-weight: bold;
} }
} }
} }
a { a, label {
&:link, &:link,
&:visited { &:visited {
opacity: .9; opacity: .9;
color: @ini_nav_menu_color; color: var(--color-foreground);
} }
* { * {
color: inherit; color: var(--color-foreground);
} }
} }
/* + + + the wrapper around the toggle to reserve space + + + */ /* + + + the wrapper around the toggle to reserve space + + + */
div.nav { div.nav {
min-height: @icon-size + @margin-small; min-height: @icon-size + @margin-small;
border: 1px solid transparent; background-color: var(--color-background);
border-radius: 0.5rem;
&.themeToggle input {
width: 0;
height: 0;
margin: 0;
padding: 0;
display: block;
opacity: 0;
}
// the toggle element // the toggle element
a { a, label {
border-radius: 0.5rem;
background-color: var(--color-shade-1);
transition: background-color 150ms;
color: var(--color-foreground);
font-size: 1.2em;
border: solid 0.1em var(--color-shade-1);
transition-property: filter, border-color;
transition-duration: 200ms;
transition-timing-function: ease-out;
cursor: pointer; cursor: pointer;
display: table; display: flex;
align-items: center;
width: 100%; width: 100%;
min-height: @icon-size + @margin-small;
opacity: 1; opacity: 1;
border: 1px solid transparent;
border-radius: @fix_border-radius;
color: @ini_nav_menu_color;
font-size: @font-size-head6;
font-weight: normal; font-weight: normal;
margin: -1px 0 @very-small-spacing; margin: 0 0 @very-small-spacing;
padding-bottom: .4rem; padding: 0.4rem 0.1rem;
padding-top: .4rem; text-decoration: none;
transition: @transition color, @transition background-color, @transition border-color;
span { span {
display: inline-block; display: inline-block;
@ -105,19 +127,61 @@
color: inherit; color: inherit;
} }
&:hover, span.ico {
&:focus, display: flex;
&:active { align-items: center;
position: relative; // always show label, even with collapsed sidebar justify-content: center;
width: 100%; i[data-icon] {
background-color: @ini_nav_menu_hover_bg; font-size: 1.5rem;
border-color: @ini_nav_menu_hover_color; }
color: @ini_nav_menu_hover_color; }
text-decoration: none;
/* + + + submenu entry is active + + + */
/* + + + toggle: open + + + */
&.is-active, &.is-open {
background-color: var(--color-shade-2);
border-color: var(--color-shade-4);
color: var(--color-foreground);
span.ico { span.ico {
&:after { &:after {
background-color: @ini_nav_menu_hover_color; background-color: currentColor;
}
strong {
border-color: currentColor;
}
svg {
path {
fill: currentColor;
}
}
}
}
}
&:hover,
&:focus-within {
position: relative; // always show label, even with collapsed sidebar
z-index: 100;
a, label {
width: 100%;
background-color: transparent;
border: solid 0.1em var(--color-glow-primary);
text-decoration: none;
color: var(--color-glow-primary);
filter: var(--filter-glow-primary);
transition: var(--transition-glow);
span.ico {
&:after {
background-color: currentColor;
} }
strong { strong {
@ -126,63 +190,12 @@
svg { svg {
path { path {
fill: @ini_nav_menu_hover_color; fill: currentColor;
} }
} }
} }
} }
/* + + + submenu entry is active + + + */
&.is-active {
font-weight: bold;
}
/* + + + toggle: open + + + */
&.is-open {
background-color: @ini_nav_menu_hover_color;
border-color: @ini_nav_menu_hover_color;
color: @ini_nav_menu_hover_bg;
span.ico {
&:after {
background-color: @ini_nav_menu_hover_bg;
}
strong {
border-color: @ini_nav_menu_hover_bg;
}
svg {
path {
fill: @ini_nav_menu_hover_bg;
}
}
}
&:hover,
&:focus,
&:active {
background-color: @ini_nav_menu_hover_bg;
border-color: @ini_nav_menu_hover_color;
color: @ini_nav_menu_hover_color;
span.ico {
&:after {
background-color: @ini_nav_menu_hover_color;
}
strong {
border-color: inherit;
}
svg {
path {
fill: @ini_nav_menu_hover_color;
}
}
}
}
}
} }
span.ico { span.ico {
@ -205,7 +218,7 @@
bottom: auto; bottom: auto;
height: @border-height; height: @border-height;
width: 1px; width: 1px;
background-color: @ini_nav_menu_color; background-color: currentColor;
margin-top: -(@border-height / 2); margin-top: -(@border-height / 2);
// wordbreak too late in IE 10 // wordbreak too late in IE 10
@ -222,7 +235,7 @@
display: inline-block; display: inline-block;
width: @icon-size * 0.98; width: @icon-size * 0.98;
height: @icon-size * 0.98; height: @icon-size * 0.98;
border: 2px solid fade(@ini_nav_menu_color, 80%); border: 2px solid currentColor;
border-top-right-radius: 50%; border-top-right-radius: 50%;
border-bottom-left-radius: 50%; border-bottom-left-radius: 50%;
color: inherit; color: inherit;
@ -240,7 +253,7 @@
height: @icon-size; height: @icon-size;
path { path {
fill: @ini_nav_menu_color; fill: currentColor;
transition: @transition all; transition: @transition all;
} }
} }
@ -254,6 +267,7 @@
} }
/* + + + + + the panel (hidden by default) + + + + + */ /* + + + + + the panel (hidden by default) + + + + + */
div.nav-panel { div.nav-panel {
display: none; display: none;
margin-top: .5rem; margin-top: .5rem;
@ -302,7 +316,7 @@
#dokuwiki__aside { #dokuwiki__aside {
div.nav { div.nav {
a { a {
margin-left: 1px; margin-left: 0;
} }
} }
} }
@ -328,7 +342,7 @@
min-width: 45%; min-width: 45%;
max-width: 90%; max-width: 90%;
height: auto; height: auto;
background: @ini_background_site; background: var(--color-background);
> nav { > nav {
position: relative; position: relative;
@ -337,7 +351,8 @@
margin-top: 1.2rem; margin-top: 1.2rem;
} }
a { a,
label {
font-size: @font-size-small; font-size: @font-size-small;
} }
} }

View file

@ -13,9 +13,7 @@
p.toggleSearch a, p.toggleSearch a,
button[type="submit"] { button[type="submit"] {
.fontello();
.hide-text-show-before(); .hide-text-show-before();
.icon-search();
position: relative; position: relative;
width: @icon-size; width: @icon-size;
@ -26,60 +24,65 @@
border: solid 1px transparent; border: solid 1px transparent;
padding: 0; padding: 0;
transition: @transition color, @transition background-color, @transition border-color; transition: @transition color, @transition background-color, @transition border-color;
display: flex;
align-items: center;
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
min-height: @icon-size; .fnActiveButton();
background-color: @ini_button_color;
border: solid 1px @ini_button_background;
&::after { &::after{
background-color: @ini_button_background; background-color: var(--color-glow-primary);
} }
} }
&::before { &::before {
width: 100%; width: @icon-size;
color: inherit; height: 0.8em;
font-size: @icon-search_font-size; font-size: @icon-search_font-size;
text-align: center; text-align: center;
margin: 0; margin: 0;
color: var(--color-foreground);
content: '';
display: block;
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
background-color: currentColor;
mask-image: url('img/search.svg');
} }
} }
p.toggleSearch { p.toggleSearch {
display: none; display: none;
margin: -2px 0 0; // reverse transparent border and box-sizing of a child
padding: 0; padding: 0;
@media @screen_max-xxlg {
margin-top: -1px;
}
a { a {
min-width: (@toggle-showsidebar_width + 0.1); /* must be a bit a wider than @toggle-showsidebar_width to hide right border */ min-width: (@toggle-showsidebar_width + 0.1); /* must be a bit a wider than @toggle-showsidebar_width to hide right border */
width: @main-ico-dummy; width: @main-ico-dummy;
border-radius: @fix_border-radius; border-radius: 0.5rem 0 0 0.5rem;
color: @ini_nav_menu_color; border-right: none;
background-color: var(--color-shade-1);
color: var(--color-foreground);
text-decoration: none; text-decoration: none;
box-sizing: border-box; box-sizing: border-box;
&::before { &::before {
position: absolute; width: 100%;
top: 50%;
left: 0;
color: inherit; color: inherit;
text-align: center; text-align: center;
margin-top: -(@icon-search_font-size / 2);
} }
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
background-color: @ini_nav_menu_hover_bg; border-right: none;
border-color: @ini_nav_menu_hover_color; background-color: transparent;
color: @ini_nav_menu_hover_color; border-color: var(--color-glow-primary);
color: var(--color-glow-primary);
} }
} }
} }
@ -92,17 +95,6 @@
height: auto; height: auto;
min-height: (@icon-size - .2); min-height: (@icon-size - .2);
color: @quicksearch-button-color; color: @quicksearch-button-color;
&:hover,
&:focus,
&:active {
top: 0;
bottom: 0;
min-height: @icon-size;
background-color: @ini_button_color;
border: solid 1px @ini_button_background;
color: @ini_button_background;
}
} }
/* + + + form + + + */ /* + + + form + + + */
@ -128,7 +120,6 @@
button[type="submit"] { button[type="submit"] {
border: solid 1px transparent; border: solid 1px transparent;
border-right-color: @ini_border;
margin-left: -(@icon-size); margin-left: -(@icon-size);
&::after { &::after {
@ -138,23 +129,27 @@
bottom: 15%; bottom: 15%;
width: 1px; width: 1px;
left: -1px; left: -1px;
background-color: @ini_border; background-color: var(--color-shade-4);
transition: @transition background-color; transition: @transition background-color;
} }
} }
div.ajax_qsearch { div.ajax_qsearch {
box-shadow: none; box-shadow: none;
background-color: #FFF; background-color: var(--color-shade-1);
padding: 0; padding: 0;
z-index: 300; // otherwise hidden behind sidebar in mobile view
border: solid 0.1em var(--color-shade-4);
border-radius: 0.5rem;
strong { > strong {
color: @quicksearch-button-color; color: var(--color-foreground);
padding: 0.25rem 0.5rem padding: 0.25rem 0.5rem;
border-bottom: solid 0.1em var(--color-shade-4);
} }
ul li { ul li {
color: @quicksearch-button-color; color: var(--color-foreground);
a { a {
display: block; display: block;
@ -162,12 +157,12 @@
overflow: hidden; overflow: hidden;
color: inherit; color: inherit;
text-overflow: ellipsis; text-overflow: ellipsis;
}
}
ul li { &:hover,
&:nth-child(odd) { &:focus,
background-color: @suggestion-zebra; &:active {
background-color: var(--color-shade-2);
}
} }
} }
} }
@ -223,6 +218,11 @@
// show when toggled // show when toggled
body.show-mobile-sidebar { body.show-mobile-sidebar {
#dokuwiki__aside {
padding: 0 1rem;
border-radius: 0.5rem;
}
p.toggleSearch { p.toggleSearch {
display: none !important; display: none !important;
} }

View file

@ -21,7 +21,7 @@
border-top-left-radius: @fix_border-radius; border-top-left-radius: @fix_border-radius;
&.active { &.active {
border-bottom: 1px solid @ini_background_site; border-bottom: 1px solid var(--color-background);
font-weight: bold; font-weight: bold;
} }
} }

View file

@ -15,23 +15,65 @@
} }
} }
/* short fix: SPR-891 - icons for notifications in message area are repeated */
div.success, div.success,
div.error, div.error,
div.info, div.info,
div.notify { div.notify {
background-repeat: no-repeat; display: block;
background-position: 8px 50%; border: none;
border: 1px solid #eeb; border-left: solid 0.5rem var(--color-shade-4);
font-size: 90%; border-radius: 0.5rem;
margin: 0 0 .5em; padding: 1em;
padding: .4em; background-image: none;
padding-left: 32px; background-color: var(--color-shade-1);
overflow: hidden;
border-radius: @fix_border-radius;
* { &::before {
color: inherit; display: inline-block;
content: "";
margin: 0.3em 0.2em 0 0;
width: 1em;
height: 1em;
mask-size: contain;
mask-position: center top;
mask-repeat: no-repeat;
background-color: currentColor;
vertical-align: top;
}
&.success {
color: var(--color-success);
&::before {
mask-image: url(img/tick_small.svg);
}
}
&.error {
border-left-color: var(--color-error);
color: var(--color-foreground);
&::before {
background-color: var(--color-error);
mask-image: url(img/power.svg);
}
}
&.info {
color: var(--color-foreground);
&::before {
mask-image: url(img/info.svg);
}
}
&.notify {
border-left-color: var(--color-warning);
color: var(--color-foreground);
&::before {
background-color: var(--color-warning);
mask-image: url(img/warning.svg);
}
} }
a { a {

View file

@ -6,29 +6,21 @@
position: relative; position: relative;
min-height: @page-header_height; min-height: @page-header_height;
box-sizing: border-box; box-sizing: border-box;
background-color: @ini_background; background-color: var(--color-background);
border-bottom: 1px solid @ini_border_light; border-bottom: 1px solid var(--color-shade-4);
padding: 1rem 1.8rem .2rem; padding: 1rem 1.8rem .2rem;
@media @screen_max-md {
background-color: @ini_background_page_header;
}
@media @screen_max-xs { @media @screen_max-xs {
padding-left: @margin-small; padding-left: @margin-small;
padding-right: .75rem; padding-right: .75rem;
} }
@media @screen_xs-lg {
background-color: @ini_background;
}
> p { > p {
font-size: @font-size-small; font-size: @font-size-small;
margin: 0; margin: 0;
@media @screen_max-xs{ @media @screen_max-xs{
width: 1px; width: 0;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
height: 1.6rem; height: 1.6rem;
@ -58,14 +50,16 @@
min-width: 1.9em; min-width: 1.9em;
width: auto; width: auto;
box-sizing: border-box; box-sizing: border-box;
border: solid 1px transparent; background-color: var(--color-shade-1);
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius border: solid .1em transparent;
border-radius: 0.5rem;
vertical-align: middle; vertical-align: middle;
text-decoration: none; text-decoration: none;
margin-top: -.2em; margin-top: -.2em;
transition: @transition border-color; transition: var(--transition-glow);
&:before { &:before {
color: var(--color-foreground);
font-size: @font-size-default + (@font-scale-factor * 2); font-size: @font-size-default + (@font-scale-factor * 2);
margin-top: .17rem; margin-top: .17rem;
} }
@ -73,7 +67,14 @@
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
border-color: @ini_existing; &:before {
color: var(--color-glow-primary);
}
background-color: transparent;
border-color: var(--color-glow-primary);
color: var(--color-glow-primary);
filter: var(--filter-glow-primary);
} }
} }
} }

View file

@ -7,16 +7,22 @@
.flex-direction(); .flex-direction();
.justify-content(flex-end); .justify-content(flex-end);
clear: none;
display: block;
position: relative; position: relative;
float: right; float: right;
box-sizing: border-box;
max-width: 40%; max-width: 40%;
margin-top: -(@page_padding-top); // reverse padding-top of .page container padding-bottom: 0.5rem;
margin-right: -1px; height: 4rem !important;
color: var(--color-foreground);
// >= 1024 // >= 1024
@media @screen_min-md { @media @screen_min-md {
height: @page-header_height; height: @page-header_height;
border: 1px solid transparent; border: 0 none;
} }
// < 1024 // < 1024
@ -36,8 +42,8 @@
top: 0; top: 0;
ul.meta-tabs > li > a { ul.meta-tabs > li > a {
border-top-color: @ini_background_site; border-top-color: var(--color-background);
border-bottom-color: @noopentasks-border; border-bottom-color: var(--color-shade-4);
border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius; border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius;
} }
@ -115,26 +121,17 @@
position: relative; position: relative;
display: block; display: block;
font-size: @font-size-small; font-size: @font-size-small;
transition: @transition background-color, @transition border-color, @transition color; transition: var(--transition-glow);
background-color: var(--color-shade-1);
@media @screen_min-md { border: solid 0.1em transparent;
background-color: @ini_background_site; border-radius: 0.5rem;
border: 1px solid @noopentasks-border; color: var(--color-foreground);
border-bottom-color: @ini_background_site; padding: .25em;
border-radius: @ini_default_border_radius @ini_default_border_radius 0 0; // @ini_default_border_radius vs. @fix_border-radius margin-left: 0;
color: @ini_nav_menu_color;
margin-left: 4px;
padding: .3em 1rem .1em;
}
@media @screen_max-md { @media @screen_max-md {
background-color: @ini_background;
top: 0; top: 0;
border: 1px solid @ini_existing;
color: @ini_existing;
margin-top: .2rem; margin-top: .2rem;
margin-left: 0;
padding: .2em .3rem;
} }
* { * {
@ -153,35 +150,16 @@
&:focus, &:focus,
&:active { &:active {
text-decoration: none; text-decoration: none;
background-color: transparent;
@media @screen_min-md { border-color: var(--color-glow-secondary);
background-color: @ini_background; color: var(--color-glow-secondary);
border-color: @ini_existing; filter: var(--filter-glow-secondary);
color: @ini_existing;
}
@media @screen_max-md {
background-color: @ini_existing;
border-color: @ini_background;
color: @ini_background;
}
} }
} }
&.active { &.active {
> a { > a {
cursor: default; cursor: default;
background-color: @ini_background;
border-color: @ini_existing;
border-bottom-color: @ini_background;
color: @ini_existing;
@media @screen_max-md {
background-color: @ini_existing;
border-bottom-color: @ini_existing;
border-radius: 0;
color: @ini_background;
}
} }
} }
} }
@ -202,15 +180,16 @@
right: 0; right: 0;
display: none; display: none;
width: 100%; width: 100%;
background-color: @ini_background; background-color: var(--color-shade-1);
border: 1px solid @ini_existing; border: solid .1em transparent;
border-radius: 0.5rem;
@media @screen_min-xs { @media @screen_min-xs {
min-width: 20em; min-width: 20em;
} }
@media @screen_min-md { @media @screen_min-md {
border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius margin-top: 0.5rem;
} }
&.active { &.active {
@ -218,7 +197,7 @@
} }
a { a {
color: @ini_existing; color: var(--color-foreground);
} }
> div { > div {
@ -260,8 +239,10 @@
float: none; float: none;
margin: 0; margin: 0;
padding: .6rem .5rem .5rem .8rem; padding: .6rem .5rem .5rem .8rem;
background: transparent; background-color: transparent;
border: 0 none; color: var(--color-foreground);
border: solid .1em var(--color-shade-4);
border-radius: 0.5rem;
h3 { h3 {
display: none; display: none;
@ -295,7 +276,7 @@
width: 4px; width: 4px;
height: 4px; height: 4px;
overflow: hidden; overflow: hidden;
background-color: @ini_existing; background-color: var(--color-shade-4);
} }
} }
} }

View file

@ -100,10 +100,11 @@ nav#dokuwiki__pagetools {
} }
&:focus { &:focus {
box-shadow: @box-shadow; box-shadow: none;
background-image: none; background-image: none;
background-color: @ini_background; color: var(--color-glow-primary);
color: @ini_existing; transition: var(--transition-glow);
filter: var(--filter-glow-primary);
span { span {
position: relative; position: relative;
@ -113,7 +114,7 @@ nav#dokuwiki__pagetools {
} }
svg { svg {
fill: @ini_existing; fill: var(--color-glow-primary);
} }
} }
@ -131,14 +132,7 @@ nav#dokuwiki__pagetools {
vertical-align: middle; vertical-align: middle;
border: solid 1px transparent; border: solid 1px transparent;
margin: @page-tools_svg-space; margin: @page-tools_svg-space;
fill: var(--color-foreground);
@media @screen_min-md {
fill: @ini_nav_menu_color;
}
@media @screen_max-md {
fill: @ini_existing;
}
} }
&.top { &.top {
@ -151,11 +145,12 @@ nav#dokuwiki__pagetools {
&:hover { &:hover {
ul { ul {
box-shadow: @box-shadow; // @box-shadow-offset; box-shadow: @box-shadow; // @box-shadow-offset;
background-color: @ini_background; background-color: var(--color-shade-1);
border-color: @wikiicons-border; border-color: var(--color-shade-4);
border-radius: 0.5rem;
li { li {
color: @ini_existing; color: var(--color-foreground);
a { a {
box-shadow: none; box-shadow: none;
@ -166,17 +161,21 @@ nav#dokuwiki__pagetools {
svg { svg {
border: solid 1px transparent; border: solid 1px transparent;
border-radius: @ini_default_border_radius; border-radius: @ini_default_border_radius;
fill: @ini_existing; fill: var(--color-foreground);
transition: @transition background-color, @transition border-color, @transition fill; transition: @transition background-color, @transition border-color, @transition fill;
} }
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
color: var(--color-glow-primary);
transition: var(--transition-glow);
filter: var(--filter-glow-primary);
svg { svg {
background-color: @ini_existing; background-color: transparent;
border-color: @ini_existing; border: none;
fill: @ini_background; fill: var(--color-glow-primary);
} }
} }

View file

@ -76,23 +76,14 @@
&.user { &.user {
position: relative; position: relative;
display: table-cell; display: table-cell;
background-color: @ini_background_site; background-color: var(--color-shade-1);
border: solid 1px @wikiicons-border; border: solid 1px var(--color-shade-2);
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
color: @ini_text_webframe; color: var(--color-foreground);
padding-right: .3rem; padding-right: .3rem;
@media @screen_min-md {
padding-top: .35rem;
}
@media @screen_max-md { @media @screen_max-md {
min-height: @toggle-size; min-height: @toggle-size;
padding-top: .3rem;
}
@media @screen_max-sm {
padding-top: .35rem;
} }
@media @screen_max-xs { @media @screen_max-xs {
@ -102,14 +93,12 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
margin: -1px 0 0; margin: -1px 0 0;
padding-top: .4rem;
} }
@media @screen_max-xxs { @media @screen_max-xxs {
left: -10px; left: -10px;
right: 0; right: 0;
width: auto; width: auto;
padding-top: .35rem;
} }
> a { > a {
@ -119,9 +108,9 @@
position: relative; position: relative;
height: 1rem; // for IE11 height: 1rem; // for IE11
overflow: visible; overflow: visible;
background: @ini_nav_menu_hover_bg; // for removing bg-image background: var(--color-shade-1); // for removing bg-image
border: 0 none; border: 0 none;
color: @ini_nav_menu_hover_color; color: var(--color-foreground);
text-indent: 0; text-indent: 0;
font-size: inherit; font-size: inherit;
margin-right: -.3rem; margin-right: -.3rem;
@ -158,7 +147,7 @@
right: -1px; right: -1px;
width: auto; width: auto;
opacity: 0; opacity: 0;
border: solid 1px @ini_nav_menu_hover_color; border: solid 1px var(--color-shade-2);
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
color: inherit; color: inherit;
transform: none; transform: none;
@ -167,12 +156,15 @@
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
background-color: @ini_nav_menu_hover_color; background-color: transparent;
color: @ini_nav_menu_hover_bg; color: var(--color-glow-secondary);
filter: var(--filter-glow-secondary);
transition: var(--transition-glow);
&::before { &::before {
opacity: 1; opacity: 1;
border-color: @ini_nav_menu_hover_color; filter: var(--filter-glow-secondary);
border-color: var(--color-glow-secondary);
} }
bdi, bdi,
@ -197,22 +189,10 @@
&::before { &::before {
position: absolute; position: absolute;
top: 2px;
left: -2px; left: -2px;
font-size: 1.4rem; font-size: @font-size-default + (@font-scale-factor * 4);
margin: 0; margin: 0;
@media @screen_min-xxlg {
top: -.25rem;
}
@media @screen_max-xxlg {
top: -.2rem;
}
@media @screen_max-xs {
top: -.25rem;
}
} }
} }
} // user } // user
@ -222,16 +202,29 @@
.menuitem, button { .menuitem, button {
padding: 2px 0 0 2px; padding: 2px 0 0 2px;
min-height: @toggle-size; // overrides button[type="submit"] styles min-height: @toggle-size; // overrides button[type="submit"] styles
border: solid 1px @wikiicons-border; // overrides button[type="submit"] styles background-color: var(--color-shade-1);
color: var(--color-foreground);
border: solid 1px var(--color-shade-2); // overrides button[type="submit"] styles
.btn-hover(); .btn-hover();
&:hover svg, &:focus svg { &:hover,
&:active,
&:focus {
background-color: transparent;
border-color: var(--color-glow-secondary);
color: var(--color-glow-secondary);
filter: var(--filter-glow-secondary);
}
&:hover svg,
&:active svg,
&:focus svg {
transition: @transition fill; transition: @transition fill;
fill: @ini_nav_menu_hover_bg; fill: var(--color-glow-secondary);
} }
svg { svg {
fill: @ini_nav_menu_hover_color; fill: var(--color-shade-1);
height: @font-size-default + (@font-scale-factor * 4); height: @font-size-default + (@font-scale-factor * 4);
} }
@ -245,6 +238,7 @@
.hide-text-show-before(); .hide-text-show-before();
.btn-hover(); .btn-hover();
background-color: var(--color-shade-1);
cursor: pointer; cursor: pointer;
position: relative; position: relative;
line-height: 1; line-height: 1;
@ -301,7 +295,7 @@
overflow: hidden; overflow: hidden;
li.user { li.user {
color: @ini_background_site; color: var(--color-background);
bdi { bdi {
position: absolute; position: absolute;
@ -311,8 +305,8 @@
&:before { &:before {
transition: @transition background-color; transition: @transition background-color;
background-color: @ini_background_site; background-color: var(--color-shade-1);
color: @ini_nav_menu_color; color: var(--color-foreground);
text-indent: 0; text-indent: 0;
} }
} }
@ -323,18 +317,18 @@
bdi { bdi {
&:before { &:before {
background-color: @ini_nav_menu_hover_bg; background-color: var(--color-shade-1);
color: @ini_nav_menu_hover_color; color: var(--color-foreground);
} }
} }
&:hover { &:hover {
color: @ini_nav_menu_hover_color; color: var(--color-glow-secondary);
bdi { bdi {
&:before { &:before {
background-color: @ini_nav_menu_hover_color; background-color: transparent;
color: @ini_nav_menu_hover_bg; color: var(--color-glow-secondary);
} }
} }
} }

View file

@ -11,11 +11,13 @@
color: @color-editBox; color: @color-editBox;
&.positive { &.positive {
background-color: #cfc; background-color: var(--color-success);
color: var(--color-background);
} }
&.negative { &.negative {
background-color: #fdd; background-color: var(--color-error);
color: var(--color-foreground);
} }
} }
} }
@ -67,11 +69,10 @@
.diffnav { .diffnav {
a { a {
background-color: @ini_background_site; background-color: var(--color-background);
border: solid 1px @ini_background_site; border: solid 1px var(--color-background);
border-radius: @ini_default_border_radius; border-radius: 0.5rem;
color: @ini_nav_menu_color; color: var(--color-foreground);
transition: @transition background-color, @transition color, @transition border-color;
&::before { &::before {
background-color: inherit; background-color: inherit;
@ -82,9 +83,11 @@
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
background-color: @ini_nav_menu_color; background-color: transparent;
border: solid 1px @ini_nav_menu_color; border-color: var(--color-glow-primary);
color: @ini_background_site; color: var(--color-glow-primary);
transition: var(--transition-glow);
filter: var(--filter-glow-primary);
&::before { &::before {
background-color: inherit; background-color: inherit;
@ -95,10 +98,8 @@
} }
table.diff { table.diff {
background-color: #fff; background-color: var(--color-background);
border: solid 1px #fff; border: none;
border-top-width: 10px;
border-bottom-width: 10px;
&.diff_inline { &.diff_inline {
border-top-width: 0; border-top-width: 0;
@ -110,8 +111,8 @@
} }
th { th {
background-color: @ini_background; background-color: var(--color-background);
color: @ini_text; color: var(--color-foreground);
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
@ -121,30 +122,33 @@
} }
td { td {
background-color: transparent;
color: var(--color-text-1);
&.diff-blockheader { &.diff-blockheader {
background-color: #cfc; background-color: transparent;
color: @color-editBox; color: var(--color-foreground);
} }
&.diff-context { &.diff-context {
background-color: #eee; background-color: transparent;
color: @color-editBox; color: var(--color-text-1);
} }
} }
.diff-addedline { .diff-addedline {
background-color: #cfc; background-color: var(--color-success-highlight);
color: @color-editBox; color: var(--color-foreground);
strong { strong {
background-color: transparent; background-color: transparent;
color: #f00; color: var(--color-success) !important;
} }
} }
.diff-deletedline { .diff-deletedline {
background-color: #fdd; background-color: var(--color-error-highlight);
color: @color-editBox; color: var(--color-foreground);
* { * {
color: inherit; color: inherit;
@ -152,8 +156,12 @@
strong { strong {
background-color: transparent; background-color: transparent;
color: #f00; color: var(--color-error) !important;
} }
} }
.diff-lineheader {
background-color: transparent;
}
} }
} }

View file

@ -8,14 +8,22 @@
li:not([class~="active"]) { li:not([class~="active"]) {
strong, strong,
a { a {
color: @ini_text_neu;
transition: @transition background-color, @transition color; transition: @transition background-color, @transition color;
} }
a {
background-color: var(--color-shade-2);
color: var(--color-accent-1);
}
strong {
background-color: var(--color-shade-3);
color: inherit;
}
a:hover, a:hover,
a:focus, a:focus,
a:active { a:active {
color: @ini_text; color: var(--color-accent-3);
} }
} }
} }

View file

@ -8,52 +8,44 @@
top: 0; top: 0;
bottom: -1px; bottom: -1px;
width: 2rem; width: 2rem;
left: -(@margin-default); left: -(@margin-default + 0.25rem);
@media @screen_max-md { @media @screen_max-md {
display: none; display: none;
} }
a { a {
.fontello-double(); position: absolute;
.icon-right-bold(); inset: 0;
.icon-left-bold();
.display-flex();
.flex-direction();
.justify-content();
width: @margin-default; width: @margin-default;
height: 100%; height: 100%;
background-color: @ini_button_background; background-color: transparent;
border: solid 1px @ini_button_background; border: solid 1px var(--color-shade-4);
border-radius: @ini_default_border_radius 0 0 @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius border-right-style: none;
color: @ini_button_color; border-radius: 0.5rem 0 0 0.5rem;
color: var(--color-shade-4);
text-decoration: none; text-decoration: none;
transition: @transition color, @transition background-color, @transition border-color; transition: @transition color, @transition background-color, @transition border-color;
&::before,
&::after {
width: 100%;
opacity: .6;
font-size: 1rem;
line-height: 1;
text-align: center;
margin: 0;
transition: @transition opacity;
}
&::before { &::before {
opacity: 1; content: '';
font-size: 1.25rem; display: block;
position: absolute;
inset: 0.3rem;
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
background-color: currentColor;
mask-image: url('img/arrow_left.svg');
} }
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
background-color: @ini_button_color; border-color: var(--color-glow-primary);
border-color: @ini_button_background; color: var(--color-glow-primary);
color: @ini_button_background;
text-decoration: none; text-decoration: none;
* { * {
@ -61,43 +53,24 @@
text-decoration: none; text-decoration: none;
} }
&::after { filter: var(--filter-glow-primary);
opacity: 0; transition: var(--transition-glow);
}
} }
} }
/* + + + toggle out + + + */ /* + + + toggle out + + + */
.wide-content & { .wide-content & {
left: 0; left: 0;
a { a {
background-color: @ini_button_background; border-radius: 0 0.5rem 0.5rem 0;
border-color: @ini_button_background; border-style: solid;
border-radius: 0 @ini_default_border_radius @ini_default_border_radius 0; // @ini_default_border_radius vs. @fix_border-radius border-left-style: none;
&::before { &::before {
opacity: .6; mask-image: url('img/arrow_right.svg');
font-size: 1rem;
}
&::after {
opacity: 1;
font-size: 1.25rem;
}
&:hover,
&:focus,
&:active {
background-color: @ini_button_color;
&::before {
opacity: 0;
}
&::after {
opacity: 1;
}
} }
} }
} }

View file

@ -5,10 +5,10 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* global vars */ /* global vars */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@font_family_screen: arial, sans-serif; @font_family_screen: "Athiti", ui-sans, sans-serif;
@font_family_print: "Times New Roman", serif; @font_family_print: "Athiti", ui-sans, sans-serif;
@nav_direct_background: @ini_background; @nav_direct_background: var(--color-background);
@nav_direct_color: @ini_existing; @nav_direct_color: @ini_existing;
@background_darker: rgba(230,230,230, .2); @background_darker: rgba(230,230,230, .2);
@ -36,7 +36,7 @@
@box-shadow-bottom: 0 .1em .5em rgba(153,153,153,.5); // qc-wrapper (breadcrumb), struct inline-editor @box-shadow-bottom: 0 .1em .5em rgba(153,153,153,.5); // qc-wrapper (breadcrumb), struct inline-editor
/* + + + for programmers customizing + + + */ /* + + + for programmers customizing + + + */
@fix_border-radius: 3px; // inputs, editbox (textarea), buttons, content, code, quicksearch, msg @fix_border-radius: 0.5rem; // inputs, editbox (textarea), buttons, content, code, quicksearch, msg
@toggle-showsidebar_width: 3.47rem; // shown sidebar after toggle @toggle-showsidebar_width: 3.47rem; // shown sidebar after toggle
@ -66,7 +66,7 @@
/* edit mode */ /* edit mode */
@highlight-odd-ini_text: fade(@ini_background, 95%); @highlight-odd-ini_text: fade(@ini_background, 95%);
@highlight-even-ini_text: fade(@ini_text, 5%); @highlight-even-ini_text: fade(@ini_text, 5%);
@color-editBox: #252525; // editmode for tables, revision states @color-editBox: var(--color-foreground); // editmode for tables, revision states
//@nolinkedicon-ini_background: fade(@ini_background_site, 10%); //@nolinkedicon-ini_background: fade(@ini_background_site, 10%);
//@opacity-ini_nav_menu_color: fade(@ini_nav_menu_color, 40%); //@opacity-ini_nav_menu_color: fade(@ini_nav_menu_color, 40%);
@ -170,6 +170,100 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* fonts */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@font-face {
font-family: "Athiti";
font-weight: 700;
src: url("fonts/athiti/Athiti-Bold.woff2") format("woff2");
}
@font-face {
font-family: "Athiti";
font-weight: 600;
src: url("fonts/athiti/Athiti-SemiBold.woff2") format("woff2");
}
@font-face {
font-family: "Athiti";
font-weight: 500;
src: url("fonts/athiti/Athiti-Medium.woff2") format("woff2");
}
@font-face {
font-family: "Athiti";
font-weight: 400;
src: url("fonts/athiti/Athiti-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Athiti";
font-weight: 300;
src: url("fonts/athiti/Athiti-Light.woff2") format("woff2");
}
@font-face {
font-family: "Athiti";
font-weight: 200;
src: url("fonts/athiti/Athiti-ExtraLight.woff2") format("woff2");
}
@font-face {
font-family: "Departure Mono";
src: url("fonts/departuremono/DepartureMono-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 100;
src: url("fonts/argonglow/ArgonGlow-Thin.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 200;
src: url("fonts/argonglow/ArgonGlow-ExtraLight.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 300;
src: url("fonts/argonglow/ArgonGlow-Light.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 400;
src: url("fonts/argonglow/ArgonGlow-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 500;
src: url("fonts/argonglow/ArgonGlow-Medium.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 600;
src: url("fonts/argonglow/ArgonGlow-SemiBold.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 700;
src: url("fonts/argonglow/ArgonGlow-Bold.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
src: url("fonts/argonglow/ArgonGlow-VariableVF.woff2") format("woff2");
font-weight: 100 900;
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* all media */ /* all media */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@ -288,11 +382,303 @@ nav > ul {
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* variables */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
:root {
--color-neutral-50: #F2F0F5;
--color-neutral-100: #D1C6E0;
--color-neutral-200: #B2A0CB;
--color-neutral-300: #957EB5;
--color-neutral-400: #7A60A0;
--color-neutral-500: #61468B;
--color-neutral-600: #4B3176;
--color-neutral-700: #371F60;
--color-neutral-800: #26114B;
--color-neutral-900: #180736;
--color-neutral-950: #0C011F;
--color-argon-50: #E1ABC9;
--color-argon-100: #DA87B5;
--color-argon-200: #D464A1;
--color-argon-300: #CD448F;
--color-argon-400: #C6257D;
--color-argon-500: #B0166F;
--color-argon-600: #9A0A61;
--color-argon-700: #830755;
--color-argon-800: #6D0449;
--color-argon-900: #56023C;
--color-argon-950: #3F012D;
--color-krypton-50: #B2D9EA;
--color-krypton-100: #8CC9E4;
--color-krypton-200: #69BADE;
--color-krypton-300: #4BADD8;
--color-krypton-400: #2493C2;
--color-krypton-500: #167FAC;
--color-krypton-600: #0A6C96;
--color-krypton-700: #075C81;
--color-krypton-800: #044C6B;
--color-krypton-900: #023C55;
--color-krypton-950: #012C3F;
--color-green-50: #C0F49A;
--color-green-100: #A7E57A;
--color-green-200: #8FD75D;
--color-green-300: #7AC843;
--color-green-400: #66B92D;
--color-green-500: #54AA18;
--color-green-600: #47990F;
--color-green-700: #397E0A;
--color-green-800: #2B6206;
--color-green-900: #1F4703;
--color-green-950: #122B01;
--color-red-50: #E6AFAF;
--color-red-100: #DD9090;
--color-red-200: #D57272;
--color-red-300: #CC5757;
--color-red-400: #C33D3D;
--color-red-500: #BB2626;
--color-red-600: #B21010;
--color-red-700: #950808;
--color-red-800: #780404;
--color-red-900: #5C0202;
--color-red-950: #3F0101;
--color-white: #FFFFFF;
--color-dark-foreground: var(--color-neutral-50);
--color-dark-background: var(--color-neutral-950);
--color-dark-shade-1: var(--color-neutral-900);
--color-dark-shade-2: var(--color-neutral-800);
--color-dark-shade-3: var(--color-neutral-700);
--color-dark-shade-4: var(--color-neutral-600);
--color-dark-text-1: var(--color-neutral-200);
--color-dark-text-2: var(--color-neutral-300);
--color-dark-text-3: var(--color-neutral-400);
--color-dark-text-4: var(--color-neutral-500);
--color-dark-primary: var(--color-argon-400);
--color-dark-secondary: var(--color-krypton-300);
--color-dark-error: var(--color-red-500);
--color-dark-error-highlight: var(--color-red-950);
--color-dark-success: var(--color-green-500);
--color-dark-success-highlight: var(--color-green-950);
--color-dark-warning: #efb100;
--color-dark-highlight: #efb10060;
--color-dark-accent-1: #60a5f9;
--color-dark-accent-2: #d381f7;
--color-dark-accent-3: #ff7975;
--color-light-foreground: var(--color-neutral-950);
--color-light-background: var(--color-neutral-50);
--color-light-shade-1: var(--color-neutral-100);
--color-light-shade-2: var(--color-neutral-200);
--color-light-shade-3: var(--color-neutral-300);
--color-light-shade-4: var(--color-neutral-400);
--color-light-text-1: var(--color-neutral-800);
--color-light-text-2: var(--color-neutral-700);
--color-light-text-3: var(--color-neutral-600);
--color-light-text-4: var(--color-neutral-500);
--color-light-primary: var(--color-argon-600);
--color-light-secondary: var(--color-krypton-500);
--color-light-error: var(--color-red-600);
--color-light-error-highlight: var(--color-red-50);
--color-light-success: var(--color-green-600);
--color-light-success-highlight: var(--color-green-50);
--color-light-warning: #d08700;
--color-light-highlight: #d0870060;
--color-light-accent-1: #303EC0;
--color-light-accent-2: #6c366c;
--color-light-accent-3: #932f0a;
--color-cmyk-primary: var(--color-dark-primary);
--color-cmyk-secondary: var(--color-dark-secondary);
--text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-base: 1rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;
--text-2xl: 1.5rem;
--text-3xl: 1.875rem;
--text-4xl: 2.25rem;
--text-5xl: 3rem;
--container-3xs: 16rem;
--container-2xs: 18rem;
--container-xs: 20rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--container-5xl: 64rem;
--container-6xl: 72rem;
--container-7xl: 80rem;
}
.fnButton {
border-radius: 0.5rem;
background-color: var(--color-shade-1);
transition: background-color 150ms;
color: var(--color-foreground);
font-size: 1.2em;
border: solid 0.1em var(--color-shade-1);
transition-property: filter, border-color;
transition-duration: 200ms;
transition-timing-function: ease-out;
&:hover, &.active{
.fnActiveButton();
}
}
.fnButtonSecondary {
&:hover, &.active{
.fnActiveButtonSecondary();
}
}
.fnActiveButton {
background-color: transparent;
border: solid 0.1em var(--color-glow-primary);
text-decoration: none;
color: var(--color-glow-primary);
filter: var(--filter-glow-primary);
transition: var(--transition-glow);
}
.fnActiveButtonSecondary {
background-color: transparent;
border: solid 0.1em var(--color-glow-secondary);
text-decoration: none;
color: var(--color-glow-secondary);
filter: var(--filter-glow-secondary);
transition: var(--transition-glow);
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* screen only */ /* screen only */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@media screen { @media screen {
.dark {
--color-foreground: var(--color-dark-foreground);
--color-background: var(--color-dark-background);
--color-shade-1: var(--color-dark-shade-1);
--color-shade-2: var(--color-dark-shade-2);
--color-shade-3: var(--color-dark-shade-3);
--color-shade-4: var(--color-dark-shade-4);
--color-text-1: var(--color-dark-text-1);
--color-text-2: var(--color-dark-text-2);
--color-text-3: var(--color-dark-text-3);
--color-text-4: var(--color-dark-text-4);
--color-primary: var(--color-dark-primary);
--color-secondary: var(--color-dark-secondary);
--color-error: var(--color-dark-error);
--color-error-highlight: var(--color-dark-error-highlight);
--color-success: var(--color-dark-success);
--color-success-highlight: var(--color-dark-success-highlight);
--color-warning: var(--color-dark-warning);
--color-highlight: var(--color-dark-highlight);
--color-accent-1: var(--color-dark-accent-1);
--color-accent-2: var(--color-dark-accent-2);
--color-accent-3: var(--color-dark-accent-3);
--filter-glow-primary: drop-shadow(0 0 0.0625em var(--color-white)) drop-shadow(0 0 0.125em var(--color-primary)) drop-shadow(0 0 0.25em var(--color-primary));
--filter-glow-secondary: drop-shadow(0 0 0.0625em var(--color-white)) drop-shadow(0 0 0.125em var(--color-secondary)) drop-shadow(0 0 0.25em var(--color-secondary));
--color-glow-primary: var(--color-white);
--color-glow-secondary: var(--color-white);
--transition-glow: filter 150ms cubic-bezier(0,1.7,1,-0.3) 50ms,
border-color 150ms cubic-bezier(0,1.7,1,-0.3) 50ms;
@media (prefers-reduced-motion) {
--transition-glow: filter 150ms, border-color 150ms;
}
.light-only {
display: none;
}
.dark-only {
display: initial;
}
}
.light {
--color-foreground: var(--color-light-foreground);
--color-background: var(--color-light-background);
--color-shade-1: var(--color-light-shade-1);
--color-shade-2: var(--color-light-shade-2);
--color-shade-3: var(--color-light-shade-3);
--color-shade-4: var(--color-light-shade-4);
--color-text-1: var(--color-light-text-1);
--color-text-2: var(--color-light-text-2);
--color-text-3: var(--color-light-text-3);
--color-text-4: var(--color-light-text-4);
--color-primary: var(--color-light-primary);
--color-secondary: var(--color-light-secondary);
--color-error: var(--color-light-error);
--color-error-highlight: var(--color-light-error-highlight);
--color-success: var(--color-light-success);
--color-success-highlight: var(--color-light-success-highlight);
--color-warning: var(--color-light-warning);
--color-highlight: var(--color-light-highlight);
--color-accent-1: var(--color-light-accent-1);
--color-accent-2: var(--color-light-accent-2);
--color-accent-3: var(--color-light-accent-3);
--filter-glow-primary: drop-shadow(0 0 0.0625em var(--color-argon-400));
--filter-glow-secondary: drop-shadow(0 0 0.0625em var(--color-krypton-400));
--color-glow-primary: var(--color-argon-950);
--color-glow-secondary: var(--color-krypton-950);
--transition-glow: filter 150ms cubic-bezier(0, 2, 1, -0.7) 50ms,
border-color 150ms cubic-bezier(0, 2, 1, -0.7) 50ms;
@media (prefers-reduced-motion) {
--transition-glow: filter 150ms, border-color 150ms;
}
.light-only {
display: initial;
}
.dark-only {
display: none;
}
}
@media (prefers-color-scheme: dark) {
html {
.dark();
&:has(#themeLight:checked) {
.light();
}
}
#themeToggleDark {
display: none !important;
}
}
@media (prefers-color-scheme: light) {
html {
.light();
&:has(#themeDark:checked) {
.dark();
}
}
#themeToggleLight {
display: none !important;
}
}
html { html {
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
@ -321,9 +707,28 @@ nav > ul {
display: none; display: none;
} }
a:active, a {
a:hover { color: var(--color-accent-1);
outline: 0; text-decoration: underline;
&:hover,
&:active,
&:focus {
color: var(--color-accent-3);
text-decoration: none;
}
&:visited {
color: var(--color-accent-2);
text-decoration: underline;
&:hover,
&:active,
&:focus {
color: var(--color-accent-3);
text-decoration: none;
}
}
} }
abbr[title] { abbr[title] {
@ -351,7 +756,7 @@ nav > ul {
kbd, kbd,
pre, pre,
samp { samp {
font-family: monospace, monospace; font-family: "Departure Mono", ui-monospace, monospace;
font-size: 1em; font-size: 1em;
} }
@ -420,7 +825,7 @@ nav > ul {
html, body { html, body {
font-family: @font_family_screen; font-family: @font_family_screen;
color: @ini_text; color: var(--color-foreground);
} }
} }

View file

@ -5,7 +5,7 @@
html, body { html, body {
background-color: @ini_background_site; background-color: var(--color-background);
} }
/* highlight selected tool */ /* highlight selected tool */
@ -23,10 +23,23 @@ html, body {
} }
.dokuwiki { .dokuwiki {
.tabs > ul li a,
ul.tabs li strong,
ul.tabs li a {
border-color: var(--color-shade-4);
}
ul.tabs::after {
border-color: var(--color-shade-4);
}
.page ol li, .page ol li,
.page ul li, .page ul li,
.aside ul li { .aside ul li {
color: @ini_text; color: var(--color-foreground);
.li {
color: var(--color-foreground);
}
} }
.pageId { .pageId {
@ -41,7 +54,7 @@ html, body {
font-size: @font-size-small; font-size: @font-size-small;
border: solid @ini_background_alt; border: solid @ini_background_alt;
border-width: 1px 1px 0; border-width: 1px 1px 0;
background-color: @ini_background_site; background-color: var(--color-background);
color: @ini_text_alt; color: @ini_text_alt;
padding: .1em .35em; padding: .1em .35em;
border-top-left-radius: 2px; border-top-left-radius: 2px;
@ -55,7 +68,7 @@ html, body {
clear: both; clear: both;
overflow: hidden; overflow: hidden;
word-wrap: break-word; word-wrap: break-word;
background: @ini_background; background: var(--color-background);
color: inherit; color: inherit;
padding: @page_padding-top @margin-default @margin-default; padding: @page_padding-top @margin-default @margin-default;
@ -84,6 +97,7 @@ html, body {
} }
/* license note under edit window */ /* license note under edit window */
div.license { div.license {
font-size: @font-size-small; font-size: @font-size-small;
line-height: @line-height-default; line-height: @line-height-default;
@ -374,16 +388,11 @@ ol ol ol ol ol {
.dokuwiki { .dokuwiki {
table.inline tr:hover { table.inline tr:hover {
th { th {
background-color: fade(@ini_background_alt, 50%); background-color: var(--color-shade-3);
} }
td { td {
background-color: fade(@ini_background_alt, 80%); background-color: var(--color-shade-2);
color: @ini_text_alt;
*:not(button,a) {
color: @ini_text_alt;
}
} }
} }
} }
@ -392,7 +401,7 @@ table {
border-collapse: collapse; border-collapse: collapse;
empty-cells: show; empty-cells: show;
border-spacing: 0; border-spacing: 0;
border: 1px solid @ini_border; border: 1px solid var(--color-shade-4);
font-size: @font-size-default; font-size: @font-size-default;
line-height: 140%; line-height: 140%;
} }
@ -411,13 +420,13 @@ td {
padding: .3em .5em; padding: .3em .5em;
margin: 0; margin: 0;
vertical-align: top; vertical-align: top;
border: 1px solid @ini_border; border: 1px solid var(--color-shade-4);
} }
th { th {
font-weight: bold; font-weight: bold;
background-color: @ini_background_alt; background-color: var(--color-shade-1);
color: @ini_text_alt; color: var(--color-foreground);
text-align: left; text-align: left;
a { a {
@ -429,22 +438,6 @@ th {
text-align: right; text-align: right;
} }
a {
outline: none;
&:link,
&:visited {
text-decoration: none;
color: @ini_link; // links to non wikipages (external links)
}
&:hover,
&:focus,
&:active {
text-decoration: underline;
}
}
img { img {
display: inline-block; display: inline-block;
border-width: 0; border-width: 0;
@ -470,7 +463,7 @@ button img {
hr { hr {
border-top: solid @ini_border; border-top: solid @ini_border;
border-bottom: solid @ini_background_site; border-bottom: solid var(--color-background);
border-width: 1px 0; border-width: 1px 0;
height: 0; height: 0;
text-align: center; text-align: center;
@ -498,14 +491,13 @@ pre,
code, code,
samp, samp,
kbd { kbd {
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-family: "Departure Mono", ui-monospace, monospace;
/* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
font-size: @font-size-default; font-size: @font-size-default;
direction: ltr; direction: ltr;
text-align: left; text-align: left;
background-color: @code-background; background-color: var(--color-shade-1);
color: @noopentasks-color; color: var(--color-foreground);
box-shadow: inset 0 0 .3em @noopentasks-border;
border-radius: @fix_border-radius; border-radius: @fix_border-radius;
padding-left: @small-spacing; padding-left: @small-spacing;
padding-right: @small-spacing; padding-right: @small-spacing;
@ -518,26 +510,11 @@ kbd {
span { span {
color: inherit; color: inherit;
} }
a {
&:link,
&:visited {
color: inherit;
text-decoration: underline;
}
&:hover,
&:focus,
&:active {
text-decoration: none;
}
}
} }
pre { pre {
overflow: auto; overflow: auto;
word-wrap: normal; word-wrap: normal;
border: 1px solid @noopentasks-border;
font-size: @font-size-default; font-size: @font-size-default;
line-height: 140%; line-height: 140%;
padding: .7em 1em; padding: .7em 1em;

View file

@ -136,16 +136,18 @@
/* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */ /* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */
.btn-hover { .btn-hover {
background-color: @ini_nav_menu_hover_bg; background-color: var(--color-shade-1);
color: @ini_nav_menu_hover_color; border-color: var(--color-shade-2);
transition: @transition color, @transition background-color, @transition border-color; color: var(--color-foreground);
transition: var(--transition-glow);
&:hover, &:hover,
&:active, &:active,
&:focus { &:focus {
background-color: @ini_nav_menu_hover_color; background-color: transparent;
border-color: @ini_nav_menu_hover_color; border-color: var(--color-glow-secondary);
color: @ini_nav_menu_hover_bg; color: var(--color-glow-secondary);
filter: var(--filter-glow-secondary);
.prefix { .prefix {
color: inherit; color: inherit;

60
css/icons.less Normal file
View file

@ -0,0 +1,60 @@
i[data-icon] {
display: inline-block;
width: 1em;
height: 1em;
flex-shrink: 0;
position: relative;
box-sizing: content-box;
&::before {
content: '';
display: block;
width: 100%;
height: 100%;
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
background-color: currentColor;
}
&[data-icon='arrow-left']::before {
mask-image: url('img/arrow_left.svg');
}
&[data-icon='arrow-up']::before {
mask-image: url('img/arrow_up.svg');
}
&[data-icon='arrow-right']::before {
mask-image: url('img/arrow_right.svg');
}
&[data-icon='arrow-down']::before {
mask-image: url('img/arrow_down.svg');
}
&[data-icon='info']::before {
mask-image: url('img/info.svg');
}
&[data-icon='home']::before {
mask-image: url('img/home.svg');
}
&[data-icon='menu-small']::before {
mask-image: url('img/menu_small.svg');
}
&[data-icon='light']::before {
mask-image: url('img/lightbulb.svg');
}
&[data-icon='warning']::before {
mask-image: url('img/warning.svg');
}
&[data-icon='creature']::before {
mask-image: url('img/creature.svg');
}
}

View file

@ -9,9 +9,10 @@
min-width: 100%; min-width: 100%;
overflow-x: auto; overflow-x: auto;
box-sizing: border-box; box-sizing: border-box;
background-color: @background_darker; background-color: var(--color-background);
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
color: var(--color-foreground)
} }
.selectiondefault { .selectiondefault {
@ -20,11 +21,24 @@
} }
tr { tr {
a {
color: var(--color-shade-4);
}
.input { .input {
background-color: transparent; background-color: transparent;
color: inherit; color: inherit;
} }
input, select, textarea {
background-color: var(--color-background);
color: var(--color-foreground);
}
select.edit {
padding: 0 0.3em;
}
&:hover { &:hover {
td { td {
color: inherit; color: inherit;
@ -36,13 +50,17 @@
.input { .input {
background-color: transparent; background-color: transparent;
} }
input, select, textarea {
background-color: var(--color-shade-1);
}
} }
td.label { td.label {
padding: .8em 0 1.2em 1em; padding: .8em 0 1.2em 1em;
span.outkey { span.outkey {
background-color: @ini_background; background-color: var(--color-background);
color: inherit; color: inherit;
font-size: (@font-size-small - .06); font-size: (@font-size-small - .06);
font-weight: bold; font-weight: bold;

View file

@ -23,7 +23,7 @@
button { button {
min-height: 1rem; min-height: 1rem;
height: 1.8em; height: 1.8em;
background-color: @ini_background; background-color: var(--color-background);
border-top: solid 1px @ini_button_background; border-top: solid 1px @ini_button_background;
border-color: @ini_border; border-color: @ini_border;
border-radius: 0 0 @fix_border-radius @fix_border-radius; border-radius: 0 0 @fix_border-radius @fix_border-radius;
@ -40,7 +40,7 @@
&:active { &:active {
background-color: @ini_existing; background-color: @ini_existing;
border-color: @ini_existing; border-color: @ini_existing;
color: @ini_background; color: var(--color-background);
} }
} }
} }

View file

@ -53,7 +53,7 @@
.noopentasks { .noopentasks {
span { span {
background-color: @ini_background_site; background-color: var(--color-background);
border-color: @noopentasks-border; border-color: @noopentasks-border;
color: @ini_text_webframe; color: @ini_text_webframe;
} }
@ -86,7 +86,7 @@
} }
table.inline { table.inline {
background-color: #FFF; background-color: var(--color-background);
margin-top: .5rem; margin-top: .5rem;
@media @screen_max-sm { @media @screen_max-sm {

View file

@ -7,14 +7,12 @@
#dokuwiki__content { #dokuwiki__content {
div.section_highlight { div.section_highlight {
clear: right; clear: right;
background: repeating-linear-gradient( background: repeating-linear-gradient(-45deg,
-45deg, var(--color-shade-1),
@highlight-odd-ini_text, var(--color-shade-1) 10px,
@highlight-odd-ini_text 10px, var(--color-background) 10px,
@highlight-even-ini_text 10px, var(--color-background) 20px,);
@highlight-even-ini_text 20px, border-color: var(--color-background);
);
border-color: @ini_background_page_header;
} }
// "section edit button" and "editbutton_table edit button" // "section edit button" and "editbutton_table edit button"
@ -23,11 +21,23 @@
font-size: 100%; font-size: 100%;
margin-top: .5rem; margin-top: .5rem;
margin-bottom: .5rem; margin-bottom: .5rem;
&::after {
}
&:hover {
&::after {
border: none;
}
}
} }
div.editBox { div.editBox {
background-color: #FFF; background-color: var(--color-background);
border: solid 2px #FFF; border: solid 2px var(--color-shade-4);
border-radius: @fix_border-radius;
padding: 0.5rem;
.editButtons { .editButtons {
display: inline-block; display: inline-block;
@ -40,11 +50,13 @@
white-space: normal; white-space: normal;
display: block; display: block;
width: 100%; width: 100%;
span { span {
display: inline-block; display: inline-block;
padding-bottom: .4rem; padding-bottom: .4rem;
} }
input#edit__summary{
input#edit__summary {
max-width: 100%; max-width: 100%;
box-sizing: border-box; box-sizing: border-box;
} }

View file

@ -4,6 +4,29 @@
/* + + + + + global + + + + + */ /* + + + + + global + + + + + */
#dokuwiki__content.main-content { #dokuwiki__content.main-content {
#edittable__editor {
th,
.handsontable th {
border-color: var(--color-shade-4);
background-color: var(--color-shade-1);
color: var(--color-foreground);
&.ht__highlight {
background-color: var(--color-shade-2);
}
}
td {
border-color: var(--color-shade-4);
background-color: var(--color-background);
color: var(--color-foreground);
&.current {
background-color: var(--color-shade-1);
}
}
}
div.editbutton_table { div.editbutton_table {
position: relative; // for IE position: relative; // for IE
float: left; float: left;
@ -13,22 +36,24 @@
button, button,
input.button { input.button {
min-height: 1rem; min-height: 1rem;
background-color: @ini_background; background-color: var(--color-shade-1);
border-top: solid 1px @ini_button_background; border: solid 0.1em var(--color-shade-2);
border-color: @ini_border; border-radius: 0.5rem;
border-radius: 0 0 @fix_border-radius @fix_border-radius; color: var(--color-foreground);
color: @ini_existing;
font-size: @font-size-small; font-size: @font-size-small;
margin-top: -1px; // for best position of edit-tab beneath table margin: 0;
padding-right: .3em; margin-top: 0.5rem;
transition: @transition background-color, @transition border-color, @transition color; padding: 0.2rem 0.4rem;
height: auto;
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
background-color: @ini_existing; background-color: transparent;
border-color: @ini_existing; color: var(--color-glow-primary);
color: @ini_background; border-color: var(--color-glow-primary);
transition: var(--transition-glow);
filter: var(--filter-glow-primary);
} }
} }
} }

View file

@ -3,15 +3,64 @@
*/ */
/* + + + + + global + + + + + */ /* + + + + + global + + + + + */
.dokuwiki #extension__manager { .dokuwiki {
.actions { #extension__manager {
font-size: 0; .actions {
font-size: 0;
> button { > button {
font-size: .92rem; font-size: .92rem;
margin-left: .3rem; margin-left: .3rem;
padding-left: .3rem; padding-left: .3rem;
padding-right: .3rem; padding-right: .3rem;
}
p.permerror {
@media @screen_max-md {
flex-direction: column;
}
display: flex;
align-items: start;
gap: 0.5rem;
background: none;
&::before {
content: "";
flex-shrink: 0;
margin-top: 0.3em;
width: 1em;
height: 1em;
mask-size: contain;
mask-position: center top;
mask-repeat: no-repeat;
mask-image: url(img/warning.svg);
background-color: var(--color-warning);
}
}
}
ul.tabs {
li.active {
a {
background-color: var(--color-shade-3);
color: var(--color-foreground);
border-color: var(--color-shade-4);
}
}
}
.panelHeader {
background-color: var(--color-shade-2);
}
}
#extension__list {
.extensionList {
li {
color: var(--color-foreground);
}
} }
} }
} }

View file

@ -50,7 +50,7 @@
min-height: @height-context-bar; min-height: @height-context-bar;
box-sizing: border-box; box-sizing: border-box;
box-shadow: @box-shadow; box-shadow: @box-shadow;
background-color: @ini_background; background-color: var(--color-background);
border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius; border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius;
font-size: @font-size-default; font-size: @font-size-default;
padding: .8em 1em .5em; padding: .8em 1em .5em;

View file

@ -4,10 +4,18 @@
/* + + + + + global + + + + + */ /* + + + + + global + + + + + */
#mediamanager__page { #mediamanager__page {
.namespaces h2 { .namespaces{
bottom: 0; h2 {
line-height: 100%; bottom: 0;
margin-bottom: -1px; line-height: 100%;
margin-bottom: -1px;
background-color: var(--color-shade-3);
color: var(--color-foreground);
border-color: var(--color-shade-4);
}
.panelHeader {
border-color: var(--color-shade-4);
}
} }
#media__tree ul li img { #media__tree ul li img {
@ -23,6 +31,32 @@
margin-left: 0; margin-left: 0;
} }
} }
.panelHeader {
background-color: var(--color-shade-2);
}
.filelist .panelContent ul li{
background-color: var(--color-shade-2);
color: var(--color-foreground);
&:hover {
background-color: var(--color-shade-4);
border: none;
}
}
.file dl {
dt{
background-color: var(--color-shade-2);
padding: 0.2em;
}
dd{
background-color: var(--color-shade-1);
padding: 0.2em;
}
}
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */

View file

@ -69,7 +69,7 @@
background-color: @ini_existing; background-color: @ini_existing;
background-image: url("svg.php?svg=file-export.svg&f=background"); background-image: url("svg.php?svg=file-export.svg&f=background");
border-color: @ini_existing; border-color: @ini_existing;
//color: @ini_background; //color: var(--color-background);
text-decoration: none; text-decoration: none;
} }
} }

View file

@ -32,7 +32,7 @@ div#dwpl-ti-container {
&.selected { &.selected {
position: relative; position: relative;
background-color: @ini_background; background-color: var(--color-background);
color: @ini_text; color: @ini_text;
} }
} }
@ -43,7 +43,7 @@ div#dwpl-ti-container {
position: relative; position: relative;
overflow: auto; overflow: auto;
box-shadow: @box-shadow; box-shadow: @box-shadow;
background-color: @ini_background; background-color: var(--color-background);
border: solid 1px @ini_border; border: solid 1px @ini_border;
border-radius: 0; border-radius: 0;
margin-top: -1px; margin-top: -1px;

View file

@ -8,7 +8,7 @@
#dokuwiki__content.main-content .secedit.editbutton_table{ #dokuwiki__content.main-content .secedit.editbutton_table{
a.button.print { a.button.print {
min-height: 1rem; min-height: 1rem;
background-color: @ini_background; background-color: var(--color-background);
border-radius: 0 @ini_default_border_radius; border-radius: 0 @ini_default_border_radius;
border-top: solid 1px; border-top: solid 1px;
border-color: @ini_border; border-color: @ini_border;

View file

@ -1,6 +1,7 @@
/** /**
* This file provides styles for the translation plugin * This file provides styles for the translation plugin
*/ */
@import "../base";
.dokuwiki div.plugin_translation { .dokuwiki div.plugin_translation {
@ -9,17 +10,41 @@
position: relative; position: relative;
float: none; float: none;
box-sizing: border-box;
width: 100%;
padding-bottom: 0.5rem;
height: 4rem;
+ * { + * {
clear: both; clear: both;
padding-top: 1em; // as h1 padding-top: 1em; // as h1
} }
ul li { ul li {
a.wikilink1:link, margin-top: 0;
a.wikilink1:hover,
a.wikilink1:active, // active language
a.wikilink1:visited { span.wikilink1 {
background-color: @ini_link; .fnButton();
.fnActiveButton();
cursor: default;
}
a.wikilink1{
.fnButton();
}
span.wikilink2{
.fnButton();
.fnButtonSecondary();
.fnActiveButtonSecondary()
}
a.wikilink2,
a.wikilink2:visited{
.fnButton();
.fnButtonSecondary();
background-color: var(--color-shade-4);
} }
} }
} }

119
css/plugins/wrap.less Normal file
View file

@ -0,0 +1,119 @@
.dokuwiki {
span.wrap_em {
color: var(--color-error);
}
span.wrap_hi {
background-color: var(--color-highlight);
color: var(--color-foreground);
}
span.wrap_lo {
color: var(--color-text-2);
}
div.plugin_wrap {
&.wrap_box {
background-color: var(--color-shade-1);
color: var(--color-foreground);
}
&.wrap_info,
&.wrap_tip,
&.wrap_important,
&.wrap_alert,
&.wrap_help,
&.wrap_download,
&.wrap_todo {
@media @screen_max-md {
flex-direction: column;
}
display: flex;
align-items: start;
gap: 1rem;
border: none;
border-left: solid 0.5rem var(--color-shade-4);
border-radius: 0.5rem;
padding: 1em;
background-image: none;
background-color: var(--color-shade-1);
&::before {
content: "";
flex-shrink: 0;
margin-top: 0.3em;
width: 2em;
height: 2em;
mask-size: contain;
mask-position: center top;
mask-repeat: no-repeat;
background-color: currentColor;
}
}
&.wrap_info {
color: var(--color-foreground);
&::before {
mask-image: url(img/info.svg);
}
}
&.wrap_tip {
color: var(--color-foreground);
&::before {
mask-image: url(img/lightbulb.svg);
}
}
&.wrap_important {
border-left-color: var(--color-warning);
color: var(--color-foreground);
&::before {
background-color: var(--color-warning);
mask-image: url(img/warning.svg);
}
}
&.wrap_alert {
border-left-color: var(--color-error);
color: var(--color-foreground);
&::before {
background-color: var(--color-error);
mask-image: url(img/power.svg);
}
}
&.wrap_help {
border-left-color: var(--color-accent-1);
color: var(--color-foreground);
&::before {
background-color: var(--color-accent-1);
mask-image: url(img/question.svg);
}
}
&.wrap_download {
border-left-color: var(--color-success);
color: var(--color-foreground);
&::before {
background-color: var(--color-success);
mask-image: url(img/arrow_down.svg);
}
}
&.wrap_todo {
color: var(--color-foreground);
&::before {
mask-image: url(img/tick_small.svg);
}
}
}
}

View file

@ -49,7 +49,7 @@
svg { svg {
width: 26px; width: 26px;
height: 26px; height: 26px;
border: solid 1px @ini_background; border: solid 1px var(--color-background);
border-radius: @ini_default_border_radius; border-radius: @ini_default_border_radius;
fill: @ini_existing; fill: @ini_existing;
transition: @transition background-color, @transition border-color, @transition fill; transition: @transition background-color, @transition border-color, @transition fill;
@ -68,10 +68,10 @@
svg { svg {
background-color: @ini_existing; background-color: @ini_existing;
border-color: @ini_existing; border-color: @ini_existing;
fill: @ini_background; fill: var(--color-background);
path { path {
fill: @ini_background; fill: var(--color-background);
} }
} }
} }

View file

@ -15,7 +15,7 @@
left: 0; left: 0;
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;
color: @ini_button_color; color: var(--color-foreground);
margin: 0 auto 1.4em; margin: 0 auto 1.4em;
&::before { &::before {
@ -25,7 +25,7 @@
display: block; display: block;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
background: @ini_button_background; background: var(--color-background);
line-height: @line-height-default; line-height: @line-height-default;
padding: @margin-small; padding: @margin-small;
} }
@ -33,7 +33,7 @@
img { img {
margin: 0; margin: 0;
display: block; display: block;
border: 1px dotted @ini_background_site; border: solid 0.1rem transparent;
position: relative; position: relative;
} }
@ -44,10 +44,13 @@
&::before { &::before {
content: attr(title); content: attr(title);
border: solid 0.1rem var(--color-glow-primary);
transition: var(--transition-glow);
filter: var(--filter-glow-primary);
} }
img { img {
border: 1px solid @ini_button_background; border: solid 0.1rem var(--color-shade-4);
} }
} }
} }
@ -59,10 +62,10 @@
div.img_detail { div.img_detail {
@media screen { @media screen {
/* vertical minus margin of .img-detail corresponds to the padding of .page */ /* vertical minus margin of .img-detail corresponds to the padding of .page */
background-color: @ini_background_page_header; background-color: var(--color-shade-1);
border: solid @ini_border_light; border: solid 0.1em var(--color-shade-4);
border-width: 1px 0;
margin: @margin-default -(@margin-default); margin: @margin-default -(@margin-default);
color: var(--color-foreground);
h1, h1,
h2, h2,
@ -96,8 +99,8 @@
} }
dt { dt {
background-color: @ini_highlight; background-color: none;
color: @ini_highlight_text; color: var(--color-foreground);
@media @screen_min-xs { @media @screen_min-xs {
width: 33.3%; width: 33.3%;

View file

@ -23,7 +23,7 @@
svg { svg {
width: @font-size-default; width: @font-size-default;
vertical-align: middle; vertical-align: middle;
fill: @ini_nav_menu_color; fill: var(--color-foreground);
margin-right: .2em; margin-right: .2em;
} }
} }

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

96
fonts/argonglow/OFL Normal file
View file

@ -0,0 +1,96 @@
Copyright (c) 2025, The Argon Glow Project Authors (https://codeberg.org/kritzl/argon-glow),
Copyright (c) 2025, kritzl (kritzl@kritzl.dev),
Copyright (c) 2025, traumweh (traumweh@lyx.sh),
with Reserved Font Name "Argon Glow".
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
https://openfontlicense.org
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting - in part or in whole - any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

93
fonts/athiti/OFL Normal file
View file

@ -0,0 +1,93 @@
Copyright (c) 2015, Cadson Demak (info@cadsondemak.com)
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

Binary file not shown.

View file

@ -0,0 +1,93 @@
Copyright 20222024 Helena Zhang (helenazhang.com).
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
https://openfontlicense.org
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

427
img/LICENSE Normal file
View file

@ -0,0 +1,427 @@
Attribution-ShareAlike 4.0 International
=======================================================================
Creative Commons Corporation ("Creative Commons") is not a law firm and
does not provide legal services or legal advice. Distribution of
Creative Commons public licenses does not create a lawyer-client or
other relationship. Creative Commons makes its licenses and related
information available on an "as-is" basis. Creative Commons gives no
warranties regarding its licenses, any material licensed under their
terms and conditions, or any related information. Creative Commons
disclaims all liability for damages resulting from their use to the
fullest extent possible.
Using Creative Commons Public Licenses
Creative Commons public licenses provide a standard set of terms and
conditions that creators and other rights holders may use to share
original works of authorship and other material subject to copyright
and certain other rights specified in the public license below. The
following considerations are for informational purposes only, are not
exhaustive, and do not form part of our licenses.
Considerations for licensors: Our public licenses are
intended for use by those authorized to give the public
permission to use material in ways otherwise restricted by
copyright and certain other rights. Our licenses are
irrevocable. Licensors should read and understand the terms
and conditions of the license they choose before applying it.
Licensors should also secure all rights necessary before
applying our licenses so that the public can reuse the
material as expected. Licensors should clearly mark any
material not subject to the license. This includes other CC-
licensed material, or material used under an exception or
limitation to copyright. More considerations for licensors:
wiki.creativecommons.org/Considerations_for_licensors
Considerations for the public: By using one of our public
licenses, a licensor grants the public permission to use the
licensed material under specified terms and conditions. If
the licensor's permission is not necessary for any reason--for
example, because of any applicable exception or limitation to
copyright--then that use is not regulated by the license. Our
licenses grant only permissions under copyright and certain
other rights that a licensor has authority to grant. Use of
the licensed material may still be restricted for other
reasons, including because others have copyright or other
rights in the material. A licensor may make special requests,
such as asking that all changes be marked or described.
Although not required by our licenses, you are encouraged to
respect those requests where reasonable. More considerations
for the public:
wiki.creativecommons.org/Considerations_for_licensees
=======================================================================
Creative Commons Attribution-ShareAlike 4.0 International Public
License
By exercising the Licensed Rights (defined below), You accept and agree
to be bound by the terms and conditions of this Creative Commons
Attribution-ShareAlike 4.0 International Public License ("Public
License"). To the extent this Public License may be interpreted as a
contract, You are granted the Licensed Rights in consideration of Your
acceptance of these terms and conditions, and the Licensor grants You
such rights in consideration of benefits the Licensor receives from
making the Licensed Material available under these terms and
conditions.
Section 1 -- Definitions.
a. Adapted Material means material subject to Copyright and Similar
Rights that is derived from or based upon the Licensed Material
and in which the Licensed Material is translated, altered,
arranged, transformed, or otherwise modified in a manner requiring
permission under the Copyright and Similar Rights held by the
Licensor. For purposes of this Public License, where the Licensed
Material is a musical work, performance, or sound recording,
Adapted Material is always produced where the Licensed Material is
synched in timed relation with a moving image.
b. Adapter's License means the license You apply to Your Copyright
and Similar Rights in Your contributions to Adapted Material in
accordance with the terms and conditions of this Public License.
c. BY-SA Compatible License means a license listed at
creativecommons.org/compatiblelicenses, approved by Creative
Commons as essentially the equivalent of this Public License.
d. Copyright and Similar Rights means copyright and/or similar rights
closely related to copyright including, without limitation,
performance, broadcast, sound recording, and Sui Generis Database
Rights, without regard to how the rights are labeled or
categorized. For purposes of this Public License, the rights
specified in Section 2(b)(1)-(2) are not Copyright and Similar
Rights.
e. Effective Technological Measures means those measures that, in the
absence of proper authority, may not be circumvented under laws
fulfilling obligations under Article 11 of the WIPO Copyright
Treaty adopted on December 20, 1996, and/or similar international
agreements.
f. Exceptions and Limitations means fair use, fair dealing, and/or
any other exception or limitation to Copyright and Similar Rights
that applies to Your use of the Licensed Material.
g. License Elements means the license attributes listed in the name
of a Creative Commons Public License. The License Elements of this
Public License are Attribution and ShareAlike.
h. Licensed Material means the artistic or literary work, database,
or other material to which the Licensor applied this Public
License.
i. Licensed Rights means the rights granted to You subject to the
terms and conditions of this Public License, which are limited to
all Copyright and Similar Rights that apply to Your use of the
Licensed Material and that the Licensor has authority to license.
j. Licensor means the individual(s) or entity(ies) granting rights
under this Public License.
k. Share means to provide material to the public by any means or
process that requires permission under the Licensed Rights, such
as reproduction, public display, public performance, distribution,
dissemination, communication, or importation, and to make material
available to the public including in ways that members of the
public may access the material from a place and at a time
individually chosen by them.
l. Sui Generis Database Rights means rights other than copyright
resulting from Directive 96/9/EC of the European Parliament and of
the Council of 11 March 1996 on the legal protection of databases,
as amended and/or succeeded, as well as other essentially
equivalent rights anywhere in the world.
m. You means the individual or entity exercising the Licensed Rights
under this Public License. Your has a corresponding meaning.
Section 2 -- Scope.
a. License grant.
1. Subject to the terms and conditions of this Public License,
the Licensor hereby grants You a worldwide, royalty-free,
non-sublicensable, non-exclusive, irrevocable license to
exercise the Licensed Rights in the Licensed Material to:
a. reproduce and Share the Licensed Material, in whole or
in part; and
b. produce, reproduce, and Share Adapted Material.
2. Exceptions and Limitations. For the avoidance of doubt, where
Exceptions and Limitations apply to Your use, this Public
License does not apply, and You do not need to comply with
its terms and conditions.
3. Term. The term of this Public License is specified in Section
6(a).
4. Media and formats; technical modifications allowed. The
Licensor authorizes You to exercise the Licensed Rights in
all media and formats whether now known or hereafter created,
and to make technical modifications necessary to do so. The
Licensor waives and/or agrees not to assert any right or
authority to forbid You from making technical modifications
necessary to exercise the Licensed Rights, including
technical modifications necessary to circumvent Effective
Technological Measures. For purposes of this Public License,
simply making modifications authorized by this Section 2(a)
(4) never produces Adapted Material.
5. Downstream recipients.
a. Offer from the Licensor -- Licensed Material. Every
recipient of the Licensed Material automatically
receives an offer from the Licensor to exercise the
Licensed Rights under the terms and conditions of this
Public License.
b. Additional offer from the Licensor -- Adapted Material.
Every recipient of Adapted Material from You
automatically receives an offer from the Licensor to
exercise the Licensed Rights in the Adapted Material
under the conditions of the Adapter's License You apply.
c. No downstream restrictions. You may not offer or impose
any additional or different terms or conditions on, or
apply any Effective Technological Measures to, the
Licensed Material if doing so restricts exercise of the
Licensed Rights by any recipient of the Licensed
Material.
6. No endorsement. Nothing in this Public License constitutes or
may be construed as permission to assert or imply that You
are, or that Your use of the Licensed Material is, connected
with, or sponsored, endorsed, or granted official status by,
the Licensor or others designated to receive attribution as
provided in Section 3(a)(1)(A)(i).
b. Other rights.
1. Moral rights, such as the right of integrity, are not
licensed under this Public License, nor are publicity,
privacy, and/or other similar personality rights; however, to
the extent possible, the Licensor waives and/or agrees not to
assert any such rights held by the Licensor to the limited
extent necessary to allow You to exercise the Licensed
Rights, but not otherwise.
2. Patent and trademark rights are not licensed under this
Public License.
3. To the extent possible, the Licensor waives any right to
collect royalties from You for the exercise of the Licensed
Rights, whether directly or through a collecting society
under any voluntary or waivable statutory or compulsory
licensing scheme. In all other cases the Licensor expressly
reserves any right to collect such royalties.
Section 3 -- License Conditions.
Your exercise of the Licensed Rights is expressly made subject to the
following conditions.
a. Attribution.
1. If You Share the Licensed Material (including in modified
form), You must:
a. retain the following if it is supplied by the Licensor
with the Licensed Material:
i. identification of the creator(s) of the Licensed
Material and any others designated to receive
attribution, in any reasonable manner requested by
the Licensor (including by pseudonym if
designated);
ii. a copyright notice;
iii. a notice that refers to this Public License;
iv. a notice that refers to the disclaimer of
warranties;
v. a URI or hyperlink to the Licensed Material to the
extent reasonably practicable;
b. indicate if You modified the Licensed Material and
retain an indication of any previous modifications; and
c. indicate the Licensed Material is licensed under this
Public License, and include the text of, or the URI or
hyperlink to, this Public License.
2. You may satisfy the conditions in Section 3(a)(1) in any
reasonable manner based on the medium, means, and context in
which You Share the Licensed Material. For example, it may be
reasonable to satisfy the conditions by providing a URI or
hyperlink to a resource that includes the required
information.
3. If requested by the Licensor, You must remove any of the
information required by Section 3(a)(1)(A) to the extent
reasonably practicable.
b. ShareAlike.
In addition to the conditions in Section 3(a), if You Share
Adapted Material You produce, the following conditions also apply.
1. The Adapter's License You apply must be a Creative Commons
license with the same License Elements, this version or
later, or a BY-SA Compatible License.
2. You must include the text of, or the URI or hyperlink to, the
Adapter's License You apply. You may satisfy this condition
in any reasonable manner based on the medium, means, and
context in which You Share Adapted Material.
3. You may not offer or impose any additional or different terms
or conditions on, or apply any Effective Technological
Measures to, Adapted Material that restrict exercise of the
rights granted under the Adapter's License You apply.
Section 4 -- Sui Generis Database Rights.
Where the Licensed Rights include Sui Generis Database Rights that
apply to Your use of the Licensed Material:
a. for the avoidance of doubt, Section 2(a)(1) grants You the right
to extract, reuse, reproduce, and Share all or a substantial
portion of the contents of the database;
b. if You include all or a substantial portion of the database
contents in a database in which You have Sui Generis Database
Rights, then the database in which You have Sui Generis Database
Rights (but not its individual contents) is Adapted Material,
including for purposes of Section 3(b); and
c. You must comply with the conditions in Section 3(a) if You Share
all or a substantial portion of the contents of the database.
For the avoidance of doubt, this Section 4 supplements and does not
replace Your obligations under this Public License where the Licensed
Rights include other Copyright and Similar Rights.
Section 5 -- Disclaimer of Warranties and Limitation of Liability.
a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE
EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS
AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF
ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS,
IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION,
WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR
PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS,
ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT
KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT
ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU.
b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE
TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION,
NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT,
INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES,
COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR
USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN
ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR
DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR
IN PART, THIS LIMITATION MAY NOT APPLY TO YOU.
c. The disclaimer of warranties and limitation of liability provided
above shall be interpreted in a manner that, to the extent
possible, most closely approximates an absolute disclaimer and
waiver of all liability.
Section 6 -- Term and Termination.
a. This Public License applies for the term of the Copyright and
Similar Rights licensed here. However, if You fail to comply with
this Public License, then Your rights under this Public License
terminate automatically.
b. Where Your right to use the Licensed Material has terminated under
Section 6(a), it reinstates:
1. automatically as of the date the violation is cured, provided
it is cured within 30 days of Your discovery of the
violation; or
2. upon express reinstatement by the Licensor.
For the avoidance of doubt, this Section 6(b) does not affect any
right the Licensor may have to seek remedies for Your violations
of this Public License.
c. For the avoidance of doubt, the Licensor may also offer the
Licensed Material under separate terms or conditions or stop
distributing the Licensed Material at any time; however, doing so
will not terminate this Public License.
d. Sections 1, 5, 6, 7, and 8 survive termination of this Public
License.
Section 7 -- Other Terms and Conditions.
a. The Licensor shall not be bound by any additional or different
terms or conditions communicated by You unless expressly agreed.
b. Any arrangements, understandings, or agreements regarding the
Licensed Material not stated herein are separate from and
independent of the terms and conditions of this Public License.
Section 8 -- Interpretation.
a. For the avoidance of doubt, this Public License does not, and
shall not be interpreted to, reduce, limit, restrict, or impose
conditions on any use of the Licensed Material that could lawfully
be made without permission under this Public License.
b. To the extent possible, if any provision of this Public License is
deemed unenforceable, it shall be automatically reformed to the
minimum extent necessary to make it enforceable. If the provision
cannot be reformed, it shall be severed from this Public License
without affecting the enforceability of the remaining terms and
conditions.
c. No term or condition of this Public License will be waived and no
failure to comply consented to unless expressly agreed to by the
Licensor.
d. Nothing in this Public License constitutes or may be interpreted
as a limitation upon, or waiver of, any privileges and immunities
that apply to the Licensor or You, including from the legal
processes of any jurisdiction or authority.
=======================================================================
Creative Commons is not a party to its public
licenses. Notwithstanding, Creative Commons may elect to apply one of
its public licenses to material it publishes and in those instances
will be considered the “Licensor.” The text of the Creative Commons
public licenses is dedicated to the public domain under the CC0 Public
Domain Dedication. Except for the limited purpose of indicating that
material is shared under a Creative Commons public license or as
otherwise permitted by the Creative Commons policies published at
creativecommons.org/policies, Creative Commons does not authorize the
use of the trademark "Creative Commons" or any other trademark or logo
of Creative Commons without its prior written consent including,
without limitation, in connection with any unauthorized modifications
to any of its public licenses or any other arrangements,
understandings, or agreements concerning use of licensed material. For
the avoidance of doubt, this paragraph does not form part of the
public licenses.
Creative Commons may be contacted at creativecommons.org.

3
img/arrow_down.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M299.996 0a25 25 0 0 0-24.998 24.998v389.803c0 23.914 15.39 43.832 34.613 51.795 19.223 7.962 44.194 4.759 61.104-12.15L485.617 339.54c5.091-5.09 12.583-5.09 17.674 0s5.097 12.589.006 17.68L317.682 542.836c-9.973 9.972-25.387 9.972-35.36 0L105.543 366.059a25 25 0 0 0-35.348 0 25 25 0 0 0-.005 35.353L246.969 578.19c29.08 29.08 76.986 29.08 106.066 0L538.65 392.574c24.199-24.198 24.199-64.192 0-88.39-24.198-24.199-64.188-24.195-88.386.004L335.359 419.092c-2.66 2.66-4.216 2.309-6.617 1.314-2.4-.994-3.742-1.838-3.742-5.601V25.002A25 25 0 0 0 299.996 0" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 672 B

3
img/arrow_down_left.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M501.832 73.168a25 25 0 0 0-17.676 7.32L208.523 356.121c-16.91 16.91-20.118 41.877-12.156 61.1 7.963 19.223 27.883 34.613 51.797 34.613H410.67c7.2 0 12.498 5.298 12.498 12.498s-5.298 12.498-12.498 12.498h-262.5c-14.103 0-25.002-10.893-25.002-24.996V201.832a25 25 0 0 0-25.004-25.002 25 25 0 0 0-24.994 25.002v250.002c0 41.125 33.875 75 75 75h262.5c34.222 0 62.494-28.28 62.494-62.502s-28.272-62.502-62.494-62.502H248.164c-3.763 0-4.607-1.343-5.601-3.744-.995-2.401-1.347-3.945 1.314-6.606l275.63-275.632a25 25 0 0 0 0-35.36 25 25 0 0 0-17.675-7.32" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 666 B

3
img/arrow_down_right.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M98.168 73.168a25 25 0 0 0-17.68 7.324 25 25 0 0 0 0 35.352l275.633 275.633c16.91 16.91 41.877 20.118 61.1 12.156 19.223-7.963 34.613-27.883 34.613-51.797V189.33c0-7.2 5.298-12.498 12.498-12.498s12.498 5.298 12.498 12.498v262.5c0 14.103-10.893 25.002-24.996 25.002H201.832a25 25 0 0 0-25.002 25.004 25 25 0 0 0 25.002 24.994h250.002c41.125 0 75-33.875 75-75v-262.5c0-34.222-28.28-62.494-62.502-62.494s-62.502 28.272-62.502 62.494v162.506c0 3.763-1.343 4.607-3.744 5.601-2.401.995-3.945 1.347-6.606-1.314L115.848 80.493a25 25 0 0 0-17.68-7.325" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 661 B

3
img/arrow_left.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M216.264 62.867a25 25 0 0 0-17.676 7.324L21.81 246.971c-29.08 29.08-29.08 76.984 0 106.064l185.615 185.617c24.198 24.199 64.188 24.193 88.387-.006 24.198-24.198 24.204-64.188.006-88.386l-114.91-114.908c-2.662-2.661-2.31-4.209-1.315-6.61.994-2.4 1.838-3.742 5.601-3.742h389.803A25 25 0 0 0 600 299.998 25 25 0 0 0 575.002 275H185.199c-23.914 0-43.838 15.384-51.8 34.607-7.963 19.223-4.758 44.194 12.152 61.104l114.908 114.908c5.09 5.091 5.09 12.583 0 17.674s-12.583 5.09-17.674 0L57.168 317.678c-9.973-9.973-9.976-25.381-.004-35.354l176.777-176.78a25 25 0 0 0 0-35.358 25 25 0 0 0-17.677-7.319" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 711 B

3
img/arrow_right.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M348.379 43.203c-16.048 0-32.096 6.05-44.195 18.149-24.199 24.198-24.195 64.188.004 88.386l114.904 114.903c2.66 2.66 2.309 4.218 1.314 6.619-.994 2.4-1.842 3.738-5.605 3.738l-389.799.004A25 25 0 0 0 .006 300a25 25 0 0 0 24.996 24.998l389.799.004c23.914 0 43.832-15.388 51.795-34.611 7.962-19.223 4.759-44.194-12.15-61.104L339.54 114.385c-5.09-5.091-5.09-12.583 0-17.674s12.589-5.097 17.68-.006L542.836 282.32c9.972 9.973 9.972 25.387 0 35.36L366.059 494.457a25 25 0 0 0 0 35.35 25 25 0 0 0 35.353.004L578.19 353.033c29.08-29.08 29.08-76.986 0-106.066L392.574 61.352c-12.099-12.1-28.147-18.149-44.195-18.149" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 725 B

3
img/arrow_up.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M300.002 0c-19.247 0-38.493 7.27-53.033 21.81L61.354 207.427c-24.199 24.198-24.199 64.194 0 88.392 24.198 24.199 64.188 24.193 88.386-.006l114.903-114.904c2.66-2.66 4.206-2.309 6.607-1.314 2.4.994 3.748 1.842 3.748 5.605v389.803A25 25 0 0 0 299.996 600a25 25 0 0 0 25.002-25.002V185.195c0-23.913-15.388-43.834-34.611-51.797s-44.188-4.753-61.098 12.157L114.387 260.459c-5.091 5.09-12.585 5.09-17.676 0s-5.095-12.589-.004-17.68L282.322 57.164c9.973-9.972 25.387-9.972 35.36 0l176.777 176.777a25 25 0 0 0 35.348 0 25 25 0 0 0 .006-35.353L353.035 21.81C338.495 7.27 319.248 0 300.002 0" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 700 B

3
img/arrow_up_left.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M148.166 73.17c-41.125 0-75 33.875-75 75v262.5c0 34.222 28.28 62.494 62.502 62.494s62.502-28.272 62.502-62.494V248.164c0-3.763 1.343-4.607 3.744-5.601 2.401-.995 3.945-1.347 6.606 1.314l275.632 275.63a25 25 0 0 0 35.36 0 25 25 0 0 0 0-35.35L243.879 208.522c-16.91-16.91-41.877-20.118-61.1-12.156-19.223 7.963-34.613 27.883-34.613 51.797V410.67c0 7.2-5.298 12.498-12.498 12.498s-12.498-5.298-12.498-12.498v-262.5c0-14.103 10.893-25.002 24.996-25.002h250.002a25 25 0 0 0 25.002-25.004 25 25 0 0 0-25.002-24.994Z" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 628 B

3
img/arrow_up_right.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M188.83 73.164c-34.222 0-62.494 28.282-62.494 62.504s28.272 62.502 62.494 62.502h162.506c3.763 0 4.607 1.341 5.602 3.742.994 2.401 1.348 3.947-1.313 6.608L79.992 484.152a25 25 0 0 0 0 35.36 25 25 0 0 0 35.352 0l275.633-275.633c16.91-16.91 20.12-41.877 12.158-61.1s-27.885-34.615-51.8-34.615H188.83c-7.2 0-12.498-5.296-12.498-12.496s5.298-12.498 12.498-12.498h262.5c14.103 0 25.002 10.89 25.002 24.994v250.004a25 25 0 0 0 25.004 25.002 25 25 0 0 0 24.994-25.002V148.164c0-41.125-33.875-75-75-75z" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 613 B

3
img/basket.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M255.775 100.053a25 25 0 0 0-22.41 11.08l-66.666 100a25 25 0 0 0 6.934 34.668 25 25 0 0 0 34.668-6.934l66.666-100a25 25 0 0 0-6.934-34.668 25 25 0 0 0-12.258-4.146m88.45 0a25 25 0 0 0-12.258 4.146 25 25 0 0 0-6.934 34.668l66.666 100a25 25 0 0 0 34.668 6.934 25 25 0 0 0 6.934-34.668l-66.666-100a25 25 0 0 0-22.41-11.08M74.637 275.002c-40.845 0-71.443 40.057-60.696 79.463l48.881 179.228c10.646 39.034 46.353 66.303 86.813 66.303h300.73c40.46 0 76.17-27.269 86.815-66.303l61.943-227.113a25 25 0 0 0-17.543-30.695 25 25 0 0 0-30.703 17.535l-61.936 227.113c-4.775 17.51-20.426 29.469-38.576 29.469h-300.73c-18.15 0-33.8-11.959-38.576-29.469L62.178 341.305c-2.408-8.827 3.31-16.309 12.459-16.309H500A25 25 0 0 0 524.998 300 25 25 0 0 0 500 275.002Z" style="stroke-width:3.82848"/>
</svg>

After

Width:  |  Height:  |  Size: 863 B

3
img/bed.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M25 225a25 25 0 0 0-25 25v325a25 25 0 0 0 25 25 25 25 0 0 0 25-25V250a25 25 0 0 0-25-25m137.498.002C114.47 225.002 75 264.472 75 312.5s39.47 87.498 87.498 87.498a25 25 0 0 0 25.002-24.996A25 25 0 0 0 162.498 350c-21.007 0-37.5-16.493-37.5-37.5s16.493-37.5 37.5-37.5 37.5 16.493 37.5 37.5v12.498c0 41.125 33.875 75 75 75h244A49.8 49.8 0 0 1 554.24 414.6l3.086 3.078a25 25 0 0 0 35.352 0 25 25 0 0 0 0-35.354l-3.078-3.084A99.88 99.88 0 0 0 518.998 350h-244c-14.103 0-24.996-10.899-24.996-25.002V312.5c0-48.029-39.475-87.498-87.504-87.498M150 424.998c-41.125 0-75 33.875-75 75v75A25 25 0 0 0 100.002 600a25 25 0 0 0 24.996-25.002v-75c0-14.103 10.899-24.996 25.002-24.996h349.998c14.103 0 25.002 10.893 25.002 24.996v75A25 25 0 0 0 550.002 600a25 25 0 0 0 24.996-25.002v-75c0-41.125-33.875-75-75-75z" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 914 B

3
img/clock.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M300 0C220.428 0 147.8 31.12 94.102 81.81a25 25 0 0 0-1.018 35.342 25 25 0 0 0 35.34 1.018C173.224 75.88 233.429 50 300 50c138.367 0 250 111.633 250 250S438.367 550 300 550 50 438.367 50 300c0-41.007 9.823-79.539 27.246-113.621a25 25 0 0 0-10.88-33.639 25 25 0 0 0-33.641 10.881C11.805 204.545 0 250.985 0 300c0 165.39 134.61 300 300 300s300-134.61 300-300S465.39 0 300 0m0 72.15a25 25 0 0 0-25.002 25.002v177.846a175.02 175.02 0 0 0 35.004 105l45 60A25 25 0 0 0 390 445.002a25 25 0 0 0 4.998-35.004l-45-60a124.98 124.98 0 0 1-24.996-75V97.152A25 25 0 0 0 300 72.15" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 684 B

3
img/code.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M376.402 200.002c-26.675 0-50.36 17.869-57.69 43.518L233.01 543.475c-1.135 3.972-4.52 6.525-8.653 6.525h-35.035a8.82 8.82 0 0 1-6.355-2.687L57.15 417.629c-9.716-10.015-9.716-25.243 0-35.258l135.79-139.959a25 25 0 0 0-.532-35.353 25 25 0 0 0-35.351.533L21.267 347.55C7.188 362.064.148 381.033.148 400s7.04 37.936 21.12 52.45l125.817 129.675a58.9 58.9 0 0 0 42.238 17.873h35.035c26.23 0 49.525-17.565 56.73-42.785l85.696-299.957c1.258-4.402 5.041-7.256 9.62-7.256h33.853a9.8 9.8 0 0 1 7.064 2.99l125.53 129.381c9.716 10.015 9.716 25.243 0 35.258L407.059 557.588a25 25 0 0 0 .53 35.353 25 25 0 0 0 35.354-.533L578.74 452.45c28.161-29.025 28.161-75.873 0-104.898L453.21 218.17a59.88 59.88 0 0 0-42.954-18.168Z" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 824 B

3
img/creature.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="375" height="600">
<path d="M187.5-.17c-82.547 0-150 67.453-150 150 0 55.323 30.14 103.976 74.982 129.916a25 25 0 0 0 34.159-9.121 25 25 0 0 0-9.123-34.158C107.635 219.18 87.5 187.043 87.5 149.83c0-55.524 44.475-100 100-100s100 44.476 100 100c0 37.213-20.135 69.35-50.018 86.637a25 25 0 0 0-9.123 34.158 25 25 0 0 0 34.159 9.121c44.843-25.94 74.982-74.593 74.982-129.916 0-82.547-67.453-150-150-150m-62.502 325.172C56.258 325.002 0 381.26 0 450v124.998A25 25 0 0 0 25.002 600a25 25 0 0 0 24.996-25.002V450c0-41.717 33.283-75 75-75h125.004c41.717 0 75 33.283 75 75v124.998A25 25 0 0 0 349.998 600 25 25 0 0 0 375 574.998V450c0-68.74-56.259-124.998-124.998-124.998Z" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 754 B

3
img/cross.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M22.797.516a25 25 0 0 0-15.49 7.24 25 25 0 0 0 .03 35.355l225 224.582a25 25 0 0 0 35.356-.03 25 25 0 0 0-.03-35.356l-225-224.584a25 25 0 0 0-11.216-6.46 25 25 0 0 0-8.65-.747m554.838 0a25 25 0 0 0-8.65.744 25 25 0 0 0-11.217 6.453L6.932 556.879a25 25 0 0 0-.055 35.355 25 25 0 0 0 35.355.053L593.068 43.121a25 25 0 0 0 .055-35.355 25 25 0 0 0-15.488-7.25M347.797 325.098a25 25 0 0 0-15.49 7.24 25 25 0 0 0 .03 35.355l225 224.584a25 25 0 0 0 35.356-.033 25 25 0 0 0-.03-35.355l-225-224.582a25 25 0 0 0-11.216-6.461 25 25 0 0 0-8.65-.748"/>
</svg>

After

Width:  |  Height:  |  Size: 625 B

3
img/cross_small.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="412.5" height="412.5">
<path d="M25 0a25 25 0 0 0-6.47.852 25 25 0 0 0-11.208 6.47 25 25 0 0 0 0 35.356l125 125a25 25 0 0 0 35.356 0 25 25 0 0 0 0-35.356l-125-125A25 25 0 0 0 25 0m364.68.096a25 25 0 0 0-8.65.756 25 25 0 0 0-11.208 6.47l-362.5 362.5a25 25 0 0 0 0 35.356 25 25 0 0 0 35.356 0l362.5-362.5a25 25 0 0 0 0-35.356A25 25 0 0 0 389.68.096M262.5 237.5a25 25 0 0 0-6.47.852 25 25 0 0 0-11.208 6.47 25 25 0 0 0 0 35.356l125 125a25 25 0 0 0 35.356 0 25 25 0 0 0 0-35.356l-125-125A25 25 0 0 0 262.5 237.5"/>
</svg>

After

Width:  |  Height:  |  Size: 569 B

3
img/cup_1.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M151.773.063a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.82 27.637a75.07 75.07 0 0 0 0 67.086l2.644 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.175 33.543 25 25 0 0 0 33.545-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 161.18 2.637a25 25 0 0 0-9.407-2.574m100 0a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.82 27.637a75.07 75.07 0 0 0 0 67.086l2.644 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.175 33.543 25 25 0 0 0 33.545-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 261.18 2.637a25 25 0 0 0-9.407-2.574m100 0a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.819 27.637a75.07 75.07 0 0 0 0 67.086l2.643 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.177 33.543 25 25 0 0 0 33.543-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 361.18 2.637a25 25 0 0 0-9.407-2.574m48.221 224.939-325.002.066c-40.818.008-70.027 42.55-55.37 80.647l89.09 231.592c14.502 37.694 50.899 62.695 91.286 62.695H300c40.387 0 76.784-25.001 91.285-62.695l89.1-231.592c7.13-18.536 24.755-30.643 44.615-30.643 14.103 0 25.002 10.899 25.002 25.002v23.963a57.19 57.19 0 0 1-30.9 50.854l-5.625 2.923a25 25 0 0 0-10.666 33.706 25 25 0 0 0 33.712 10.666l5.625-2.915C577.652 400.838 600 364.041 600 324.037v-23.963c0-41.125-33.875-75-75-75-40.387 0-76.784 24.993-91.285 62.688l-89.1 231.592c-7.13 18.535-24.755 30.642-44.615 30.642H199.998c-19.86 0-37.486-12.107-44.617-30.642l-89.1-231.592c-2.65-6.89 1.344-12.696 8.727-12.698l324.994-.066a25 25 0 0 0 24.996-25.002 25 25 0 0 0-25.004-24.994" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

3
img/cup_2.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M151.773.063a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.82 27.637a75.07 75.07 0 0 0 0 67.086l2.644 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.175 33.543 25 25 0 0 0 33.545-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 161.18 2.637a25 25 0 0 0-9.407-2.574m100 0a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.82 27.637a75.07 75.07 0 0 0 0 67.086l2.644 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.175 33.543 25 25 0 0 0 33.545-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 261.18 2.637a25 25 0 0 0-9.407-2.574m100 0a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.819 27.637a75.07 75.07 0 0 0 0 67.086l2.643 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.177 33.543 25 25 0 0 0 33.543-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 361.18 2.637a25 25 0 0 0-9.407-2.574m48.221 249.949-325.002.066 1.506.043c-42.822-2.572-77.719 36.651-70.18 78.883a25 25 0 0 0 .303 1.476c26.464 109.63 127.365 194.602 243.38 194.602 116.017 0 216.912-84.971 243.376-194.602a25 25 0 0 0 .295-1.416c2.886-15.95 15.938-27.567 32.021-28.85 13.742.375 24.309 11.017 24.309 24.872v23.96a57.19 57.19 0 0 1-30.9 50.854l-5.626 2.924a25 25 0 0 0-10.666 33.705 25 25 0 0 0 33.713 10.666l5.625-2.922C577.652 425.84 600 389.05 600 349.047v-23.961c0-41.125-33.875-75-75-75a25 25 0 0 0-1.447.043c-39.24 2.272-72.083 31.356-79.082 70.033l.302-1.41c-20.961 86.837-103.608 156.334-194.771 156.334-90.812 0-173.093-68.99-194.445-155.36-1.719-11.293 6.426-20.387 17.945-19.695a25 25 0 0 0 1.506.043l324.994-.066a25 25 0 0 0 24.996-25.002 25 25 0 0 0-25.002-24.994ZM70.115 550a25 25 0 0 0-25 25 25 25 0 0 0 25 25h359.77a25 25 0 0 0 25-25 25 25 0 0 0-25-25Z" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 2 KiB

3
img/dect.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="350" height="600">
<path d="M325.002 0A25 25 0 0 0 300 25.002V75c0 14.103-10.899 25.002-25.002 25.002H75c-41.125 0-75 33.875-75 75V525c0 41.125 33.875 75 75 75h199.998c41.125 0 75-33.875 75-75V199.998a25 25 0 0 0-24.996-24.996A25 25 0 0 0 300 199.998V525c0 14.103-10.899 25.002-25.002 25.002H75c-14.103 0-25.002-10.899-25.002-25.002V175.002C49.998 160.899 60.897 150 75 150h199.998c41.125 0 75-33.875 75-75V25.002A25 25 0 0 0 325.002 0m-175 175c-41.125 0-75 33.875-75 75v25.002c0 41.125 33.875 75 75 75H200c41.125 0 75-33.875 75-75v-75A25 25 0 0 0 249.998 175a25 25 0 0 0-24.996 25.002v75c0 14.103-10.899 24.996-25.002 24.996h-49.998c-14.103 0-25.002-10.893-25.002-24.996V250c0-14.103 10.899-25.002 25.002-25.002h24.996A25 25 0 0 0 200 200.002 25 25 0 0 0 174.998 175ZM100 400a25 25 0 0 0-25 25 25 25 0 0 0 25 25h150a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm0 70a25 25 0 0 0-25 25 25 25 0 0 0 25 25h150a25 25 0 0 0 25-25 25 25 0 0 0-25-25z" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 1 KiB

31
img/export.sh Executable file
View file

@ -0,0 +1,31 @@
#!/bin/sh
# This script can be used to automatically export all project files
# to ensure, they are a single path without any modifiers or other
# inkscape-dependent things. It will also remove unnecessary things
# from the SVGs. For this the script requires both inkscape and svgo
# to be installed.
for infile in ./project_files/*.svg
do
outfile="./$(basename "$infile")"
inkscape --actions="select-by-element: svg;
object-set-attribute: id, svg;
select-clear;
select-all: layers;
selection-ungroup;
select-clear;
select-all: no-groups;
object-stroke-to-path;
path-union;
object-set-attribute: id,path;
object-set-attribute: style,;
selection-group;
selection-ungroup;
export-plain-svg;" \
--export-filename "$outfile" \
--vacuum-defs "$infile"
svgo --pretty "$outfile"
done

3
img/external.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="600" height="600">
<path d="M262.5 0c-34.222 0-62.502 28.28-62.502 62.502s28.28 62.496 62.502 62.496h162.498c3.763 0 4.61 1.35 5.604 3.75s1.346 3.945-1.315 6.606l-321.96 321.968a25 25 0 0 0 0 35.352 25 25 0 0 0 35.35 0l321.97-321.961c16.91-16.91 20.112-41.877 12.15-61.1C468.834 90.39 448.912 75 424.998 75H262.5c-7.2 0-12.498-5.298-12.498-12.498S255.3 49.998 262.5 49.998H525c14.103 0 25.002 10.899 25.002 25.002v250.002a25 25 0 0 0 24.996 24.996A25 25 0 0 0 600 325.002V75c0-41.125-33.875-75-75-75ZM75 75c-41.125 0-75 33.875-75 75v375c0 41.125 33.875 75 75 75h375c41.125 0 75-33.875 75-75V424.998a25 25 0 0 0-25.002-24.996 25 25 0 0 0-24.996 24.996V525c0 14.103-10.899 25.002-25.002 25.002H75c-14.103 0-25.002-10.899-25.002-25.002V150c0-14.103 10.899-25.002 25.002-25.002h49.998A25 25 0 0 0 150 100.002 25 25 0 0 0 124.998 75Z" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 940 B

3
img/fairydust.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="387.074" height="600">
<path d="M193.537 0c-16.56 0-33.118 5.21-47 15.621l-36.002 26.994a134.8 134.8 0 0 0-50.404 77.303l-6.887 29.625a221.3 221.3 0 0 0-2.414 88.346L62 301.543a74.85 74.85 0 0 1-11.45 54.486l-5.624 8.436A256 256 0 0 0 9.58 444.359L3.984 466.75a133.52 133.52 0 0 0 9.973 91.814l5.479 11.014c19.46 39.138 78.74 39.138 98.2 0l5.477-11.014a597 597 0 0 0 31.787-76.992l-.066.207c4.198-12.242 15.545-20.271 28.486-20.16h20.219c13.223 0 24.748 8.31 28.93 20.854l.008.015a590 590 0 0 0 31.49 76.092l5.47 11c19.46 39.137 78.742 39.137 98.202 0l5.476-11.016a133.52 133.52 0 0 0 9.975-91.814l-5.596-22.391a256 256 0 0 0-35.345-79.893l-5.625-8.437a73.98 73.98 0 0 1-11.235-54.295l10.69-58.789a223.1 223.1 0 0 0-1.713-88.302l-7.649-34.399a133.16 133.16 0 0 0-50.078-77.629l-36.002-26.994C226.656 5.21 210.097 0 193.537 0m0 49.902c5.96 0 11.919 1.902 17 5.713l36.002 27.002a83.1 83.1 0 0 1 31.27 48.47l7.648 34.407a173.1 173.1 0 0 1 1.328 68.504l-10.69 58.79a124.06 124.06 0 0 0 18.833 90.982l5.617 8.43a206 206 0 0 1 28.441 64.288l5.596 22.389a83.47 83.47 0 0 1-6.236 57.424l-5.479 11.021c-2.485 4.998-6.173 4.998-8.658 0l-5.479-11.021-.006-.015a540 540 0 0 1-28.82-69.627l-.008-.023c-10.933-32.766-41.813-55.023-76.357-55.023h-19.791c-34.27-.295-65.094 21.528-76.211 53.947l-.067.199A547 547 0 0 1 78.341 536.3l-5.476 11.022c-2.485 4.998-6.173 4.998-8.658 0L58.728 536.3a83.47 83.47 0 0 1-6.236-57.424l5.594-22.388a206 206 0 0 1 28.443-64.29l5.617-8.43a124.93 124.93 0 0 0 19.098-90.87l-11.17-63.654a171.3 171.3 0 0 1 1.87-68.379l6.886-29.63a84.74 84.74 0 0 1 31.705-48.618l36.002-27.002c5.082-3.81 11.04-5.713 17-5.713M193.525 126c-41.125 0-75 33.875-75 75s33.875 75 75 75 75-33.875 75-75-33.874-75-75-75m0 50c14.104 0 25 10.897 25 25s-10.896 25-25 25-25-10.897-25-25 10.897-25 25-25m0 310.617a25 25 0 0 0-25 25v63.967a25 25 0 0 0 25 25 25 25 0 0 0 25-25v-63.967a25 25 0 0 0-25-25" style="stroke-width:3.77952"/>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View file

@ -1 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M6,2C4.89,2 4,2.9 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13,3.5L18.5,9H13M8.93,12.22H16V19.29L13.88,17.17L11.05,20L8.22,17.17L11.05,14.35" /></svg> <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24"
viewBox="0 0 24 24">
<path d="M6,2C4.89,2 4,2.9 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13,3.5L18.5,9H13M8.93,12.22H16V19.29L13.88,17.17L11.05,20L8.22,17.17L11.05,14.35"/>
</svg>

Before

Width:  |  Height:  |  Size: 441 B

After

Width:  |  Height:  |  Size: 460 B

Before After
Before After

3
img/flag.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="384.92" height="600">
<path d="M60.115.084C28.094 1.748.015 28.487.014 62.588L-.002 575a25.017 24.983 0 0 0 25.016 24.98A25.017 24.983 0 0 0 50.035 575l.016-512.412c0-9.262 7.646-14.874 16.498-12.111l263.558 82.25c4.644 1.449 4.789 3.295 4.782 6.507-.007 3.213-.153 5.054-4.803 6.483l-235.44 72.34a25.017 24.983 0 0 0-16.558 31.23 25.017 24.983 0 0 0 31.271 16.531l235.438-72.347c25.233-7.754 40.07-31.614 40.119-54.131.05-22.518-14.686-46.44-39.885-54.305L81.473 2.785A61 61 0 0 0 60.115.084" style="stroke-width:3.87606"/>
</svg>

After

Width:  |  Height:  |  Size: 583 B

3
img/gluten.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="315.625" height="600">
<path d="M151.52.053A25 25 0 0 0 139.26 4.2a25 25 0 0 0-6.94 34.664l33.36 50.043c15.85 23.776 45.37 34.84 72.947 27.35l58.553-15.9a25 25 0 0 0 17.568-30.68 25 25 0 0 0-30.678-17.576L225.523 68.01c-7.009 1.904-14.21-.793-18.24-6.836l-33.36-50.041A25 25 0 0 0 158.032.486a25 25 0 0 0-6.511-.433m-37.5 99.996a25 25 0 0 0-12.26 4.146 25 25 0 0 0-6.94 34.672l33.36 50.035c15.85 23.777 45.37 34.849 72.947 27.358l58.553-15.9a25 25 0 0 0 17.568-30.688 25 25 0 0 0-30.678-17.568l-58.547 15.908c-7.009 1.904-14.21-.8-18.24-6.844l-33.36-50.033a25 25 0 0 0-15.892-10.653 25 25 0 0 0-6.511-.433M76.52 200.05a25 25 0 0 0-12.26 4.146 25 25 0 0 0-6.94 34.674l33.36 50.033c15.85 23.776 45.37 34.849 72.947 27.358l58.553-15.908a25 25 0 0 0 17.568-30.678 25 25 0 0 0-30.678-17.57l-58.547 15.902c-7.009 1.904-14.21-.793-18.24-6.836l-33.36-50.043a25 25 0 0 0-15.892-10.645 25 25 0 0 0-6.511-.433m-37.5 100.002a25 25 0 0 0-12.26 4.148 25 25 0 0 0-6.94 34.664l33.36 50.043a33.5 33.5 0 0 1 3.506 30.406L1.594 566.221a25 25 0 0 0 14.63 32.185 25 25 0 0 0 32.186-14.63l55.092-146.909c9.428-25.143 6.176-53.35-8.719-75.693l-33.36-50.041a25 25 0 0 0-15.892-10.647 25 25 0 0 0-6.511-.433" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

3
img/hackertours.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M350.002-.002A213.3 213.3 0 0 0 244.184 28.1l-89.041 50.884a204.7 204.7 0 0 0-76.159 76.159L28.1 244.183A213.3 213.3 0 0 0-.002 350.003v49.613c-.503 4.886-.603 9.706-.053 14.365 4.766 40.358 46.799 70.319 87.934 57.196a25 25 0 0 0 3.58-1.453 175.02 175.02 0 0 0 78.264-78.264L175 380.902A125 125 0 0 1 230.902 325l11.45-5.729c16.634-8.317 36.47-5.095 49.62 8.055l265.35 265.348a25 25 0 0 0 35.352 0 25 25 0 0 0 0-35.352l-265.348-265.35c-28.233-28.232-71.622-35.275-107.334-17.42l-11.449 5.73a175 175 0 0 0-78.262 78.261l-5.28 10.557C113.3 392.506 94.46 411.47 71.345 423.645c-12.973 3.242-23.769-6.184-21.645-19.791a25 25 0 0 0 .303-3.854v-49.998c0-28.416 7.413-56.336 21.512-81.008l50.882-89.049a154.64 154.64 0 0 1 57.55-57.549l89.048-50.882a163.27 163.27 0 0 1 81.008-21.512H400c16.782 0 26.407 15.52 19.178 30.539-11.229 19.473-28.33 34.893-48.934 43.922a25 25 0 0 0-1.144.539l-10.557 5.28a175 175 0 0 0-78.262 78.261l-2.642 5.28a25 25 0 0 0 11.183 33.534 25 25 0 0 0 33.535-11.175l2.643-5.28A125 125 0 0 1 380.902 175l10.557-5.277-1.145.539a155.4 155.4 0 0 0 72.913-65.885 25 25 0 0 0 .59-1.113C487.07 56.756 451.996-.002 400-.002Z" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

3
img/hare_head.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M215.691.084c-24.836-1.325-49.965 13.31-58.503 38.922l-9.073 27.21a24.977 24.977 0 0 0 15.795 31.595 24.977 24.977 0 0 0 31.596-15.795l9.07-27.211c1.93-5.788 7.246-7.357 12.014-3.543l46.265 37.006a103.36 103.36 0 0 1 36.801 60.455l5.516 27.58c7.422 37.103 34.236 67.47 70.135 79.433l54.43 18.141a167.1 167.1 0 0 1 66.962 42.027l28.672 29.479 1.193.959c12.595 10.12 20.88 24.551 23.395 40.465-.36 18.612-10.84 35.453-27.549 43.859l-9.857 4.959c-35.007 17.61-50.963 59.597-36.483 96.01l13.164 33.101a219 219 0 0 1 6.116 17.498 24.977 24.977 0 0 0 31.14 16.672 24.977 24.977 0 0 0 16.67-31.14 269 269 0 0 0-7.508-21.489l-13.164-33.101c-5.076-12.766.236-26.75 12.514-32.926l9.857-4.959c34.028-17.118 55.455-52.207 55.137-90.295l-.012-1.53-.2-1.517c-3.747-28.48-18.106-54.447-40.055-72.888l-27.22-27.987a217.1 217.1 0 0 0-86.98-54.588l-54.43-18.14a55.5 55.5 0 0 1-36.943-41.842l-5.517-27.58a153.36 153.36 0 0 0-54.582-89.666L247.79 12.252c-9.583-7.665-20.81-11.566-32.1-12.168m-91.19 127.154c-9.2-.424-18.494.116-27.73 1.655l-49.019 8.168c-39.144 6.522-60.25 52.218-39.83 86.246l22.476 37.455a125.3 125.3 0 0 0 89.68 59.535l72.541 10.361c18.588 2.655 33.565 16.162 38.117 34.37l.899 3.593.23.73c6.79 21.462 2.901 44.774-10.398 62.901-16.922 19.734-42.273 40.916-84.22 72.342a867 867 0 0 0-66.485 51.414 24.977 24.977 0 0 0-2.77 35.213 24.977 24.977 0 0 0 35.213 2.771 817 817 0 0 1 63.168-48.82l.346-.242.338-.252c43.25-32.397 71.604-55.472 93.021-80.658l.498-.584.46-.616c22.979-30.653 29.946-70.448 18.874-107.06l-.006-.024-.707-2.826c-9.444-37.771-40.97-66.198-79.515-71.703l-72.541-10.361a75.23 75.23 0 0 1-53.91-35.787l-22.477-37.455c-3.158-5.263-.852-10.26 5.209-11.27l49.02-8.168a81.88 81.88 0 0 1 64.63 16.83l82.04 65.62a24.977 24.977 0 0 0 35.105-3.903 24.977 24.977 0 0 0-3.904-35.108l-82.04-65.619a131.9 131.9 0 0 0-76.312-28.748"/>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

3
img/history.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M300 0C220.422 0 147.792 31.123 94.092 81.82a25 25 0 0 0-1.018 35.342 25 25 0 0 0 35.342 1.018C173.216 75.885 233.424 50 300 50c138.367 0 250 111.633 250 250S438.367 550 300 550 50 438.367 50 300a25 25 0 0 0-25-25 25 25 0 0 0-25 25c0 165.39 134.61 300 300 300s300-134.61 300-300S465.39 0 300 0m0 72.15a25 25 0 0 0-25.002 25.002v177.846a175.02 175.02 0 0 0 35.004 105l45 60A25 25 0 0 0 390 445.002a25 25 0 0 0 4.998-35.004l-45-60a124.98 124.98 0 0 1-24.996-75V97.152A25 25 0 0 0 300 72.15M34.887 75.016a25 25 0 0 0-5.582.414 25 25 0 0 0-19.94 29.195l9.59 50.885c6.08 32.273 37.795 53.935 70.068 47.855l53.106-10.002a25 25 0 0 0 19.937-29.203 25 25 0 0 0-29.195-19.937l-53.105 10.01c-5.719 1.077-10.6-2.263-11.678-7.981L58.5 95.369a25 25 0 0 0-23.613-20.353" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 874 B

3
img/home.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M250.002.088c-19.347 0-38.698 6.674-54.213 20.02L46.602 148.442A134 134 0 0 0 0 250.002V525c0 41.125 33.875 75 75 75h49.998c41.125 0 75-33.875 75-75V424.998c0-14.103 10.899-24.996 25.002-24.996h49.998c14.103 0 25.002 10.893 25.002 24.996V525c0 41.125 33.875 75 75 75h49.998c41.125 0 75-33.875 75-75V400.002A25 25 0 0 0 475.002 375 25 25 0 0 0 450 400.002V525c0 14.103-10.899 25.002-25.002 25.002H375c-14.103 0-25.002-10.899-25.002-25.002V424.998c0-41.125-33.875-75-75-75H225c-41.125 0-75 33.875-75 75V525c0 14.103-10.899 25.002-25.002 25.002H75c-14.103 0-25.002-10.899-25.002-25.002V250.002a83.92 83.92 0 0 1 29.209-63.654l149.19-128.334c12.557-10.802 30.647-10.802 43.205 0l149.187 128.334A83.92 83.92 0 0 1 450 250.002V300a25 25 0 0 0 25.002 25.002A25 25 0 0 0 499.998 300v-49.998c0-39.01-17.028-76.12-46.602-101.559L304.207 20.107C288.692 6.762 269.349.087 250.002.087" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 990 B

3
img/hygene.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M25.004-.006a25 25 0 0 0-25.01 25.01v465.38c0 60.244 49.378 109.622 109.621 109.622h380.77c60.243 0 109.62-49.378 109.62-109.621v-380.77c0-60.243-49.377-109.62-109.62-109.62H99.996a25 25 0 0 0-24.998 25.009 25 25 0 0 0 24.998 24.998h390.389c33.22 0 59.613 26.392 59.613 59.613v380.77c0 33.22-26.392 59.613-59.613 59.613h-380.77c-33.22 0-59.613-26.392-59.613-59.613V25.004A25 25 0 0 0 25.004-.006m248.994 75.004c-40.573 0-73.996 33.431-73.996 74.004V175c0 14.103-10.899 25.002-25.002 25.002h-25.002c-41.125 0-75 33.875-75 75V325c0 41.125 33.875 75 75 75H175c14.103 0 25.002 10.899 25.002 25.002v24.996c0 41.125 33.875 75 75 75H325c41.125 0 75-33.875 75-75v-24.996C400 410.899 410.899 400 425.002 400h24.996c41.125 0 75-33.875 75-75v-49.998c0-41.125-33.875-75-75-75h-24.996C410.899 200.002 400 189.103 400 175v-25.002a25 25 0 0 0-25.002-24.996 25 25 0 0 0-24.996 24.996V175c0 41.125 33.875 75 75 75h24.996C464.101 250 475 260.899 475 275.002V325c0 14.103-10.899 25.002-25.002 25.002h-24.996c-41.125 0-75 33.875-75 75v24.996C350.002 464.101 339.103 475 325 475h-49.998C260.899 475 250 464.101 250 449.998v-24.996c0-41.125-33.875-75-75-75h-25.002c-14.103 0-24.996-10.899-24.996-25.002v-49.998c0-14.103 10.893-25.002 24.996-25.002H175c41.125 0 75-33.875 75-75v-25.998c0-13.551 10.447-24 23.998-24H325A25 25 0 0 0 350.002 100 25 25 0 0 0 325 74.998Z" style="stroke-width:6.39612"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

3
img/info.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M300-.021a302 302 0 0 0-54.22 4.91C123.543 27.215 27.22 123.54 4.894 245.775a301.8 301.8 0 0 0 0 108.448C27.22 476.458 123.545 572.78 245.779 595.107l.569.104.568.074a67.5 67.5 0 0 0 15.525.31c35.441-3.4 64.245-34.597 62.532-71.743l.03 1.15V287.498A25 25 0 0 0 300 262.502a25 25 0 0 0-25.002 24.996v238.08l.03.576c.56 12.161-9.045 20.989-21.06 19.563C152.57 526.846 72.621 446.75 54.08 345.238a251.8 251.8 0 0 1 0-90.478C72.671 152.975 152.98 72.665 254.764 54.074a251.8 251.8 0 0 1 90.473 0c101.785 18.591 182.092 98.9 200.683 200.686a251.8 251.8 0 0 1 0 90.478c-17.169 93.999-87.02 169.7-177.727 195.356a25 25 0 0 0-17.25 30.855 25 25 0 0 0 30.864 17.26c109.004-30.83 192.68-121.602 213.298-234.486a301.8 301.8 0 0 0 0-108.448C572.78 123.54 476.455 27.215 354.221 4.89A302 302 0 0 0 300-.021M300 75c-41.125 0-75 33.875-75 75s33.875 75 75 75 75-33.875 75-75a25 25 0 0 0-25-25 25 25 0 0 0-25 25c0 14.103-10.897 25-25 25s-25-10.897-25-25 10.897-25 25-25a25 25 0 0 0 25-25 25 25 0 0 0-25-25" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

3
img/lightbulb.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="350" height="600">
<path d="M175.002-.037a175 175 0 0 0-57.268 9.627C49.132 33.336 0 98.642 0 175.002c0 32.284 7.99 76.66 21.94 118.922s30.923 82.685 65.52 102.705a25 25 0 0 0 4.614 2.074l67.301 22.442a49.43 49.43 0 0 0 31.256 0l35.459-11.823c25.922-6.562 49.197-20.998 66.506-41.424a25 25 0 0 0 1.373-1.771c33.695-47.882 51.52-122.526 55.37-174.596a197 197 0 0 0-.138-33.314l-.015-.178a174.3 174.3 0 0 0-9.147-41.37 25 25 0 0 0-31.904-15.241 25 25 0 0 0-15.244 31.904 124 124 0 0 1 6.511 29.432c.729 8.247.764 16.542.096 24.795l-.008.177c-3.118 42.349-23.046 115.583-45.959 148.76-10.754 12.27-25.002 20.959-40.902 24.715a25 25 0 0 0-2.157.613l-35.47 11.824-63.352-21.119c-10.443-6.927-30.176-37.757-42.23-74.275-12.335-37.37-19.422-80.022-19.422-103.252 0-54.945 35.223-101.246 84.094-118.162a125.04 125.04 0 0 1 81.814 0 124.3 124.3 0 0 1 21.576 9.87 25 25 0 0 0 34.157-9.124 25 25 0 0 0-9.123-34.156 174.2 174.2 0 0 0-30.252-13.84 175 175 0 0 0-57.262-9.627m-72.57 437.652a25 25 0 0 0-26.147 16.977 25 25 0 0 0 15.81 31.623l43.378 14.46a125 125 0 0 0 79.052 0l43.383-14.46a25 25 0 0 0 15.813-31.623 25 25 0 0 0-31.625-15.813L198.72 453.24a75 75 0 0 1-47.436 0l-43.377-14.46a25 25 0 0 0-5.476-1.165m0 87.504a25 25 0 0 0-26.147 16.977 25 25 0 0 0 15.81 31.625l43.378 14.453a125 125 0 0 0 79.052 0l43.383-14.453a25 25 0 0 0 15.813-31.625 25 25 0 0 0-31.625-15.81l-43.375 14.46a75 75 0 0 1-47.436 0l-43.377-14.46a25 25 0 0 0-5.476-1.167" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

3
img/link.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M462.5 0c-47.534 0-89.756 24.304-114.4 61.209l-.006.008-49.944 74.916a25 25 0 0 0 6.934 34.668 25 25 0 0 0 34.668-6.934l49.928-74.89.011-.014v-.002C405.386 65.469 431.954 50 462.5 50c48.621 0 87.5 38.879 87.5 87.5 0 18.065-5.389 34.62-14.674 48.514l-.008.011-100.01 150.014C419.614 359.531 393.046 375 362.5 375c-.857 0-1.686-.103-2.537-.127a137 137 0 0 0 14.04-46.625 25 25 0 0 0 .16-.5c.12-1.091.178-2.199.273-3.297.073-.843.15-1.683.209-2.53.211-3.12.355-6.255.355-9.421 0-75.643-61.857-137.5-137.5-137.5-47.534 0-89.756 24.304-114.4 61.209l-.006.008L23.086 386.229C8.513 408.045 0 434.405 0 462.5 0 538.143 61.857 600 137.5 600c47.534 0 89.756-24.304 114.4-61.209l.006-.008 49.944-74.916 28.484-42.727c10.33 2.5 21.094 3.86 32.166 3.86 47.534 0 89.756-24.304 114.4-61.209l.006-.008L576.9 213.795l.015-.024C591.487 191.955 600 165.595 600 137.5 600 61.857 538.143 0 462.5 0m-225 225c48.621 0 87.5 38.879 87.5 87.5 0 2.965-.196 5.87-.48 8.746-1.356 13.76-5.87 26.46-12.836 37.572C289.45 343.013 275 317.091 275 287.5c0-3.306.182-6.56.535-9.754a25 25 0 0 0-22.101-27.596 25 25 0 0 0-27.596 22.104A139 139 0 0 0 225 287.5c0 46.57 23.466 87.89 59.14 112.791l-23.892 35.842-49.94 74.906a88.6 88.6 0 0 1-9.93 12.318C184.512 539.787 162.319 550 137.5 550 88.879 550 50 511.121 50 462.5q.001-3.387.25-6.701a86.5 86.5 0 0 1 5.701-25.121 87 87 0 0 1 2.514-5.79v-.001a87 87 0 0 1 2.912-5.567v-.002a88 88 0 0 1 3.297-5.33v-.002l.008-.01v-.002l99.998-149.998.011-.014v-.002C180.386 240.47 206.954 225 237.5 225"/>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

3
img/location.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="375" height="600">
<path d="M187.5-.016c-11.596 0-23.19 1.072-34.637 3.211C77.062 17.365 17.367 77.063 3.197 152.865a188.4 188.4 0 0 0 .006 69.28l.156.85.213.833c9.28 35.752 22.002 70.517 37.93 103.84l22.566 56.592a25 25 0 0 0 32.479 13.967 25 25 0 0 0 13.967-32.489l-23.016-57.726-.377-.776c-14.652-30.47-26.285-62.29-34.842-94.998-3.016-16.597-3.035-33.598.067-50.183v-.006c10.376-55.51 54.19-99.327 109.7-109.703a138.5 138.5 0 0 1 50.907 0c63.386 11.848 111.416 67.043 111.953 134.049-4.602 41.951-16.983 82.682-36.629 120.044l-.605 1.159-95.33 239.109c-1.288 3.23-2.524 3.285-4.842 3.285s-3.554-.056-4.842-3.285L140.41 440.738a25 25 0 0 0-32.48-13.959 25 25 0 0 0-13.965 32.48l42.246 105.962c8.826 22.138 30.597 34.77 51.289 34.77s42.463-12.632 51.29-34.77l94.782-237.75c22.17-42.826 36.244-89.382 41.287-137.356l.141-1.3v-1.313c0-91.448-65.82-168.036-152.863-184.307A188.5 188.5 0 0 0 187.5-.015m0 75.016C125.664 75 75 125.664 75 187.5S125.664 300 187.5 300 300 249.336 300 187.5c0-11.116-1.626-21.928-4.662-32.13a25 25 0 0 0-31.092-16.83 25 25 0 0 0-16.83 31.09A62.4 62.4 0 0 1 250 187.5c0 34.814-27.686 62.5-62.5 62.5S125 222.314 125 187.5s27.686-62.5 62.5-62.5c6.26 0 12.233.906 17.875 2.586a25 25 0 0 0 31.094-16.826 25 25 0 0 0-16.828-31.096A112.6 112.6 0 0 0 187.5 75"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

3
img/lock.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="375" height="600">
<path d="M187.5 0C111.857 0 49.998 61.859 49.998 137.502v37.5A25 25 0 0 0 75 199.998a25 25 0 0 0 25.002-24.996v-37.5c0-48.621 38.877-87.504 87.498-87.504s87.498 38.883 87.498 87.504v37.5A25 25 0 0 0 300 199.998a25 25 0 0 0 25.002-24.996v-37.5C325.002 61.859 263.143 0 187.5 0M75 225c-41.125 0-75 33.875-75 75v199.998A25 25 0 0 0 25.002 525a25 25 0 0 0 24.996-25.002V300c0-14.103 10.899-25.002 25.002-25.002h225c14.103 0 25.002 10.899 25.002 25.002v225c0 14.103-10.899 25.002-25.002 25.002H25.002A25 25 0 0 0 0 574.998 25 25 0 0 0 25.002 600H300c41.125 0 75-33.875 75-75V300c0-41.125-33.875-75-75-75zm112.5 112.5a25 25 0 0 0-25.002 25.002v99.996A25 25 0 0 0 187.5 487.5a25 25 0 0 0 25.002-25.002v-99.996A25 25 0 0 0 187.5 337.5"/>
</svg>

After

Width:  |  Height:  |  Size: 807 B

3
img/login.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="450" height="600">
<path d="M149.998 0c-41.125 0-75 33.875-75 75v150A25 25 0 0 0 100 250.002 25 25 0 0 0 125.002 225V75c0-14.103 10.893-25.002 24.996-25.002h225C389.101 49.998 400 60.897 400 75v450c0 14.103-10.899 25.002-25.002 25.002h-225c-14.103 0-24.996-10.899-24.996-25.002V375A25 25 0 0 0 100 349.998 25 25 0 0 0 74.998 375v150c0 41.125 33.875 75 75 75h225c41.125 0 75-33.875 75-75V75c0-41.125-33.875-75-75-75Zm57.88 140.805c-8.207.045-16.27 1.776-23.503 5.03-19.289 8.681-34.377 28.973-34.377 53.167v51c0 14.103-10.893 24.996-24.996 24.996H25A25 25 0 0 0-.002 300 25 25 0 0 0 25 325.002h100.002c41.125 0 75-33.875 75-75v-51c0-4.515 1.862-6.21 4.894-7.574 3.033-1.365 5.531-1.637 8.91 1.357l104.706 92.768c8.987 7.962 8.987 20.932 0 28.894l-104.705 92.768c-3.38 2.994-5.878 2.722-8.91 1.357s-4.895-3.057-4.895-7.572v-26A25 25 0 0 0 175 349.998 25 25 0 0 0 149.998 375v26c0 24.194 15.088 44.484 34.377 53.164s44.483 6.521 62.592-9.523l104.697-92.768c30.806-27.295 30.806-76.451 0-103.746l-104.697-92.768c-9.055-8.022-19.885-12.571-30.858-14.033a60 60 0 0 0-8.23-.521" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

3
img/logout.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="450" height="600">
<path d="M75.002 0c-41.125 0-75 33.875-75 75v450c0 41.125 33.875 75 75 75h225c41.125 0 75-33.875 75-75v-25.002A25 25 0 0 0 350 475.002a25 25 0 0 0-25.002 24.996V525c0 14.103-10.893 25.002-24.996 25.002h-225C60.899 550.002 50 539.103 50 525V75c0-14.103 10.899-25.002 25.002-25.002h225c14.103 0 24.996 10.899 24.996 25.002v25.002A25 25 0 0 0 350 124.998a25 25 0 0 0 25.002-24.996V75c0-41.125-33.875-75-75-75Zm207.877 140.805c-8.208.045-16.27 1.776-23.504 5.03-19.289 8.681-34.377 28.973-34.377 53.167v51c0 14.103-10.893 24.996-24.996 24.996H100A25 25 0 0 0 74.998 300 25 25 0 0 0 100 325.002h100.002c41.125 0 75-33.875 75-75v-51c0-4.515 1.862-6.21 4.894-7.574 3.033-1.365 5.532-1.637 8.91 1.357l104.69 92.768c8.987 7.963 8.987 20.93 0 28.894l-104.69 92.768c-3.378 2.994-5.877 2.722-8.91 1.357-3.032-1.364-4.894-3.057-4.894-7.572v-26A25 25 0 0 0 250 349.998 25 25 0 0 0 224.998 375v26c0 24.194 15.088 44.484 34.377 53.164s44.484 6.514 62.592-9.531l104.69-92.76c30.804-27.295 30.804-76.45 0-103.746l-104.69-92.76c-9.054-8.022-19.885-12.579-30.858-14.04a60 60 0 0 0-8.23-.522" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -1 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M25 0A25 25 0 0 0 0 25a25 25 0 0 0 25 25h550a25 25 0 0 0 25-25 25 25 0 0 0-25-25Zm0 275a25 25 0 0 0-25 25 25 25 0 0 0 25 25h550a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm0 275a25 25 0 0 0-25 25 25 25 0 0 0 25 25h550a25 25 0 0 0 25-25 25 25 0 0 0-25-25z"/>
</svg>

Before

Width:  |  Height:  |  Size: 143 B

After

Width:  |  Height:  |  Size: 337 B

Before After
Before After

3
img/menu_small.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="412.5" height="412.5">
<path d="M25 0A25 25 0 0 0 0 25a25 25 0 0 0 25 25h362.5a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm0 181.25a25 25 0 0 0-25 25 25 25 0 0 0 25 25h362.5a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm0 181.25a25 25 0 0 0-25 25 25 25 0 0 0 25 25h362.5a25 25 0 0 0 25-25 25 25 0 0 0-25-25z"/>
</svg>

After

Width:  |  Height:  |  Size: 353 B

3
img/merch.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="550" height="600">
<path d="M156.43.023C134.7.152 113.102 6.84 94.756 19.855L51.314 50.674C19.148 73.496.002 110.557.002 149.998c0 41.125 33.875 75 75 75 14.103 0 24.996 10.899 24.996 25.002v325.002A25 25 0 0 0 125 599.998a25 25 0 0 0 25.002-24.996V250c0-41.125-33.875-75-75-75C60.899 175 50 164.101 50 149.998a71.7 71.7 0 0 1 30.244-58.539l43.442-30.826a57.52 57.52 0 0 1 59.513-4.348l35.899 18.291c35.097 17.883 76.707 17.883 111.804 0l35.899-18.29a57.52 57.52 0 0 1 59.513 4.347l43.442 30.826A71.7 71.7 0 0 1 500 149.998C500 164.101 489.101 175 474.998 175c-41.125 0-75 33.875-75 75v274.998c0 14.103-10.893 25.002-24.996 25.002H200a25 25 0 0 0-25.002 25.002A25 25 0 0 0 200 599.998h175.002c41.125 0 75-33.875 75-75V250c0-14.103 10.893-25.002 24.996-25.002 41.125 0 75-33.875 75-75 0-39.44-19.146-76.502-51.312-99.324l-43.442-30.819c-32.615-23.14-75.51-26.275-111.142-8.12l-35.899 18.292a73.08 73.08 0 0 1-66.406 0l-35.899-18.293A107.5 107.5 0 0 0 156.43.024" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 1 KiB

3
img/message.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M75 200.002c-41.125 0-75 33.875-75 75v249.996c0 41.125 33.875 75 75 75h450c41.125 0 75-33.875 75-75V275.002c0-19.301-12.602-35.76-28.22-42.23-15.62-6.47-36.165-3.742-49.813 9.906L317.68 446.963c-9.973 9.972-25.387 9.972-35.36 0L117.674 282.326a25 25 0 0 0-35.352 0 25 25 0 0 0 0 35.352L246.97 482.322c29.08 29.08 76.982 29.08 106.062 0L550.002 285.36V525C550.002 539.1 539.103 550 525 550H75c-14.103 0-25.002-10.899-25.002-25.002V275.002C49.998 260.899 60.897 250 75 250h375a25 25 0 0 0 25.002-25.002A25 25 0 0 0 450 200.002z" style="stroke-width:3.77953"/>
</svg>

After

Width:  |  Height:  |  Size: 644 B

3
img/microphone.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="440.769" height="600">
<path d="M132.297.088c-21.964.54-44.077 6.376-64.352 18.039C3.067 55.448-19.356 138.832 18.102 203.475a135.7 135.7 0 0 0 55.722 52.875 24.957 25.048 90 0 0 .844.412 38.34 38.34 0 0 1 14.797 12.158l196.824 293.748c24.55 36.64 74.036 48.145 112.328 26.117s53.035-70.48 33.463-109.984L308.727 229.824c-19.565-39.488-69.42-54.546-107.698-32.527l-21.947 12.625a24.955 25.046 90 0 0-9.168 34.09 24.955 25.046 90 0 0 34.215 9.134l21.947-12.625c13.836-7.959 30.67-2.875 37.742 11.399L387.17 500.889c8.1 16.348 2.247 35.556-13.6 44.672s-35.46 4.557-45.62-10.606l-197.264-294.41a24.957 25.048 90 0 0-.536-.758 88.4 88.4 0 0 0-34.314-28.256l.84.403c-14.248-7.276-26.542-18.485-35.194-33.414-23.921-41.284-9.924-93.332 31.51-117.166s93.68-9.893 117.602 31.39c7.89 13.615 11.567 28.288 11.554 42.86a24.955 25.046 90 0 0 25.024 24.972 24.955 25.046 90 0 0 25.064-24.933c.02-23.061-5.906-46.537-18.26-67.856C228.225 23.345 180.619-1.1 132.297.087" style="stroke-width:4.19282"/>
</svg>

After

Width:  |  Height:  |  Size: 1 KiB

3
img/network.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M300 39.727c-105.448 0-204.202 29.633-288.06 81.011a25 25 0 0 0-8.256 34.38 25 25 0 0 0 34.377 8.255C114.327 116.646 203.905 89.727 300 89.727c96.093 0 185.672 26.919 261.938 73.644a25 25 0 0 0 34.378-8.258 25 25 0 0 0-8.257-34.377C504.2 69.36 405.447 39.726 300 39.726m0 150c-78.743 0-152.41 22.744-214.447 62.003a25 25 0 0 0-7.756 34.495 25 25 0 0 0 34.494 7.755c54.317-34.374 118.574-54.253 187.709-54.253 69.134 0 133.39 19.878 187.707 54.252a25 25 0 0 0 34.494-7.756 25 25 0 0 0-7.758-34.494c-62.036-39.26-135.7-62.002-214.443-62.002m0 150c-52.216 0-100.94 16.038-141.14 43.433a25 25 0 0 0-6.583 34.736 25 25 0 0 0 34.739 6.583c32.206-21.947 70.972-34.752 112.984-34.752s80.777 12.804 112.982 34.75a25 25 0 0 0 34.739-6.582 25 25 0 0 0-6.582-34.737c-40.201-27.393-88.924-43.431-141.139-43.431m0 150c-26.519 0-50.923 10.43-68.861 27.37a25 25 0 0 0-1.01 35.342 25 25 0 0 0 35.34 1.01c9.038-8.535 21.017-13.722 34.531-13.722s25.493 5.187 34.531 13.722a25 25 0 0 0 35.34-1.011 25 25 0 0 0-1.01-35.34c-17.938-16.94-42.343-27.371-68.861-27.371"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

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