add extensions

This commit is contained in:
2024-03-21 00:29:18 +08:00
parent 4dfe6bdad6
commit 74c343770f
92 changed files with 15715 additions and 0 deletions

View File

@@ -0,0 +1,67 @@
/*@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap');*/
:root {
--header-font-size: max(10px, 1.4vw);
--header-font-color: #898E8B;
--header-margin: 0px 0px 0px 0px;
/*--header-font-family: 'Source Serif 4', serif;*/
}
.reveal .reveal-header {
top: 0;
margin: 3.2px 0px 2px 0px;
width: 100%;
position: fixed;
z-index: 5;
/*font-family: var(--header-font-family);*/
}
.reveal .reveal-header p {
color: var(--header-font-color);
text-align: center;
margin: var(--header-margin);
font-size: var(--header-font-size);
}
.reveal-header .sc-title p,
.reveal-header .sb-title p {
font-size: max(10px, 1.45vw);
filter: brightness(0.85);
}
.reveal-header .sc-title p { float: left; margin-left: 0.5vw}
.reveal-header .sb-title p { float: right; margin-right: 0.5vw}
.reveal-header.no-logo .sc-title p {margin-left: 6vw}
.reveal .header-logo img {
margin: var(--header-margin);
padding-left: 1vw;
padding-top: 5px;
height: 100%;
width: auto;
max-width: max(60px, 10vw);
max-height: max(60px, 10vh);
}
/* .reveal .slides { margin-top: 3vh !important;} */
.inverse-header { color: #c5d7ce !important;}
div.slides section:not(.title-slide):not(#title-slide):not(.stack) {
padding-top: 1em;
}
/* On screens that are 600px or less*/
@media screen and (max-width: 600px) {
.reveal .header-logo img {
padding-top: 0px;
margin: 0px 0px 5px 0px;
}
.reveal-header .sc-title p { margin-left: 1vw; }
.reveal-header.no-logo .sc-title p {margin-left: 2vw; }
div.reveal.has-logo div.slide-number { font-size: 10px; }
}

View File

@@ -0,0 +1,50 @@
div.header-logo { grid-area: logo;}
.no-logo div.header-logo { grid-area: unset !important; }
div.sc-title { grid-area: sc;}
div.sb-title { grid-area: sb;}
div.header-text { grid-area: ht;}
div.reveal.has-logo div.slide-number {
grid-area: sn;
top: unset !important;
right: unset !important;
bottom: unset !important;
padding: 5px 5px 5px 5px;
justify-self: center;
/*font-family: var(--header-font-family);*/
font-size: 18px;
}
div.reveal-header {
display: grid;
grid-template-columns: 0.4fr 0.4fr 2fr 0.4fr 0.3fr;
grid-template-areas: "logo sc ht sb sn";
column-gap: 10px;
align-items: center;
}
div.reveal-header.no-logo {
grid-template-columns: 0.7fr 2fr 0.7fr 0.05fr;
grid-template-areas: "sc ht sb sn";
margin-top: 1.5vh;
}
/* On screens that are 600px or less*/
@media screen and (max-width: 600px) {
div.reveal-header {
grid-template-columns: 0.4fr 0.4fr 1fr 0.4fr 0.3fr;
grid-template-areas: "logo sc ht sb sn";
}
div.reveal-header.no-logo {
grid-template-columns: 0.7fr 1fr 0.7fr 0.05fr;
grid-template-areas: "sc ht sb sn";
}
.reveal-header .sc-title p { margin-left: 1vw; }
.reveal-header.no-logo .sc-title p {margin-left: 2vw; }
div.reveal.has-logo div.slide-number { font-size: 10px; }
}

View File

@@ -0,0 +1,50 @@
div.header-logo { grid-area: logo;}
.no-logo div.header-logo { grid-area: unset !important; }
div.sc-title { grid-area: sc;}
div.header-text { grid-area: ht;}
div.sb-title { grid-area: sb;}
div.reveal.has-logo div.slide-number {
grid-area: sn;
top: unset !important;
right: unset !important;
bottom: unset !important;
padding: 5px 5px 5px 5px;
justify-self: center;
/*font-family: var(--header-font-family);*/
font-size: 18px;
}
div.reveal-header {
display: grid;
grid-template-columns: 0.35fr 1.2fr 0.1fr 1.2fr 0.2fr;
grid-template-areas: "logo sc ht sb sn";
column-gap: 10px;
align-items: center;
}
div.reveal-header.no-logo {
grid-template-columns: 1fr 0.1fr 1fr 0.15fr;
grid-template-areas: "sc ht sb sn";
margin-top: 1.5vh;
}
/* On screens that are 600px or less*/
@media screen and (max-width: 600px) {
div.reveal-header {
grid-template-columns: 0.2fr 1.2fr 0.1fr 1.2fr 0.4fr;
grid-template-areas: "logo sc ht sb sn";
}
div.reveal-header.no-logo {
grid-template-columns: 1fr 0.1fr 1fr 0.25fr;
grid-template-areas: "sc ht sb sn";
}
.reveal-header .sc-title p { margin-left: 1vw; }
.reveal-header.no-logo .sc-title p {margin-left: 2vw; }
div.reveal.has-logo div.slide-number { font-size: 10px; }
}