Compare commits
2 Commits
c9e7b1ff64
...
2a8a424ca7
| Author | SHA1 | Date |
|---|---|---|
Dirk Heilig
|
2a8a424ca7 | |
|
Dirk Heilig
|
77a6b4f165 |
|
|
@ -1,112 +1,113 @@
|
|||
/* defines light color */
|
||||
:root {
|
||||
--color-light-bg-page: #EBEBEB;
|
||||
--color-light-bg-content: #F4F4F4;
|
||||
--color-light-bg-block: #EBEBEB;
|
||||
--color-light-bg-shadow: #E0E0E0;
|
||||
--color-light-fg-font-normal: #4E403E;
|
||||
--color-light-bg-page: #ebebeb;
|
||||
--color-light-bg-content: #f4f4f4;
|
||||
--color-light-bg-block: #ebebeb;
|
||||
--color-light-bg-shadow: #e0e0e0;
|
||||
--color-light-fg-font-normal: #4e403e;
|
||||
--color-light-fg-font-hover: #555555;
|
||||
--color-light-fg-font-quote: #57606A;
|
||||
--color-light-fg-font-quote: #57606a;
|
||||
--color-light-fg-tiny-line: #e0e0e0;
|
||||
--color-light-fg-marker-quote: #BFBFBF;
|
||||
--color-light-fg-font-hyper: #4E403E;
|
||||
--color-light-fg-marker-quote: #bfbfbf;
|
||||
--color-light-fg-font-hyper: #4e403e;
|
||||
--color-light-fg-font-hyper-hover: #469f71;
|
||||
--color-light-fg-hyperlink: #4ca878;
|
||||
--color-light-fg-hyperlink-hover: #2a9436;
|
||||
--color-light-bg-pager-normal: #D4D4D4;
|
||||
--color-light-bg-pager-current: #E4E4E4;
|
||||
--color-light-bg-pager-hover: #ECECEC;
|
||||
--color-light-bg-pager-normal: #d4d4d4;
|
||||
--color-light-bg-pager-current: #e4e4e4;
|
||||
--color-light-bg-pager-hover: #ececec;
|
||||
}
|
||||
|
||||
/* defines dark color */
|
||||
:root {
|
||||
--color-dark-bg-page: #202124;
|
||||
--color-dark-bg-content: #262628;
|
||||
--color-dark-bg-block: #2B2B2B;
|
||||
--color-dark-bg-block: #2b2b2b;
|
||||
--color-dark-bg-shadow: #505050;
|
||||
--color-dark-fg-font-normal: #C2C2B6;
|
||||
--color-dark-fg-font-hover: #D2D2D3;
|
||||
--color-dark-fg-font-quote: #8B8680;
|
||||
--color-dark-fg-tiny-line: #3B3B3B;
|
||||
--color-dark-fg-marker-quote: #6F6B66;
|
||||
--color-dark-fg-font-hyper: #C2C2B6;
|
||||
--color-dark-fg-font-hyper-hover: #62DE9E;
|
||||
--color-dark-fg-hyperlink: #62DE9E;
|
||||
--color-dark-fg-hyperlink-hover: #3ECB50;
|
||||
--color-dark-fg-font-normal: #c2c2b6;
|
||||
--color-dark-fg-font-hover: #d2d2d3;
|
||||
--color-dark-fg-font-quote: #8b8680;
|
||||
--color-dark-fg-tiny-line: #3b3b3b;
|
||||
--color-dark-fg-marker-quote: #6f6b66;
|
||||
--color-dark-fg-font-hyper: #c2c2b6;
|
||||
--color-dark-fg-font-hyper-hover: #62de9e;
|
||||
--color-dark-fg-hyperlink: #62de9e;
|
||||
--color-dark-fg-hyperlink-hover: #3ecb50;
|
||||
--color-dark-bg-pager-normal: #303030;
|
||||
--color-dark-bg-pager-current: #3A3A3E;
|
||||
--color-dark-bg-pager-current: #3a3a3e;
|
||||
--color-dark-bg-pager-hover: #444446;
|
||||
}
|
||||
|
||||
:root {
|
||||
--color-bg-page: var(--color-light-bg-page);
|
||||
--color-bg-content: var(--color-light-bg-content);
|
||||
--color-bg-block: var(--color-light-bg-block);
|
||||
--color-bg-shadow: var(--color-light-bg-shadow);
|
||||
--color-fg-font-normal: var(--color-light-fg-font-normal);
|
||||
--color-fg-font-hover: var(--color-light-fg-font-hover);
|
||||
--color-fg-font-quote: var(--color-light-fg-font-quote);
|
||||
--color-fg-tiny-line: var(--color-light-fg-tiny-line);
|
||||
--color-fg-marker-quote: var(--color-light-fg-marker-quote);
|
||||
--color-fg-font-hyper: var(--color-light-fg-font-hyper);
|
||||
--color-fg-font-hyper-hover: var(--color-light-fg-font-hyper-hover);
|
||||
--color-fg-hyperlink: var(--color-light-fg-hyperlink);
|
||||
--color-fg-hyperlink-hover: var(--color-light-fg-hyperlink-hover);
|
||||
--color-bg-pager-normal: var(--color-light-bg-pager-normal);
|
||||
--color-bg-pager-current: var(--color-light-bg-pager-current);
|
||||
--color-bg-pager-hover: var(--color-light-bg-pager-hover);
|
||||
--color-bg-page: var(--color-light-bg-page);
|
||||
--color-bg-content: var(--color-light-bg-content);
|
||||
--color-bg-block: var(--color-light-bg-block);
|
||||
--color-bg-shadow: var(--color-light-bg-shadow);
|
||||
--color-fg-font-normal: var(--color-light-fg-font-normal);
|
||||
--color-fg-font-hover: var(--color-light-fg-font-hover);
|
||||
--color-fg-font-quote: var(--color-light-fg-font-quote);
|
||||
--color-fg-tiny-line: var(--color-light-fg-tiny-line);
|
||||
--color-fg-marker-quote: var(--color-light-fg-marker-quote);
|
||||
--color-fg-font-hyper: var(--color-light-fg-font-hyper);
|
||||
--color-fg-font-hyper-hover: var(--color-light-fg-font-hyper-hover);
|
||||
--color-fg-hyperlink: var(--color-light-fg-hyperlink);
|
||||
--color-fg-hyperlink-hover: var(--color-light-fg-hyperlink-hover);
|
||||
--color-bg-pager-normal: var(--color-light-bg-pager-normal);
|
||||
--color-bg-pager-current: var(--color-light-bg-pager-current);
|
||||
--color-bg-pager-hover: var(--color-light-bg-pager-hover);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--color-bg-page: var(--color-dark-bg-page);
|
||||
--color-bg-content: var(--color-dark-bg-content);
|
||||
--color-bg-block: var(--color-dark-bg-block);
|
||||
--color-bg-shadow: var(--color-dark-bg-shadow);
|
||||
--color-fg-font-normal: var(--color-dark-fg-font-normal);
|
||||
--color-fg-font-hover: var(--color-dark-fg-font-hover);
|
||||
--color-fg-font-quote: var(--color-dark-fg-font-quote);
|
||||
--color-fg-tiny-line: var(--color-dark-fg-tiny-line);
|
||||
--color-fg-marker-quote: var(--color-dark-fg-marker-quote);
|
||||
--color-fg-font-hyper: var(--color-dark-fg-font-hyper);
|
||||
--color-fg-font-hyper-hover: var(--color-dark-fg-font-hyper-hover);
|
||||
--color-fg-hyperlink: var(--color-dark-fg-hyperlink);
|
||||
--color-fg-hyperlink-hover: var(--color-dark-fg-hyperlink-hover);
|
||||
--color-bg-pager-normal: var(--color-dark-bg-pager-normal);
|
||||
--color-bg-pager-current: var(--color-dark-bg-pager-current);
|
||||
--color-bg-pager-hover: var(--color-dark-bg-pager-hover);
|
||||
--color-bg-page: var(--color-dark-bg-page);
|
||||
--color-bg-content: var(--color-dark-bg-content);
|
||||
--color-bg-block: var(--color-dark-bg-block);
|
||||
--color-bg-shadow: var(--color-dark-bg-shadow);
|
||||
--color-fg-font-normal: var(--color-dark-fg-font-normal);
|
||||
--color-fg-font-hover: var(--color-dark-fg-font-hover);
|
||||
--color-fg-font-quote: var(--color-dark-fg-font-quote);
|
||||
--color-fg-tiny-line: var(--color-dark-fg-tiny-line);
|
||||
--color-fg-marker-quote: var(--color-dark-fg-marker-quote);
|
||||
--color-fg-font-hyper: var(--color-dark-fg-font-hyper);
|
||||
--color-fg-font-hyper-hover: var(--color-dark-fg-font-hyper-hover);
|
||||
--color-fg-hyperlink: var(--color-dark-fg-hyperlink);
|
||||
--color-fg-hyperlink-hover: var(--color-dark-fg-hyperlink-hover);
|
||||
--color-bg-pager-normal: var(--color-dark-bg-pager-normal);
|
||||
--color-bg-pager-current: var(--color-dark-bg-pager-current);
|
||||
--color-bg-pager-hover: var(--color-dark-bg-pager-hover);
|
||||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
--fonts-sans-en: "Noto Sans", "Droid Sans", "Calibri", "Arial";
|
||||
--fonts-sans-zh: "WenQuanYi Zen Hei", "WenQuanYi Micro Hei",
|
||||
"Noto Sans CJK", "Microsoft YaHei", "PingFang SC";
|
||||
--fonts-sans: var(--fonts-sans-en), var(--fonts-sans-zh), Lato,sans-serif;
|
||||
|
||||
--fonts-sans-zh: "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "Noto Sans CJK",
|
||||
"Microsoft YaHei", "PingFang SC";
|
||||
--fonts-sans: var(--fonts-sans-en), var(--fonts-sans-zh), Lato, sans-serif;
|
||||
|
||||
--fonts-mono-en: "DejaVu Sans Mono", "Noto Sans Mono", "Consolas", "Courier";
|
||||
--fonts-mono-zh: "Noto Sans Mono CJK", "WenQuanYi Zen Hei Mono", "WenQuanYi Micro Hei Mono";
|
||||
--fonts-mono-zh: "Noto Sans Mono CJK", "WenQuanYi Zen Hei Mono",
|
||||
"WenQuanYi Micro Hei Mono";
|
||||
--fonts-mono: var(--fonts-mono-en), var(--fonts-mono-zh), monospace;
|
||||
|
||||
--len-0: 0.00rem;
|
||||
--len-0: 0rem;
|
||||
--len-1: 0.25rem;
|
||||
--len-2: 0.50rem;
|
||||
--len-3: 1.00rem;
|
||||
--len-4: 1.50rem;
|
||||
--len-5: 3.00rem;
|
||||
--len-2: 0.5rem;
|
||||
--len-3: 1rem;
|
||||
--len-4: 1.5rem;
|
||||
--len-5: 3rem;
|
||||
|
||||
--font-size-0: 0.8125rem;
|
||||
--font-size-1: 0.875rem;
|
||||
--font-size-2: 1.000rem;
|
||||
--font-size-2: 1rem;
|
||||
--font-size-3: 1.125rem;
|
||||
--font-size-4: 1.250rem;
|
||||
--font-size-5: 1.500rem;
|
||||
--font-size-6: 2.000rem;
|
||||
--font-size-4: 1.25rem;
|
||||
--font-size-5: 1.5rem;
|
||||
--font-size-6: 2rem;
|
||||
}
|
||||
|
||||
|
||||
*, ::before, ::after {
|
||||
*,
|
||||
::before,
|
||||
::after {
|
||||
font-family: inherit;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
|
@ -138,26 +139,51 @@ body {
|
|||
margin-bottom: var(--len-5);
|
||||
}
|
||||
|
||||
a.external:after{
|
||||
a.external:after {
|
||||
/*edd external icon to external link as :after with unicode symbol*/
|
||||
content: "⮺";
|
||||
|
||||
}
|
||||
|
||||
.main-wrapper { display: flex; flex-wrap: wrap; }
|
||||
.main-wrapper > * { height: fit-content; }
|
||||
.main-wrapper {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.main-wrapper > * {
|
||||
height: fit-content;
|
||||
}
|
||||
|
||||
.main { padding: var(--len-4); }
|
||||
.side { padding-left: var(--len-4); }
|
||||
.main { flex: 0 0 72%; width: 72%; }
|
||||
.side { flex: 0 0 28%; width: 28%; }
|
||||
.main {
|
||||
padding: var(--len-4);
|
||||
}
|
||||
.side {
|
||||
padding-left: var(--len-4);
|
||||
}
|
||||
.main {
|
||||
flex: 0 0 72%;
|
||||
width: 72%;
|
||||
}
|
||||
.side {
|
||||
flex: 0 0 28%;
|
||||
width: 28%;
|
||||
}
|
||||
|
||||
/* mobile layout: place side to bottom */
|
||||
@media (max-width: 991px) {
|
||||
.main { padding: var(--len-4); }
|
||||
.side { padding-left: 0; padding-top: var(--len-4); }
|
||||
.main { flex: 0 0 100%; width: 100%; }
|
||||
.side { flex: 0 0 100%; width: 100%; }
|
||||
.main {
|
||||
padding: var(--len-4);
|
||||
}
|
||||
.side {
|
||||
padding-left: 0;
|
||||
padding-top: var(--len-4);
|
||||
}
|
||||
.main {
|
||||
flex: 0 0 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.side {
|
||||
flex: 0 0 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* set light background */
|
||||
|
|
@ -169,8 +195,7 @@ a.external:after{
|
|||
.side-tags,
|
||||
.side-calendar,
|
||||
.side-door-status,
|
||||
.side-contact
|
||||
{
|
||||
.side-contact {
|
||||
background-color: var(--color-bg-content);
|
||||
}
|
||||
|
||||
|
|
@ -186,17 +211,40 @@ a.external:after{
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#calendar span{
|
||||
#calendar span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/********** set up break point **********/
|
||||
|
||||
.main-wrapper, .header { max-width: 1140px; }
|
||||
@media (max-width: 1199px) { .main-wrapper, .header { max-width: 960px; } }
|
||||
@media (max-width: 991px) { .main-wrapper, .header { max-width: 720px; } }
|
||||
@media (max-width: 767px) { .main-wrapper, .header { max-width: 540px; } }
|
||||
@media (max-width: 575px) { .main-wrapper, .header { max-width: none; } }
|
||||
.main-wrapper,
|
||||
.header {
|
||||
max-width: 1140px;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.main-wrapper,
|
||||
.header {
|
||||
max-width: 960px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.main-wrapper,
|
||||
.header {
|
||||
max-width: 720px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.main-wrapper,
|
||||
.header {
|
||||
max-width: 540px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 575px) {
|
||||
.main-wrapper,
|
||||
.header {
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* size the element who has breakpoint limitation */
|
||||
/* .header, .main-wrapper, .main { width: 100vw; } */
|
||||
|
|
@ -205,10 +253,15 @@ a.external:after{
|
|||
background-image: url("/img/banner.png");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-position: center;
|
||||
}
|
||||
.header-wrapper,
|
||||
.footer {
|
||||
width: 100vw;
|
||||
}
|
||||
.main-wrapper {
|
||||
width: calc(100vw - 2 * var(--len-3));
|
||||
}
|
||||
.header-wrapper, .footer { width: 100vw;}
|
||||
.main-wrapper { width: calc(100vw - 2 * var(--len-3));}
|
||||
|
||||
/************************/
|
||||
/* set up header layout */
|
||||
|
|
@ -220,7 +273,7 @@ a.external:after{
|
|||
|
||||
background-position: center;
|
||||
min-height: 240px;
|
||||
text-shadow: 0px 0px 6px #0D0D0D, 0px 0px 14px #0D0D0D;
|
||||
text-shadow: 0px 0px 6px #0d0d0d, 0px 0px 14px #0d0d0d;
|
||||
}
|
||||
|
||||
/* place title and menus horizonally */
|
||||
|
|
@ -232,8 +285,13 @@ a.external:after{
|
|||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.header .menu { justify-content: center; align-items: center; }
|
||||
.header .site-title { text-align: center; }
|
||||
.header .menu {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.header .site-title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.header .site-title {
|
||||
|
|
@ -263,9 +321,18 @@ a.external:after{
|
|||
/********** set up menus layout **********/
|
||||
|
||||
/* menus and submenus, hover to display, and setup animation */
|
||||
.header .menu-item .sub-menu { visibility: hidden; opacity: 0; transition: opacity 0.25s, visibility 0.25s; }
|
||||
.header .menu-item:hover .sub-menu { visibility: visible; opacity: 1; }
|
||||
.header .sub-menu { position: absolute; }
|
||||
.header .menu-item .sub-menu {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity 0.25s, visibility 0.25s;
|
||||
}
|
||||
.header .menu-item:hover .sub-menu {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
.header .sub-menu {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/* menu direction */
|
||||
.header .menu {
|
||||
|
|
@ -279,10 +346,18 @@ a.external:after{
|
|||
}
|
||||
|
||||
/* set up spacing of menu items in menu and sub-menu */
|
||||
.header .menu > * { margin-right: var(--len-3); }
|
||||
.header .menu > *:last-child { margin-right: 0; }
|
||||
.header .sub-menu > * { margin-bottom: var(--len-2); }
|
||||
.header .sub-menu > *:last-child { margin-bottom: 0; }
|
||||
.header .menu > * {
|
||||
margin-right: var(--len-3);
|
||||
}
|
||||
.header .menu > *:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.header .sub-menu > * {
|
||||
margin-bottom: var(--len-2);
|
||||
}
|
||||
.header .sub-menu > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* beautify sub menu style */
|
||||
.header .sub-menu {
|
||||
|
|
@ -299,8 +374,13 @@ a.external:after{
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
.header a { color: var(--color-dark-fg-font-normal); text-decoration: none; } /*always dark since backgroundimage is dark */
|
||||
.header a:hover { color: var(--color-fg-font-hover); }
|
||||
.header a {
|
||||
color: var(--color-dark-fg-font-normal);
|
||||
text-decoration: none;
|
||||
} /*always dark since backgroundimage is dark */
|
||||
.header a:hover {
|
||||
color: var(--color-fg-font-hover);
|
||||
}
|
||||
|
||||
/************************/
|
||||
/* set up footer layout */
|
||||
|
|
@ -317,16 +397,30 @@ a.external:after{
|
|||
}
|
||||
|
||||
/* credit, license and social layout */
|
||||
.footer .footer-row { display: flex; justify-content: center; }
|
||||
.footer .footer-row {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.footer .footer-item { margin-right: var(--len-3); }
|
||||
.footer .footer-item:last-child { margin-right: 0; }
|
||||
.footer .footer-item {
|
||||
margin-right: var(--len-3);
|
||||
}
|
||||
.footer .footer-item:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* beautify hyper link style */
|
||||
.footer { color: var(--color-fg-font-normal) }
|
||||
.footer {
|
||||
color: var(--color-fg-font-normal);
|
||||
}
|
||||
|
||||
.footer a { color: var(--color-fg-hyperlink); text-decoration: none; }
|
||||
.footer a:hover { color: var(--color-fg-hyperlink-hover); }
|
||||
.footer a {
|
||||
color: var(--color-fg-hyperlink);
|
||||
text-decoration: none;
|
||||
}
|
||||
.footer a:hover {
|
||||
color: var(--color-fg-hyperlink-hover);
|
||||
}
|
||||
|
||||
/**********************************/
|
||||
/* set up home page's list layout */
|
||||
|
|
@ -342,41 +436,84 @@ a.external:after{
|
|||
color: var(--color-fg-font-quote);
|
||||
}
|
||||
|
||||
.list-item .tips > * { margin-right: var(--len-3); }
|
||||
.list-item .tips > *:last-child { margin-right: 0; }
|
||||
.list-item .tips > * {
|
||||
margin-right: var(--len-3);
|
||||
}
|
||||
.list-item .tips > *:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.list-item .title a { text-decoration: none; color: var(--color-fg-font-normal); }
|
||||
.list-item .title a:hover { color: var(--color-fg-font-hover); }
|
||||
.list-item .tips a { text-decoration: none; color: var(--color-fg-hyperlink); }
|
||||
.list-item .tips a:hover { color: var(--color-fg-hyperlink-hover); }
|
||||
.list-item .title a {
|
||||
text-decoration: none;
|
||||
color: var(--color-fg-font-normal);
|
||||
}
|
||||
.list-item .title a:hover {
|
||||
color: var(--color-fg-font-hover);
|
||||
}
|
||||
.list-item .tips a {
|
||||
text-decoration: none;
|
||||
color: var(--color-fg-hyperlink);
|
||||
}
|
||||
.list-item .tips a:hover {
|
||||
color: var(--color-fg-hyperlink-hover);
|
||||
}
|
||||
|
||||
.list-item .title { margin: var(--len-2) 0 var(--len-3) 0; }
|
||||
.list-item .title {
|
||||
margin: var(--len-2) 0 var(--len-3) 0;
|
||||
}
|
||||
|
||||
.list-item .tags > *,
|
||||
.list-item .categories > *
|
||||
{ margin: 0 var(--len-1); }
|
||||
.list-item .categories > * {
|
||||
margin: 0 var(--len-1);
|
||||
}
|
||||
|
||||
.list-item .summary > * { margin: 0; }
|
||||
.list-item .title { margin: 0 0 var(--len-2) 0; }
|
||||
.list-item .tips { margin: 0 0 var(--len-3) 0; }
|
||||
.list-item .summary > * {
|
||||
margin: 0;
|
||||
}
|
||||
.list-item .title {
|
||||
margin: 0 0 var(--len-2) 0;
|
||||
}
|
||||
.list-item .tips {
|
||||
margin: 0 0 var(--len-3) 0;
|
||||
}
|
||||
|
||||
.list-item { border-bottom: 1px solid var(--color-fg-tiny-line); }
|
||||
.list-item:last-child { border-bottom: 0; }
|
||||
.list-item {
|
||||
border-bottom: 1px solid var(--color-fg-tiny-line);
|
||||
}
|
||||
.list-item:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.list-item:first-child { padding-top: 0;}
|
||||
.list-item { padding: var(--len-3) 0; }
|
||||
.list-item:last-child { padding-bottom: 0;}
|
||||
.list-item:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
.list-item {
|
||||
padding: var(--len-3) 0;
|
||||
}
|
||||
.list-item:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
/**********************/
|
||||
/* set up side layout */
|
||||
/**********************/
|
||||
|
||||
.side h2 { margin: 0; }
|
||||
.side h2 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.side ul { list-style: none; margin: 0; padding: 0; }
|
||||
.side ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.side li { margin-bottom: var(--len-3); }
|
||||
.side li:last-child { margin-bottom: 0; }
|
||||
.side li {
|
||||
margin-bottom: var(--len-3);
|
||||
}
|
||||
.side li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.side hr {
|
||||
border: none;
|
||||
|
|
@ -386,16 +523,29 @@ a.external:after{
|
|||
margin: var(--len-2) 0;
|
||||
}
|
||||
|
||||
.side > * { padding: var(--len-4); }
|
||||
.side > * {
|
||||
padding: var(--len-4);
|
||||
}
|
||||
|
||||
.side > * { margin-bottom: var(--len-3); }
|
||||
.side > *:last-child { margin-bottom: 0; }
|
||||
.side > * {
|
||||
margin-bottom: var(--len-3);
|
||||
}
|
||||
.side > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.side a { color: var(--color-fg-font-normal); text-decoration: none; }
|
||||
.side a:hover { color: var(--color-fg-hyperlink); }
|
||||
.side a {
|
||||
color: var(--color-fg-font-normal);
|
||||
text-decoration: none;
|
||||
}
|
||||
.side a:hover {
|
||||
color: var(--color-fg-hyperlink);
|
||||
}
|
||||
|
||||
/* horizontally place tags */
|
||||
.side .side-tags li { margin: var(--len-1) var(--len-1); }
|
||||
.side .side-tags li {
|
||||
margin: var(--len-1) var(--len-1);
|
||||
}
|
||||
|
||||
/*****************************/
|
||||
/* set up single post layout */
|
||||
|
|
@ -407,16 +557,24 @@ a.external:after{
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
.single a { text-decoration: none; color: var(--color-fg-hyperlink); }
|
||||
.single a:hover { color: var(--color-fg-hyperlink-hover); }
|
||||
.single a {
|
||||
text-decoration: none;
|
||||
color: var(--color-fg-hyperlink);
|
||||
}
|
||||
.single a:hover {
|
||||
color: var(--color-fg-hyperlink-hover);
|
||||
}
|
||||
|
||||
.single .title,
|
||||
.single .tip,
|
||||
.single .taxonomies,
|
||||
.single .content
|
||||
{ width: 100%; }
|
||||
.single .content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.single .taxonomies { margin-top: var(--len-1); }
|
||||
.single .taxonomies {
|
||||
margin-top: var(--len-1);
|
||||
}
|
||||
|
||||
.single > hr {
|
||||
border: none;
|
||||
|
|
@ -429,28 +587,35 @@ a.external:after{
|
|||
|
||||
.single .title,
|
||||
.single .tip,
|
||||
.single .taxonomies
|
||||
{ text-align: center; }
|
||||
.single .taxonomies {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.single .tip,
|
||||
.single .taxonomies
|
||||
{ color: var(--color-fg-font-normal)}
|
||||
.single .taxonomies {
|
||||
color: var(--color-fg-font-normal);
|
||||
}
|
||||
|
||||
.single .taxonomies > * { display: inline-block; }
|
||||
.single .taxonomies > * {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.single .taxonomies > * { margin-right: var(--len-3); }
|
||||
.single .taxonomies > *:last-child { margin-right: 0; }
|
||||
.single .taxonomies > * {
|
||||
margin-right: var(--len-3);
|
||||
}
|
||||
.single .taxonomies > *:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.single .title {
|
||||
margin: var(--len-2) 0 var(--len-3) 0;
|
||||
font-size: var(--font-size-6);
|
||||
}
|
||||
|
||||
|
||||
/***** set up content style *****/
|
||||
|
||||
.content {
|
||||
line-height: 1.5;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.content code {
|
||||
|
|
@ -466,7 +631,9 @@ a.external:after{
|
|||
}
|
||||
|
||||
/* keep in style with highlighting */
|
||||
.content pre { padding: 7px; }
|
||||
.content pre {
|
||||
padding: 7px;
|
||||
}
|
||||
|
||||
.content pre code {
|
||||
display: block;
|
||||
|
|
@ -532,16 +699,14 @@ a.external:after{
|
|||
border: 1px solid #dadadc;
|
||||
}
|
||||
|
||||
.content tr>td {
|
||||
.content tr > td {
|
||||
border: 1px solid #dadadc;
|
||||
}
|
||||
|
||||
.content tr:nth-child(odd)>td {
|
||||
.content tr:nth-child(odd) > td {
|
||||
background: #fcfcfc;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.content h1,
|
||||
.content h2,
|
||||
.content h3 {
|
||||
|
|
@ -564,8 +729,9 @@ a.external:after{
|
|||
.content h1:hover a,
|
||||
.content h2:hover a,
|
||||
.content h3:hover a,
|
||||
.content h4:hover a
|
||||
{ visibility: visible }
|
||||
.content h4:hover a {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.highlight pre {
|
||||
padding: 7px;
|
||||
|
|
@ -598,17 +764,35 @@ a.external:after{
|
|||
font-size: var(--font-size-2);
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
#archive .group .value { text-indent: -60px; padding-left: 60px; }
|
||||
#archive .group .value * { text-indent: 0; }
|
||||
#archive .group .value .date { display: inline-block; width: 60px; }
|
||||
#archive .group .value .title { display: inline; }
|
||||
#archive .group .value {
|
||||
text-indent: -60px;
|
||||
padding-left: 60px;
|
||||
}
|
||||
#archive .group .value * {
|
||||
text-indent: 0;
|
||||
}
|
||||
#archive .group .value .date {
|
||||
display: inline-block;
|
||||
width: 60px;
|
||||
}
|
||||
#archive .group .value .title {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#archive .group .value .date { color: var(--color-fg-font-normal); }
|
||||
#archive .group .value .date {
|
||||
color: var(--color-fg-font-normal);
|
||||
}
|
||||
|
||||
#archive .group .value a { text-decoration: none; }
|
||||
#archive .group .value a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#archive .group .value a { color: var(--color-fg-font-hyper); }
|
||||
#archive .group .value a:hover { color: var(--color-fg-font-hyper-hover); }
|
||||
#archive .group .value a {
|
||||
color: var(--color-fg-font-hyper);
|
||||
}
|
||||
#archive .group .value a:hover {
|
||||
color: var(--color-fg-font-hyper-hover);
|
||||
}
|
||||
|
||||
#archive .group .value .tags {
|
||||
display: inline-block;
|
||||
|
|
@ -712,7 +896,7 @@ a.external:after{
|
|||
/* keep content style from being affected by remark42 style */
|
||||
.content pre {
|
||||
background-color: transparent;
|
||||
color: var(--color-fg-font-normal)
|
||||
color: var(--color-fg-font-normal);
|
||||
}
|
||||
|
||||
/**********/
|
||||
|
|
@ -731,7 +915,7 @@ a.external:after{
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
#ds-img{
|
||||
#ds-img {
|
||||
/* make image fit in div */
|
||||
width: 100%;
|
||||
}
|
||||
width: 100%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,177 +1,687 @@
|
|||
@media (prefers-color-scheme: light) {
|
||||
/* Background */ .bg { color: #272822; }
|
||||
/* PreWrapper */ .chroma { color: #272822; }
|
||||
/* Other */ .chroma .x { }
|
||||
/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
|
||||
/* CodeLine */ .chroma .cl { }
|
||||
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
|
||||
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
|
||||
/* LineHighlight */ .chroma .hl { background-color: #ffffcc }
|
||||
/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
|
||||
/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
|
||||
/* Line */ .chroma .line { display: flex; }
|
||||
/* Keyword */ .chroma .k { color: #00a8c8 }
|
||||
/* KeywordConstant */ .chroma .kc { color: #00a8c8 }
|
||||
/* KeywordDeclaration */ .chroma .kd { color: #00a8c8 }
|
||||
/* KeywordNamespace */ .chroma .kn { color: #f92672 }
|
||||
/* KeywordPseudo */ .chroma .kp { color: #00a8c8 }
|
||||
/* KeywordReserved */ .chroma .kr { color: #00a8c8 }
|
||||
/* KeywordType */ .chroma .kt { color: #00a8c8 }
|
||||
/* Name */ .chroma .n { color: #111111 }
|
||||
/* NameAttribute */ .chroma .na { color: #75af00 }
|
||||
/* NameBuiltin */ .chroma .nb { color: #111111 }
|
||||
/* NameBuiltinPseudo */ .chroma .bp { color: #111111 }
|
||||
/* NameClass */ .chroma .nc { color: #75af00 }
|
||||
/* NameConstant */ .chroma .no { color: #00a8c8 }
|
||||
/* NameDecorator */ .chroma .nd { color: #75af00 }
|
||||
/* NameEntity */ .chroma .ni { color: #111111 }
|
||||
/* NameException */ .chroma .ne { color: #75af00 }
|
||||
/* NameFunction */ .chroma .nf { color: #75af00 }
|
||||
/* NameFunctionMagic */ .chroma .fm { color: #111111 }
|
||||
/* NameLabel */ .chroma .nl { color: #111111 }
|
||||
/* NameNamespace */ .chroma .nn { color: #111111 }
|
||||
/* NameOther */ .chroma .nx { color: #75af00 }
|
||||
/* NameProperty */ .chroma .py { color: #111111 }
|
||||
/* NameTag */ .chroma .nt { color: #f92672 }
|
||||
/* NameVariable */ .chroma .nv { color: #111111 }
|
||||
/* NameVariableClass */ .chroma .vc { color: #111111 }
|
||||
/* NameVariableGlobal */ .chroma .vg { color: #111111 }
|
||||
/* NameVariableInstance */ .chroma .vi { color: #111111 }
|
||||
/* NameVariableMagic */ .chroma .vm { color: #111111 }
|
||||
/* Literal */ .chroma .l { color: #ae81ff }
|
||||
/* LiteralDate */ .chroma .ld { color: #d88200 }
|
||||
/* LiteralString */ .chroma .s { color: #d88200 }
|
||||
/* LiteralStringAffix */ .chroma .sa { color: #d88200 }
|
||||
/* LiteralStringBacktick */ .chroma .sb { color: #d88200 }
|
||||
/* LiteralStringChar */ .chroma .sc { color: #d88200 }
|
||||
/* LiteralStringDelimiter */ .chroma .dl { color: #d88200 }
|
||||
/* LiteralStringDoc */ .chroma .sd { color: #d88200 }
|
||||
/* LiteralStringDouble */ .chroma .s2 { color: #d88200 }
|
||||
/* LiteralStringEscape */ .chroma .se { color: #8045ff }
|
||||
/* LiteralStringHeredoc */ .chroma .sh { color: #d88200 }
|
||||
/* LiteralStringInterpol */ .chroma .si { color: #d88200 }
|
||||
/* LiteralStringOther */ .chroma .sx { color: #d88200 }
|
||||
/* LiteralStringRegex */ .chroma .sr { color: #d88200 }
|
||||
/* LiteralStringSingle */ .chroma .s1 { color: #d88200 }
|
||||
/* LiteralStringSymbol */ .chroma .ss { color: #d88200 }
|
||||
/* LiteralNumber */ .chroma .m { color: #ae81ff }
|
||||
/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
|
||||
/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
|
||||
/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
|
||||
/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
|
||||
/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
|
||||
/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
|
||||
/* Operator */ .chroma .o { color: #f92672 }
|
||||
/* OperatorWord */ .chroma .ow { color: #f92672 }
|
||||
/* Punctuation */ .chroma .p { color: #111111 }
|
||||
/* Comment */ .chroma .c { color: #75715e }
|
||||
/* CommentHashbang */ .chroma .ch { color: #75715e }
|
||||
/* CommentMultiline */ .chroma .cm { color: #75715e }
|
||||
/* CommentSingle */ .chroma .c1 { color: #75715e }
|
||||
/* CommentSpecial */ .chroma .cs { color: #75715e }
|
||||
/* CommentPreproc */ .chroma .cp { color: #75715e }
|
||||
/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
|
||||
/* Generic */ .chroma .g { }
|
||||
/* GenericDeleted */ .chroma .gd { }
|
||||
/* GenericEmph */ .chroma .ge { font-style: italic }
|
||||
/* GenericError */ .chroma .gr { }
|
||||
/* GenericHeading */ .chroma .gh { }
|
||||
/* GenericInserted */ .chroma .gi { }
|
||||
/* GenericOutput */ .chroma .go { }
|
||||
/* GenericPrompt */ .chroma .gp { }
|
||||
/* GenericStrong */ .chroma .gs { font-weight: bold }
|
||||
/* GenericSubheading */ .chroma .gu { }
|
||||
/* GenericTraceback */ .chroma .gt { }
|
||||
/* GenericUnderline */ .chroma .gl { }
|
||||
/* TextWhitespace */ .chroma .w { }
|
||||
/* Background */
|
||||
.bg {
|
||||
color: #272822;
|
||||
}
|
||||
/* PreWrapper */
|
||||
.chroma {
|
||||
color: #272822;
|
||||
}
|
||||
/* Other */
|
||||
.chroma .x {
|
||||
}
|
||||
/* Error */
|
||||
.chroma .err {
|
||||
color: #960050;
|
||||
background-color: #1e0010;
|
||||
}
|
||||
/* CodeLine */
|
||||
.chroma .cl {
|
||||
}
|
||||
/* LineTableTD */
|
||||
.chroma .lntd {
|
||||
vertical-align: top;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
/* LineTable */
|
||||
.chroma .lntable {
|
||||
border-spacing: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
/* LineHighlight */
|
||||
.chroma .hl {
|
||||
background-color: #ffffcc;
|
||||
}
|
||||
/* LineNumbersTable */
|
||||
.chroma .lnt {
|
||||
white-space: pre;
|
||||
user-select: none;
|
||||
margin-right: 0.4em;
|
||||
padding: 0 0.4em 0 0.4em;
|
||||
color: #7f7f7f;
|
||||
}
|
||||
/* LineNumbers */
|
||||
.chroma .ln {
|
||||
white-space: pre;
|
||||
user-select: none;
|
||||
margin-right: 0.4em;
|
||||
padding: 0 0.4em 0 0.4em;
|
||||
color: #7f7f7f;
|
||||
}
|
||||
/* Line */
|
||||
.chroma .line {
|
||||
display: flex;
|
||||
}
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #00a8c8;
|
||||
}
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #00a8c8;
|
||||
}
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #00a8c8;
|
||||
}
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #f92672;
|
||||
}
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #00a8c8;
|
||||
}
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #00a8c8;
|
||||
}
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #00a8c8;
|
||||
}
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: #111111;
|
||||
}
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #75af00;
|
||||
}
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: #111111;
|
||||
}
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: #111111;
|
||||
}
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #75af00;
|
||||
}
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #00a8c8;
|
||||
}
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #75af00;
|
||||
}
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: #111111;
|
||||
}
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #75af00;
|
||||
}
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #75af00;
|
||||
}
|
||||
/* NameFunctionMagic */
|
||||
.chroma .fm {
|
||||
color: #111111;
|
||||
}
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: #111111;
|
||||
}
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: #111111;
|
||||
}
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #75af00;
|
||||
}
|
||||
/* NameProperty */
|
||||
.chroma .py {
|
||||
color: #111111;
|
||||
}
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #f92672;
|
||||
}
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: #111111;
|
||||
}
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: #111111;
|
||||
}
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: #111111;
|
||||
}
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: #111111;
|
||||
}
|
||||
/* NameVariableMagic */
|
||||
.chroma .vm {
|
||||
color: #111111;
|
||||
}
|
||||
/* Literal */
|
||||
.chroma .l {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* LiteralDate */
|
||||
.chroma .ld {
|
||||
color: #d88200;
|
||||
}
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #d88200;
|
||||
}
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #d88200;
|
||||
}
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #d88200;
|
||||
}
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #d88200;
|
||||
}
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #d88200;
|
||||
}
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #d88200;
|
||||
}
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #d88200;
|
||||
}
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #8045ff;
|
||||
}
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #d88200;
|
||||
}
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #d88200;
|
||||
}
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #d88200;
|
||||
}
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #d88200;
|
||||
}
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #d88200;
|
||||
}
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #d88200;
|
||||
}
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #f92672;
|
||||
}
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #f92672;
|
||||
}
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: #111111;
|
||||
}
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #75715e;
|
||||
}
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #75715e;
|
||||
}
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #75715e;
|
||||
}
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #75715e;
|
||||
}
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #75715e;
|
||||
}
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #75715e;
|
||||
}
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #75715e;
|
||||
}
|
||||
/* Generic */
|
||||
.chroma .g {
|
||||
}
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
}
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
}
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
}
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
}
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
}
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
}
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
}
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
}
|
||||
/* GenericUnderline */
|
||||
.chroma .gl {
|
||||
}
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
}
|
||||
}
|
||||
|
||||
/* use monokai highlight theme in dark */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
/* Background */ .bg { color: #f8f8f2; background-color: #272822; }
|
||||
/* PreWrapper */ .chroma { color: #f8f8f2; background-color: #272822; }
|
||||
/* Other */ .chroma .x { }
|
||||
/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
|
||||
/* CodeLine */ .chroma .cl { }
|
||||
/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
|
||||
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
|
||||
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
|
||||
/* LineHighlight */ .chroma .hl { background-color: #ffffcc }
|
||||
/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
|
||||
/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
|
||||
/* Line */ .chroma .line { display: flex; }
|
||||
/* Keyword */ .chroma .k { color: #66d9ef }
|
||||
/* KeywordConstant */ .chroma .kc { color: #66d9ef }
|
||||
/* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
|
||||
/* KeywordNamespace */ .chroma .kn { color: #f92672 }
|
||||
/* KeywordPseudo */ .chroma .kp { color: #66d9ef }
|
||||
/* KeywordReserved */ .chroma .kr { color: #66d9ef }
|
||||
/* KeywordType */ .chroma .kt { color: #66d9ef }
|
||||
/* Name */ .chroma .n { }
|
||||
/* NameAttribute */ .chroma .na { color: #a6e22e }
|
||||
/* NameBuiltin */ .chroma .nb { }
|
||||
/* NameBuiltinPseudo */ .chroma .bp { }
|
||||
/* NameClass */ .chroma .nc { color: #a6e22e }
|
||||
/* NameConstant */ .chroma .no { color: #66d9ef }
|
||||
/* NameDecorator */ .chroma .nd { color: #a6e22e }
|
||||
/* NameEntity */ .chroma .ni { }
|
||||
/* NameException */ .chroma .ne { color: #a6e22e }
|
||||
/* NameFunction */ .chroma .nf { color: #a6e22e }
|
||||
/* NameFunctionMagic */ .chroma .fm { }
|
||||
/* NameLabel */ .chroma .nl { }
|
||||
/* NameNamespace */ .chroma .nn { }
|
||||
/* NameOther */ .chroma .nx { color: #a6e22e }
|
||||
/* NameProperty */ .chroma .py { }
|
||||
/* NameTag */ .chroma .nt { color: #f92672 }
|
||||
/* NameVariable */ .chroma .nv { }
|
||||
/* NameVariableClass */ .chroma .vc { }
|
||||
/* NameVariableGlobal */ .chroma .vg { }
|
||||
/* NameVariableInstance */ .chroma .vi { }
|
||||
/* NameVariableMagic */ .chroma .vm { }
|
||||
/* Literal */ .chroma .l { color: #ae81ff }
|
||||
/* LiteralDate */ .chroma .ld { color: #e6db74 }
|
||||
/* LiteralString */ .chroma .s { color: #e6db74 }
|
||||
/* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
|
||||
/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
|
||||
/* LiteralStringChar */ .chroma .sc { color: #e6db74 }
|
||||
/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
|
||||
/* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
|
||||
/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
|
||||
/* LiteralStringEscape */ .chroma .se { color: #ae81ff }
|
||||
/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
|
||||
/* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
|
||||
/* LiteralStringOther */ .chroma .sx { color: #e6db74 }
|
||||
/* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
|
||||
/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
|
||||
/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
|
||||
/* LiteralNumber */ .chroma .m { color: #ae81ff }
|
||||
/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
|
||||
/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
|
||||
/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
|
||||
/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
|
||||
/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
|
||||
/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
|
||||
/* Operator */ .chroma .o { color: #f92672 }
|
||||
/* OperatorWord */ .chroma .ow { color: #f92672 }
|
||||
/* Punctuation */ .chroma .p { }
|
||||
/* Comment */ .chroma .c { color: #75715e }
|
||||
/* CommentHashbang */ .chroma .ch { color: #75715e }
|
||||
/* CommentMultiline */ .chroma .cm { color: #75715e }
|
||||
/* CommentSingle */ .chroma .c1 { color: #75715e }
|
||||
/* CommentSpecial */ .chroma .cs { color: #75715e }
|
||||
/* CommentPreproc */ .chroma .cp { color: #75715e }
|
||||
/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
|
||||
/* Generic */ .chroma .g { }
|
||||
/* GenericDeleted */ .chroma .gd { color: #f92672 }
|
||||
/* GenericEmph */ .chroma .ge { font-style: italic }
|
||||
/* GenericError */ .chroma .gr { }
|
||||
/* GenericHeading */ .chroma .gh { }
|
||||
/* GenericInserted */ .chroma .gi { color: #a6e22e }
|
||||
/* GenericOutput */ .chroma .go { }
|
||||
/* GenericPrompt */ .chroma .gp { }
|
||||
/* GenericStrong */ .chroma .gs { font-weight: bold }
|
||||
/* GenericSubheading */ .chroma .gu { color: #75715e }
|
||||
/* GenericTraceback */ .chroma .gt { }
|
||||
/* GenericUnderline */ .chroma .gl { }
|
||||
/* TextWhitespace */ .chroma .w { }
|
||||
/* Background */
|
||||
.bg {
|
||||
color: #f8f8f2;
|
||||
background-color: #272822;
|
||||
}
|
||||
/* PreWrapper */
|
||||
.chroma {
|
||||
color: #f8f8f2;
|
||||
background-color: #272822;
|
||||
}
|
||||
/* Other */
|
||||
.chroma .x {
|
||||
}
|
||||
/* Error */
|
||||
.chroma .err {
|
||||
color: #960050;
|
||||
background-color: #1e0010;
|
||||
}
|
||||
/* CodeLine */
|
||||
.chroma .cl {
|
||||
}
|
||||
/* LineLink */
|
||||
.chroma .lnlinks {
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
/* LineTableTD */
|
||||
.chroma .lntd {
|
||||
vertical-align: top;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
/* LineTable */
|
||||
.chroma .lntable {
|
||||
border-spacing: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
/* LineHighlight */
|
||||
.chroma .hl {
|
||||
background-color: #ffffcc;
|
||||
}
|
||||
/* LineNumbersTable */
|
||||
.chroma .lnt {
|
||||
white-space: pre;
|
||||
user-select: none;
|
||||
margin-right: 0.4em;
|
||||
padding: 0 0.4em 0 0.4em;
|
||||
color: #7f7f7f;
|
||||
}
|
||||
/* LineNumbers */
|
||||
.chroma .ln {
|
||||
white-space: pre;
|
||||
user-select: none;
|
||||
margin-right: 0.4em;
|
||||
padding: 0 0.4em 0 0.4em;
|
||||
color: #7f7f7f;
|
||||
}
|
||||
/* Line */
|
||||
.chroma .line {
|
||||
display: flex;
|
||||
}
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #66d9ef;
|
||||
}
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #66d9ef;
|
||||
}
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #66d9ef;
|
||||
}
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #f92672;
|
||||
}
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #66d9ef;
|
||||
}
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #66d9ef;
|
||||
}
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #66d9ef;
|
||||
}
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
}
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #a6e22e;
|
||||
}
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
}
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
}
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #a6e22e;
|
||||
}
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #66d9ef;
|
||||
}
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #a6e22e;
|
||||
}
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
}
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #a6e22e;
|
||||
}
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #a6e22e;
|
||||
}
|
||||
/* NameFunctionMagic */
|
||||
.chroma .fm {
|
||||
}
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
}
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
}
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #a6e22e;
|
||||
}
|
||||
/* NameProperty */
|
||||
.chroma .py {
|
||||
}
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #f92672;
|
||||
}
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
}
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
}
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
}
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
}
|
||||
/* NameVariableMagic */
|
||||
.chroma .vm {
|
||||
}
|
||||
/* Literal */
|
||||
.chroma .l {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* LiteralDate */
|
||||
.chroma .ld {
|
||||
color: #e6db74;
|
||||
}
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #e6db74;
|
||||
}
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #e6db74;
|
||||
}
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #e6db74;
|
||||
}
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #e6db74;
|
||||
}
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #e6db74;
|
||||
}
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #e6db74;
|
||||
}
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #e6db74;
|
||||
}
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #e6db74;
|
||||
}
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #e6db74;
|
||||
}
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #e6db74;
|
||||
}
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #e6db74;
|
||||
}
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #e6db74;
|
||||
}
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #e6db74;
|
||||
}
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ae81ff;
|
||||
}
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #f92672;
|
||||
}
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #f92672;
|
||||
}
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
}
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #75715e;
|
||||
}
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #75715e;
|
||||
}
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #75715e;
|
||||
}
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #75715e;
|
||||
}
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #75715e;
|
||||
}
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #75715e;
|
||||
}
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #75715e;
|
||||
}
|
||||
/* Generic */
|
||||
.chroma .g {
|
||||
}
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
color: #f92672;
|
||||
}
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
}
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
}
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
color: #a6e22e;
|
||||
}
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
}
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
}
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
color: #75715e;
|
||||
}
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
}
|
||||
/* GenericUnderline */
|
||||
.chroma .gl {
|
||||
}
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,53 +1,62 @@
|
|||
document.addEventListener("DOMContentLoaded", function() {
|
||||
|
||||
let url="https://ical2json.c3re.de/api/?url=https%3A%2F%2Fcloud.c3re.de%2Fremote.php%2Fdav%2Fpublic-calendars%2FRLKKkdjNYgXH8yEz%3Fexport&start=today&end=next+month&maxitems=10"
|
||||
let xmlHttp = new XMLHttpRequest();
|
||||
let zeropad=function(i){
|
||||
let o=""
|
||||
if(i<=9) o+="0"
|
||||
o+=i
|
||||
return o
|
||||
}
|
||||
xmlHttp.onreadystatechange = function() {
|
||||
if (xmlHttp.readyState == 4 && xmlHttp.status == 200){
|
||||
let cal=JSON.parse(xmlHttp.responseText)
|
||||
let $ = jQuery
|
||||
let box=$('#calendar')
|
||||
for(let item of cal){
|
||||
let li=$("<li/>")
|
||||
//li.text(item.summary)
|
||||
let startDate=new Date(item.start * 1000)
|
||||
let date=$("<span class='date'/>")
|
||||
date.text(zeropad(startDate.getDate())+'.'+zeropad(1+startDate.getMonth())+'.'+startDate.getFullYear()+' - '+zeropad(startDate.getHours())+':'+zeropad(startDate.getMinutes()))
|
||||
date.appendTo(li)
|
||||
let summary=$("<span class='summary'/>")
|
||||
summary.text(item.summary)
|
||||
if(item.url){
|
||||
let a = $('<a/>')
|
||||
a.attr('href',item.url)
|
||||
a.attr('title',item.description)
|
||||
a.append(summary)
|
||||
a.appendTo(li)
|
||||
}else{
|
||||
summary.appendTo(li)
|
||||
}
|
||||
if(item.location){
|
||||
let loc=$("<span class='location'>📍</span>")
|
||||
|
||||
loc.attr('data-loc',item.location)
|
||||
loc.attr('title',"Click to copy: "+item.location)
|
||||
loc.appendTo(li)
|
||||
}
|
||||
|
||||
li.attr('title',item.description)
|
||||
li.appendTo(box)
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
let url =
|
||||
"https://ical2json.c3re.de/api/?url=https%3A%2F%2Fcloud.c3re.de%2Fremote.php%2Fdav%2Fpublic-calendars%2FRLKKkdjNYgXH8yEz%3Fexport&start=today&end=next+month&maxitems=10";
|
||||
let xmlHttp = new XMLHttpRequest();
|
||||
let zeropad = function (i) {
|
||||
let o = "";
|
||||
if (i <= 9) o += "0";
|
||||
o += i;
|
||||
return o;
|
||||
};
|
||||
xmlHttp.onreadystatechange = function () {
|
||||
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
|
||||
let cal = JSON.parse(xmlHttp.responseText);
|
||||
let $ = jQuery;
|
||||
let box = $("#calendar");
|
||||
for (let item of cal) {
|
||||
let li = $("<li/>");
|
||||
//li.text(item.summary)
|
||||
let startDate = new Date(item.start * 1000);
|
||||
let date = $("<span class='date'/>");
|
||||
date.text(
|
||||
zeropad(startDate.getDate()) +
|
||||
"." +
|
||||
zeropad(1 + startDate.getMonth()) +
|
||||
"." +
|
||||
startDate.getFullYear() +
|
||||
" - " +
|
||||
zeropad(startDate.getHours()) +
|
||||
":" +
|
||||
zeropad(startDate.getMinutes())
|
||||
);
|
||||
date.appendTo(li);
|
||||
let summary = $("<span class='summary'/>");
|
||||
summary.text(item.summary);
|
||||
if (item.url) {
|
||||
let a = $("<a/>");
|
||||
a.attr("href", item.url);
|
||||
a.attr("title", item.description);
|
||||
a.append(summary);
|
||||
a.appendTo(li);
|
||||
} else {
|
||||
summary.appendTo(li);
|
||||
}
|
||||
$(".location",box).click(function(){
|
||||
navigator.clipboard.writeText($(this).attr('data-loc'))
|
||||
})
|
||||
}
|
||||
}
|
||||
xmlHttp.open("GET", url, true); // true for asynchronous
|
||||
xmlHttp.send();
|
||||
if (item.location) {
|
||||
let loc = $("<span class='location'>📍</span>");
|
||||
|
||||
});
|
||||
loc.attr("data-loc", item.location);
|
||||
loc.attr("title", "Click to copy: " + item.location);
|
||||
loc.appendTo(li);
|
||||
}
|
||||
|
||||
li.attr("title", item.description);
|
||||
li.appendTo(box);
|
||||
}
|
||||
$(".location", box).click(function () {
|
||||
navigator.clipboard.writeText($(this).attr("data-loc"));
|
||||
});
|
||||
}
|
||||
};
|
||||
xmlHttp.open("GET", url, true); // true for asynchronous
|
||||
xmlHttp.send();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,21 +1,37 @@
|
|||
document.addEventListener("DOMContentLoaded", function () {
|
||||
const update = function () {
|
||||
fetch("https://spaceapi.c3re.de/")
|
||||
.then(function (response) {
|
||||
return response.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
document
|
||||
.getElementById("ds-img")
|
||||
.setAttribute(
|
||||
"src",
|
||||
data.state.open ? data.state.icon.open : data.state.icon.closed
|
||||
);
|
||||
document.getElementById("ds-status").innerHTML = data.state.open
|
||||
? "Geöffnet"
|
||||
: "Geschlossen";
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
const update=function(){
|
||||
fetch("https://spaceapi.c3re.de/").then(function(response) {
|
||||
return( response.json());
|
||||
}).then(function(data) {
|
||||
document.getElementById("ds-img").setAttribute("src",data.state.open?data.state.icon.open:data.state.icon.closed);
|
||||
document.getElementById("ds-status").innerHTML=data.state.open?"Geöffnet":"Geschlossen";
|
||||
|
||||
document.getElementById("ds-temp").innerHTML=""+data.sensors.temperature[0].value+data.sensors.temperature[0].unit;
|
||||
const lastchange=new Date(data.state.lastchange*1000)
|
||||
document.getElementById('ds-date').innerHTML=lastchange.getDate().toString().padStart(2, "0") + "."
|
||||
+ (lastchange.getMonth()+1).toString().padStart(2, "0") + "."
|
||||
+ lastchange.getFullYear() + " "
|
||||
+ lastchange.getHours().toString().padStart(2, "0") + ":"
|
||||
+ lastchange.getMinutes().toString().padStart(2, "0")
|
||||
})
|
||||
}
|
||||
update();
|
||||
setInterval(update,10000);
|
||||
document.getElementById("ds-temp").innerHTML =
|
||||
"" +
|
||||
data.sensors.temperature[0].value +
|
||||
data.sensors.temperature[0].unit;
|
||||
const lastchange = new Date(data.state.lastchange * 1000);
|
||||
document.getElementById("ds-date").innerHTML =
|
||||
lastchange.getDate().toString().padStart(2, "0") +
|
||||
"." +
|
||||
(lastchange.getMonth() + 1).toString().padStart(2, "0") +
|
||||
"." +
|
||||
lastchange.getFullYear() +
|
||||
" " +
|
||||
lastchange.getHours().toString().padStart(2, "0") +
|
||||
":" +
|
||||
lastchange.getMinutes().toString().padStart(2, "0");
|
||||
});
|
||||
};
|
||||
update();
|
||||
setInterval(update, 10000);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,20 +1,19 @@
|
|||
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
document.querySelectorAll('a').forEach(function(element) {
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
document.querySelectorAll("a").forEach(function (element) {
|
||||
const myhost = window.location.hostname;
|
||||
const linkhost=new URL(element.href).hostname;
|
||||
if(myhost === linkhost) {
|
||||
let prefetchUrl=new URL(element.href).toString()
|
||||
// lest make a prefetch tag for this url
|
||||
let link = document.createElement('link');
|
||||
link.setAttribute('rel', 'prefetch');
|
||||
link.setAttribute('href', prefetchUrl);
|
||||
link.setAttribute('as', 'document');
|
||||
document.head.appendChild(link);
|
||||
element.classList.add("internal");
|
||||
}else {
|
||||
element.setAttribute("target", "_blank");
|
||||
element.classList.add("external");
|
||||
const linkhost = new URL(element.href).hostname;
|
||||
if (myhost === linkhost) {
|
||||
let prefetchUrl = new URL(element.href).toString();
|
||||
// lest make a prefetch tag for this url
|
||||
let link = document.createElement("link");
|
||||
link.setAttribute("rel", "prefetch");
|
||||
link.setAttribute("href", prefetchUrl);
|
||||
link.setAttribute("as", "document");
|
||||
document.head.appendChild(link);
|
||||
element.classList.add("internal");
|
||||
} else {
|
||||
element.setAttribute("target", "_blank");
|
||||
element.classList.add("external");
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -6,19 +6,17 @@
|
|||
* @license - https://icofont.com/license/
|
||||
*/
|
||||
|
||||
@font-face
|
||||
{
|
||||
|
||||
@font-face {
|
||||
font-family: "IcoFont";
|
||||
font-weight: normal;
|
||||
font-style: "Regular";
|
||||
src: url("./fonts/icofont.woff2") format("woff2"),
|
||||
url("./fonts/icofont.woff") format("woff");
|
||||
font-weight: normal;
|
||||
font-style: "Regular";
|
||||
src: url("./fonts/icofont.woff2") format("woff2"),
|
||||
url("./fonts/icofont.woff") format("woff");
|
||||
}
|
||||
|
||||
[class^="icofont-"], [class*=" icofont-"]
|
||||
{
|
||||
font-family: 'IcoFont' !important;
|
||||
[class^="icofont-"],
|
||||
[class*=" icofont-"] {
|
||||
font-family: "IcoFont" !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
|
|
@ -28,242 +26,201 @@ url("./fonts/icofont.woff") format("woff");
|
|||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
line-height: 1;
|
||||
/* Better Font Rendering =========== */
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-feature-settings: "liga";
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.icofont-rss:before
|
||||
{
|
||||
.icofont-rss:before {
|
||||
content: "\ed64";
|
||||
}
|
||||
|
||||
.icofont-xs
|
||||
{
|
||||
font-size: .5em;
|
||||
.icofont-xs {
|
||||
font-size: 0.5em;
|
||||
}
|
||||
|
||||
.icofont-sm
|
||||
{
|
||||
font-size: .75em;
|
||||
.icofont-sm {
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
.icofont-md
|
||||
{
|
||||
.icofont-md {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
.icofont-lg
|
||||
{
|
||||
.icofont-lg {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.icofont-1x
|
||||
{
|
||||
.icofont-1x {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.icofont-2x
|
||||
{
|
||||
.icofont-2x {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.icofont-3x
|
||||
{
|
||||
.icofont-3x {
|
||||
font-size: 3em;
|
||||
}
|
||||
|
||||
.icofont-4x
|
||||
{
|
||||
.icofont-4x {
|
||||
font-size: 4em;
|
||||
}
|
||||
|
||||
.icofont-5x
|
||||
{
|
||||
.icofont-5x {
|
||||
font-size: 5em;
|
||||
}
|
||||
|
||||
.icofont-6x
|
||||
{
|
||||
.icofont-6x {
|
||||
font-size: 6em;
|
||||
}
|
||||
|
||||
.icofont-7x
|
||||
{
|
||||
.icofont-7x {
|
||||
font-size: 7em;
|
||||
}
|
||||
|
||||
.icofont-8x
|
||||
{
|
||||
.icofont-8x {
|
||||
font-size: 8em;
|
||||
}
|
||||
|
||||
.icofont-9x
|
||||
{
|
||||
.icofont-9x {
|
||||
font-size: 9em;
|
||||
}
|
||||
|
||||
.icofont-10x
|
||||
{
|
||||
.icofont-10x {
|
||||
font-size: 10em;
|
||||
}
|
||||
|
||||
.icofont-fw
|
||||
{
|
||||
.icofont-fw {
|
||||
text-align: center;
|
||||
width: 1.25em;
|
||||
}
|
||||
|
||||
.icofont-ul
|
||||
{
|
||||
.icofont-ul {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.icofont-ul > li
|
||||
{
|
||||
.icofont-ul > li {
|
||||
position: relative;
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
.icofont-ul > li .icofont
|
||||
{
|
||||
.icofont-ul > li .icofont {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.icofont-border
|
||||
{
|
||||
.icofont-border {
|
||||
border: solid 0.08em #f1f1f1;
|
||||
border-radius: .1em;
|
||||
padding: .2em .25em .15em;
|
||||
border-radius: 0.1em;
|
||||
padding: 0.2em 0.25em 0.15em;
|
||||
}
|
||||
|
||||
.icofont-pull-left
|
||||
{
|
||||
.icofont-pull-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.icofont-pull-right
|
||||
{
|
||||
.icofont-pull-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.icofont.icofont-pull-left
|
||||
{
|
||||
margin-right: .3em;
|
||||
.icofont.icofont-pull-left {
|
||||
margin-right: 0.3em;
|
||||
}
|
||||
|
||||
.icofont.icofont-pull-right
|
||||
{
|
||||
margin-left: .3em;
|
||||
.icofont.icofont-pull-right {
|
||||
margin-left: 0.3em;
|
||||
}
|
||||
|
||||
.icofont-spin
|
||||
{
|
||||
.icofont-spin {
|
||||
-webkit-animation: icofont-spin 2s infinite linear;
|
||||
animation: icofont-spin 2s infinite linear;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.icofont-pulse
|
||||
{
|
||||
.icofont-pulse {
|
||||
-webkit-animation: icofont-spin 1s infinite steps(8);
|
||||
animation: icofont-spin 1s infinite steps(8);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@-webkit-keyframes icofont-spin
|
||||
{
|
||||
0%
|
||||
{
|
||||
@-webkit-keyframes icofont-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100%
|
||||
{
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes icofont-spin
|
||||
{
|
||||
0%
|
||||
{
|
||||
@keyframes icofont-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100%
|
||||
{
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.icofont-rotate-90
|
||||
{
|
||||
.icofont-rotate-90 {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.icofont-rotate-180
|
||||
{
|
||||
.icofont-rotate-180 {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.icofont-rotate-270
|
||||
{
|
||||
.icofont-rotate-270 {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
|
||||
-webkit-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
|
||||
.icofont-flip-horizontal
|
||||
{
|
||||
.icofont-flip-horizontal {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
|
||||
-webkit-transform: scale(-1, 1);
|
||||
transform: scale(-1, 1);
|
||||
}
|
||||
|
||||
.icofont-flip-vertical
|
||||
{
|
||||
.icofont-flip-vertical {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
|
||||
-webkit-transform: scale(1, -1);
|
||||
transform: scale(1, -1);
|
||||
}
|
||||
|
||||
.icofont-flip-horizontal.icofont-flip-vertical
|
||||
{
|
||||
.icofont-flip-horizontal.icofont-flip-vertical {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
|
||||
-webkit-transform: scale(-1, -1);
|
||||
transform: scale(-1, -1);
|
||||
}
|
||||
|
||||
:root .icofont-rotate-90,
|
||||
:root .icofont-rotate-180,
|
||||
:root .icofont-rotate-270,
|
||||
:root .icofont-flip-horizontal,
|
||||
:root .icofont-flip-vertical
|
||||
{
|
||||
:root .icofont-rotate-180,
|
||||
:root .icofont-rotate-270,
|
||||
:root .icofont-flip-horizontal,
|
||||
:root .icofont-flip-vertical {
|
||||
-webkit-filter: none;
|
||||
filter: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.icofont-inverse
|
||||
{
|
||||
.icofont-inverse {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.sr-only
|
||||
{
|
||||
.sr-only {
|
||||
border: 0;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
height: 1px;
|
||||
|
|
@ -275,8 +232,7 @@ url("./fonts/icofont.woff") format("woff");
|
|||
}
|
||||
|
||||
.sr-only-focusable:active,
|
||||
.sr-only-focusable:focus
|
||||
{
|
||||
.sr-only-focusable:focus {
|
||||
clip: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
|
|
@ -284,4 +240,3 @@ url("./fonts/icofont.woff") format("woff");
|
|||
position: static;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
|
@ -4,4 +4,190 @@
|
|||
* @author IcoFont https://icofont.com
|
||||
* @copyright Copyright (c) 2015 - 2022 IcoFont
|
||||
* @license - https://icofont.com/license/
|
||||
*/@font-face{font-family:IcoFont;font-weight:400;font-style:Regular;src:url(fonts/icofont.woff2) format("woff2"),url(fonts/icofont.woff) format("woff")}[class*=" icofont-"],[class^=icofont-]{font-family:IcoFont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;line-height:1;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icofont-rss:before{content:"\ed64"}.icofont-xs{font-size:.5em}.icofont-sm{font-size:.75em}.icofont-md{font-size:1.25em}.icofont-lg{font-size:1.5em}.icofont-1x{font-size:1em}.icofont-2x{font-size:2em}.icofont-3x{font-size:3em}.icofont-4x{font-size:4em}.icofont-5x{font-size:5em}.icofont-6x{font-size:6em}.icofont-7x{font-size:7em}.icofont-8x{font-size:8em}.icofont-9x{font-size:9em}.icofont-10x{font-size:10em}.icofont-fw{text-align:center;width:1.25em}.icofont-ul{list-style-type:none;padding-left:0;margin-left:0}.icofont-ul>li{position:relative;line-height:2em}.icofont-ul>li .icofont{display:inline-block;vertical-align:middle}.icofont-border{border:solid .08em #f1f1f1;border-radius:.1em;padding:.2em .25em .15em}.icofont-pull-left{float:left}.icofont-pull-right{float:right}.icofont.icofont-pull-left{margin-right:.3em}.icofont.icofont-pull-right{margin-left:.3em}.icofont-spin{-webkit-animation:icofont-spin 2s infinite linear;animation:icofont-spin 2s infinite linear;display:inline-block}.icofont-pulse{-webkit-animation:icofont-spin 1s infinite steps(8);animation:icofont-spin 1s infinite steps(8);display:inline-block}@-webkit-keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.icofont-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icofont-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.icofont-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.icofont-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.icofont-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.icofont-flip-horizontal.icofont-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .icofont-flip-horizontal,:root .icofont-flip-vertical,:root .icofont-rotate-180,:root .icofont-rotate-270,:root .icofont-rotate-90{-webkit-filter:none;filter:none;display:inline-block}.icofont-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
|
||||
*/
|
||||
@font-face {
|
||||
font-family: IcoFont;
|
||||
font-weight: 400;
|
||||
font-style: Regular;
|
||||
src: url(fonts/icofont.woff2) format("woff2"),
|
||||
url(fonts/icofont.woff) format("woff");
|
||||
}
|
||||
[class*=" icofont-"],
|
||||
[class^="icofont-"] {
|
||||
font-family: IcoFont !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
line-height: 1;
|
||||
-webkit-font-feature-settings: "liga";
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.icofont-rss:before {
|
||||
content: "\ed64";
|
||||
}
|
||||
.icofont-xs {
|
||||
font-size: 0.5em;
|
||||
}
|
||||
.icofont-sm {
|
||||
font-size: 0.75em;
|
||||
}
|
||||
.icofont-md {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
.icofont-lg {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.icofont-1x {
|
||||
font-size: 1em;
|
||||
}
|
||||
.icofont-2x {
|
||||
font-size: 2em;
|
||||
}
|
||||
.icofont-3x {
|
||||
font-size: 3em;
|
||||
}
|
||||
.icofont-4x {
|
||||
font-size: 4em;
|
||||
}
|
||||
.icofont-5x {
|
||||
font-size: 5em;
|
||||
}
|
||||
.icofont-6x {
|
||||
font-size: 6em;
|
||||
}
|
||||
.icofont-7x {
|
||||
font-size: 7em;
|
||||
}
|
||||
.icofont-8x {
|
||||
font-size: 8em;
|
||||
}
|
||||
.icofont-9x {
|
||||
font-size: 9em;
|
||||
}
|
||||
.icofont-10x {
|
||||
font-size: 10em;
|
||||
}
|
||||
.icofont-fw {
|
||||
text-align: center;
|
||||
width: 1.25em;
|
||||
}
|
||||
.icofont-ul {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
.icofont-ul > li {
|
||||
position: relative;
|
||||
line-height: 2em;
|
||||
}
|
||||
.icofont-ul > li .icofont {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.icofont-border {
|
||||
border: solid 0.08em #f1f1f1;
|
||||
border-radius: 0.1em;
|
||||
padding: 0.2em 0.25em 0.15em;
|
||||
}
|
||||
.icofont-pull-left {
|
||||
float: left;
|
||||
}
|
||||
.icofont-pull-right {
|
||||
float: right;
|
||||
}
|
||||
.icofont.icofont-pull-left {
|
||||
margin-right: 0.3em;
|
||||
}
|
||||
.icofont.icofont-pull-right {
|
||||
margin-left: 0.3em;
|
||||
}
|
||||
.icofont-spin {
|
||||
-webkit-animation: icofont-spin 2s infinite linear;
|
||||
animation: icofont-spin 2s infinite linear;
|
||||
display: inline-block;
|
||||
}
|
||||
.icofont-pulse {
|
||||
-webkit-animation: icofont-spin 1s infinite steps(8);
|
||||
animation: icofont-spin 1s infinite steps(8);
|
||||
display: inline-block;
|
||||
}
|
||||
@-webkit-keyframes icofont-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes icofont-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.icofont-rotate-90 {
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.icofont-rotate-180 {
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.icofont-rotate-270 {
|
||||
-webkit-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
.icofont-flip-horizontal {
|
||||
-webkit-transform: scale(-1, 1);
|
||||
transform: scale(-1, 1);
|
||||
}
|
||||
.icofont-flip-vertical {
|
||||
-webkit-transform: scale(1, -1);
|
||||
transform: scale(1, -1);
|
||||
}
|
||||
.icofont-flip-horizontal.icofont-flip-vertical {
|
||||
-webkit-transform: scale(-1, -1);
|
||||
transform: scale(-1, -1);
|
||||
}
|
||||
:root .icofont-flip-horizontal,
|
||||
:root .icofont-flip-vertical,
|
||||
:root .icofont-rotate-180,
|
||||
:root .icofont-rotate-270,
|
||||
:root .icofont-rotate-90 {
|
||||
-webkit-filter: none;
|
||||
filter: none;
|
||||
display: inline-block;
|
||||
}
|
||||
.icofont-inverse {
|
||||
color: #fff;
|
||||
}
|
||||
.sr-only {
|
||||
border: 0;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
.sr-only-focusable:active,
|
||||
.sr-only-focusable:focus {
|
||||
clip: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
position: static;
|
||||
width: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,121 +1,161 @@
|
|||
/* stylelint-disable font-family-no-missing-generic-family-keyword */
|
||||
@font-face {
|
||||
font-family: 'KaTeX_AMS';
|
||||
src: url(fonts/KaTeX_AMS-Regular.woff2) format('woff2'), url(fonts/KaTeX_AMS-Regular.woff) format('woff'), url(fonts/KaTeX_AMS-Regular.ttf) format('truetype');
|
||||
font-family: "KaTeX_AMS";
|
||||
src: url(fonts/KaTeX_AMS-Regular.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_AMS-Regular.woff) format("woff"),
|
||||
url(fonts/KaTeX_AMS-Regular.ttf) format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Caligraphic';
|
||||
src: url(fonts/KaTeX_Caligraphic-Bold.woff2) format('woff2'), url(fonts/KaTeX_Caligraphic-Bold.woff) format('woff'), url(fonts/KaTeX_Caligraphic-Bold.ttf) format('truetype');
|
||||
font-family: "KaTeX_Caligraphic";
|
||||
src: url(fonts/KaTeX_Caligraphic-Bold.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Caligraphic-Bold.woff) format("woff"),
|
||||
url(fonts/KaTeX_Caligraphic-Bold.ttf) format("truetype");
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Caligraphic';
|
||||
src: url(fonts/KaTeX_Caligraphic-Regular.woff2) format('woff2'), url(fonts/KaTeX_Caligraphic-Regular.woff) format('woff'), url(fonts/KaTeX_Caligraphic-Regular.ttf) format('truetype');
|
||||
font-family: "KaTeX_Caligraphic";
|
||||
src: url(fonts/KaTeX_Caligraphic-Regular.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Caligraphic-Regular.woff) format("woff"),
|
||||
url(fonts/KaTeX_Caligraphic-Regular.ttf) format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Fraktur';
|
||||
src: url(fonts/KaTeX_Fraktur-Bold.woff2) format('woff2'), url(fonts/KaTeX_Fraktur-Bold.woff) format('woff'), url(fonts/KaTeX_Fraktur-Bold.ttf) format('truetype');
|
||||
font-family: "KaTeX_Fraktur";
|
||||
src: url(fonts/KaTeX_Fraktur-Bold.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Fraktur-Bold.woff) format("woff"),
|
||||
url(fonts/KaTeX_Fraktur-Bold.ttf) format("truetype");
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Fraktur';
|
||||
src: url(fonts/KaTeX_Fraktur-Regular.woff2) format('woff2'), url(fonts/KaTeX_Fraktur-Regular.woff) format('woff'), url(fonts/KaTeX_Fraktur-Regular.ttf) format('truetype');
|
||||
font-family: "KaTeX_Fraktur";
|
||||
src: url(fonts/KaTeX_Fraktur-Regular.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Fraktur-Regular.woff) format("woff"),
|
||||
url(fonts/KaTeX_Fraktur-Regular.ttf) format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Main';
|
||||
src: url(fonts/KaTeX_Main-Bold.woff2) format('woff2'), url(fonts/KaTeX_Main-Bold.woff) format('woff'), url(fonts/KaTeX_Main-Bold.ttf) format('truetype');
|
||||
font-family: "KaTeX_Main";
|
||||
src: url(fonts/KaTeX_Main-Bold.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Main-Bold.woff) format("woff"),
|
||||
url(fonts/KaTeX_Main-Bold.ttf) format("truetype");
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Main';
|
||||
src: url(fonts/KaTeX_Main-BoldItalic.woff2) format('woff2'), url(fonts/KaTeX_Main-BoldItalic.woff) format('woff'), url(fonts/KaTeX_Main-BoldItalic.ttf) format('truetype');
|
||||
font-family: "KaTeX_Main";
|
||||
src: url(fonts/KaTeX_Main-BoldItalic.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Main-BoldItalic.woff) format("woff"),
|
||||
url(fonts/KaTeX_Main-BoldItalic.ttf) format("truetype");
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Main';
|
||||
src: url(fonts/KaTeX_Main-Italic.woff2) format('woff2'), url(fonts/KaTeX_Main-Italic.woff) format('woff'), url(fonts/KaTeX_Main-Italic.ttf) format('truetype');
|
||||
font-family: "KaTeX_Main";
|
||||
src: url(fonts/KaTeX_Main-Italic.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Main-Italic.woff) format("woff"),
|
||||
url(fonts/KaTeX_Main-Italic.ttf) format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Main';
|
||||
src: url(fonts/KaTeX_Main-Regular.woff2) format('woff2'), url(fonts/KaTeX_Main-Regular.woff) format('woff'), url(fonts/KaTeX_Main-Regular.ttf) format('truetype');
|
||||
font-family: "KaTeX_Main";
|
||||
src: url(fonts/KaTeX_Main-Regular.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Main-Regular.woff) format("woff"),
|
||||
url(fonts/KaTeX_Main-Regular.ttf) format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Math';
|
||||
src: url(fonts/KaTeX_Math-BoldItalic.woff2) format('woff2'), url(fonts/KaTeX_Math-BoldItalic.woff) format('woff'), url(fonts/KaTeX_Math-BoldItalic.ttf) format('truetype');
|
||||
font-family: "KaTeX_Math";
|
||||
src: url(fonts/KaTeX_Math-BoldItalic.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Math-BoldItalic.woff) format("woff"),
|
||||
url(fonts/KaTeX_Math-BoldItalic.ttf) format("truetype");
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Math';
|
||||
src: url(fonts/KaTeX_Math-Italic.woff2) format('woff2'), url(fonts/KaTeX_Math-Italic.woff) format('woff'), url(fonts/KaTeX_Math-Italic.ttf) format('truetype');
|
||||
font-family: "KaTeX_Math";
|
||||
src: url(fonts/KaTeX_Math-Italic.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Math-Italic.woff) format("woff"),
|
||||
url(fonts/KaTeX_Math-Italic.ttf) format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_SansSerif';
|
||||
src: url(fonts/KaTeX_SansSerif-Bold.woff2) format('woff2'), url(fonts/KaTeX_SansSerif-Bold.woff) format('woff'), url(fonts/KaTeX_SansSerif-Bold.ttf) format('truetype');
|
||||
font-family: "KaTeX_SansSerif";
|
||||
src: url(fonts/KaTeX_SansSerif-Bold.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_SansSerif-Bold.woff) format("woff"),
|
||||
url(fonts/KaTeX_SansSerif-Bold.ttf) format("truetype");
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_SansSerif';
|
||||
src: url(fonts/KaTeX_SansSerif-Italic.woff2) format('woff2'), url(fonts/KaTeX_SansSerif-Italic.woff) format('woff'), url(fonts/KaTeX_SansSerif-Italic.ttf) format('truetype');
|
||||
font-family: "KaTeX_SansSerif";
|
||||
src: url(fonts/KaTeX_SansSerif-Italic.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_SansSerif-Italic.woff) format("woff"),
|
||||
url(fonts/KaTeX_SansSerif-Italic.ttf) format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_SansSerif';
|
||||
src: url(fonts/KaTeX_SansSerif-Regular.woff2) format('woff2'), url(fonts/KaTeX_SansSerif-Regular.woff) format('woff'), url(fonts/KaTeX_SansSerif-Regular.ttf) format('truetype');
|
||||
font-family: "KaTeX_SansSerif";
|
||||
src: url(fonts/KaTeX_SansSerif-Regular.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_SansSerif-Regular.woff) format("woff"),
|
||||
url(fonts/KaTeX_SansSerif-Regular.ttf) format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Script';
|
||||
src: url(fonts/KaTeX_Script-Regular.woff2) format('woff2'), url(fonts/KaTeX_Script-Regular.woff) format('woff'), url(fonts/KaTeX_Script-Regular.ttf) format('truetype');
|
||||
font-family: "KaTeX_Script";
|
||||
src: url(fonts/KaTeX_Script-Regular.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Script-Regular.woff) format("woff"),
|
||||
url(fonts/KaTeX_Script-Regular.ttf) format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Size1';
|
||||
src: url(fonts/KaTeX_Size1-Regular.woff2) format('woff2'), url(fonts/KaTeX_Size1-Regular.woff) format('woff'), url(fonts/KaTeX_Size1-Regular.ttf) format('truetype');
|
||||
font-family: "KaTeX_Size1";
|
||||
src: url(fonts/KaTeX_Size1-Regular.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Size1-Regular.woff) format("woff"),
|
||||
url(fonts/KaTeX_Size1-Regular.ttf) format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Size2';
|
||||
src: url(fonts/KaTeX_Size2-Regular.woff2) format('woff2'), url(fonts/KaTeX_Size2-Regular.woff) format('woff'), url(fonts/KaTeX_Size2-Regular.ttf) format('truetype');
|
||||
font-family: "KaTeX_Size2";
|
||||
src: url(fonts/KaTeX_Size2-Regular.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Size2-Regular.woff) format("woff"),
|
||||
url(fonts/KaTeX_Size2-Regular.ttf) format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Size3';
|
||||
src: url(fonts/KaTeX_Size3-Regular.woff2) format('woff2'), url(fonts/KaTeX_Size3-Regular.woff) format('woff'), url(fonts/KaTeX_Size3-Regular.ttf) format('truetype');
|
||||
font-family: "KaTeX_Size3";
|
||||
src: url(fonts/KaTeX_Size3-Regular.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Size3-Regular.woff) format("woff"),
|
||||
url(fonts/KaTeX_Size3-Regular.ttf) format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Size4';
|
||||
src: url(fonts/KaTeX_Size4-Regular.woff2) format('woff2'), url(fonts/KaTeX_Size4-Regular.woff) format('woff'), url(fonts/KaTeX_Size4-Regular.ttf) format('truetype');
|
||||
font-family: "KaTeX_Size4";
|
||||
src: url(fonts/KaTeX_Size4-Regular.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Size4-Regular.woff) format("woff"),
|
||||
url(fonts/KaTeX_Size4-Regular.ttf) format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'KaTeX_Typewriter';
|
||||
src: url(fonts/KaTeX_Typewriter-Regular.woff2) format('woff2'), url(fonts/KaTeX_Typewriter-Regular.woff) format('woff'), url(fonts/KaTeX_Typewriter-Regular.ttf) format('truetype');
|
||||
font-family: "KaTeX_Typewriter";
|
||||
src: url(fonts/KaTeX_Typewriter-Regular.woff2) format("woff2"),
|
||||
url(fonts/KaTeX_Typewriter-Regular.woff) format("woff"),
|
||||
url(fonts/KaTeX_Typewriter-Regular.ttf) format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
@ -1076,4 +1116,3 @@
|
|||
body {
|
||||
counter-reset: katexEqnNo mmlEqnNo;
|
||||
}
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue