This commit is contained in:
kevinzjpeng
2025-04-19 23:13:45 +00:00
parent abc294be03
commit fae69d9b5e
11 changed files with 5 additions and 1375 deletions

File diff suppressed because it is too large Load Diff

1
css/custom.min.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -1,63 +0,0 @@
:root {
--admonition-border-color: #FF8D1A;
--admonition-bg-color-base: rgba(155, 120, 43, 0.1);
--icon-frequent-question: url(/assets/frequent-question.svg);
--icon-faq: url(/assets/faq.svg);
}
.md-typeset {
.admonition.frequent-question,
details.frequent-question,
.admonition.faq,
details.faq {
border-color: var(--admonition-border-color);
}
.frequent-question, .faq {
& > .admonition-title, & > summary {
background-color: var(--admonition-bg-color-base);
}
& > .admonition-title::before, & > summary::before {
background-color: var(--admonition-border-color);
}
}
.frequent-question {
& > .admonition-title::before, & > summary::before {
-webkit-mask-image: var(--icon-frequent-question);
mask-image: var(--icon-frequent-question);
}
}
.faq {
& > .admonition-title::before, & > summary::before {
-webkit-mask-image: var(--icon-faq);
mask-image: var(--icon-faq);
}
}
}
mark.state1 {
background-color: #ffd699; /* A somewhat orange color */
}
mark.state2 {
background-color: #ffcccc;
}
mark.state3 {
background-color: #ccccff;
}
mark.state4 {
background-color: #ccffcc;
}
.youtube {
color: #EE0F0F;
}
.faq {
color: #FF8D1A
}

1
css/extra.min.css vendored Normal file
View File

@@ -0,0 +1 @@
:root{--admonition-border-color:#FF8D1A;--admonition-bg-color-base:rgba(155, 120, 43, 0.1);--icon-frequent-question:url(/assets/frequent-question.svg);--icon-faq:url(/assets/faq.svg)}mark.state1{background-color:#ffd699}mark.state2{background-color:#fcc}mark.state3{background-color:#ccf}mark.state4{background-color:#cfc}.youtube{color:#ee0f0f}.faq{color:#ff8d1a}

View File

@@ -1,158 +0,0 @@
/* Signup Form Styles */
.signup-form-container {
width: 100%;
max-width: 400px;
margin: 1rem auto;
}
#form_signup {
background: transparent;
border-radius: 4px;
padding: 1rem;
width: 100%;
box-sizing: border-box;
}
#form_signup h2 {
color: var(--md-footer-fg-color);
font-size: 1.2rem;
margin-top: 0;
margin-bottom: 0.5rem;
}
#form_signup .gf-field-group {
margin-bottom: 0.5rem;
}
#form_signup input[type="text"],
#form_signup input[type="email"] {
width: 100%;
padding: 0.5rem;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.1);
color: var(--md-footer-fg-color);
}
#form_signup input[type="text"]::placeholder,
#form_signup input[type="email"]::placeholder {
color: rgba(255, 255, 255, 0.6);
}
#form_signup .button {
background-color: var(--md-accent-fg-color);
color: var(--md-accent-bg-color);
border: none;
padding: 0.5rem 1rem;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
transition: background-color 0.3s ease, color 0.3s ease;
width: 100%;
}
#form_signup .button:hover {
background-color: #FAA22B;
color: var(--md-accent-bg-color);
}
#form_signup .footnote {
text-align: center;
font-size: 0.6rem;
color: rgba(255, 255, 255, 0.6);
}
/* Media Queries for Responsive Design */
@media screen and (max-width: 76.1875em) {
.signup-form-container {
max-width: 100%;
}
}
@media screen and (max-width: 60em) {
#form_signup h2 {
font-size: 1rem;
}
}
/* Footer flex container */
.footer-flex-container {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.footer-flex-item {
flex: 1 1 auto;
}
/* Default order for larger screens */
.signup-form-container {
order: 2;
max-width: 400px;
}
.footer-copyright {
order: 1;
}
.footer-social {
order: 3;
}
/* Media query for larger screens */
@media screen and (min-width: 76.25em) {
.footer-flex-container {
flex-wrap: nowrap;
}
.signup-form-container {
flex: 0 1 auto;
margin: 0 1rem;
}
.footer-copyright {
text-align: left;
}
.footer-social {
text-align: right;
}
}
/* Media query for smaller screens */
@media screen and (max-width: 76.1875em) {
.footer-flex-container {
flex-direction: column;
}
.signup-form-container {
order: 1;
max-width: 100%;
}
.footer-copyright {
order: 2;
text-align: center;
}
.footer-social {
order: 3;
}
/* Center align the content inside the copyright container */
.footer-copyright .md-copyright {
text-align: center;
}
.footer-copyright .md-copyright__highlight {
display: block;
margin-bottom: 0.5rem;
}
}
#form-message {
font-size: 0.8rem;
margin-top: 0.5rem;
}

1
css/signup_form.min.css vendored Normal file
View File

@@ -0,0 +1 @@
.signup-form-container{width:100%;margin:1rem auto}#form_signup{background:0 0;border-radius:4px;padding:1rem;width:100%;box-sizing:border-box}#form_signup h2{color:var(--md-footer-fg-color);font-size:1.2rem;margin-top:0}#form_signup .gf-field-group,#form_signup h2{margin-bottom:.5rem}#form_signup input[type=email],#form_signup input[type=text]{width:100%;padding:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;background-color:rgba(255,255,255,.1);color:var(--md-footer-fg-color)}#form_signup input[type=email]::placeholder,#form_signup input[type=text]::placeholder{color:rgba(255,255,255,.6)}#form_signup .button{background-color:var(--md-accent-fg-color);color:var(--md-accent-bg-color);border:0;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s ease,color .3s ease;width:100%}#form_signup .button:hover{background-color:#faa22b;color:var(--md-accent-bg-color)}#form_signup .footnote{text-align:center;font-size:.6rem;color:rgba(255,255,255,.6)}@media screen and (max-width:76.1875em){.signup-form-container{max-width:100%}}@media screen and (max-width:60em){#form_signup h2{font-size:1rem}}.footer-flex-container{display:flex;flex-wrap:wrap;align-items:center}.footer-flex-item{flex:1 1 auto}.signup-form-container{order:2;max-width:400px}.footer-copyright{order:1}.footer-social{order:3}@media screen and (min-width:76.25em){.footer-flex-container{flex-wrap:nowrap}.signup-form-container{flex:0 1 auto;margin:0 1rem}.footer-copyright{text-align:left}.footer-social{text-align:right}}@media screen and (max-width:76.1875em){.footer-flex-container{flex-direction:column}.signup-form-container{order:1;max-width:100%}.footer-copyright{order:2;text-align:center}.footer-social{order:3}.footer-copyright .md-copyright{text-align:center}.footer-copyright .md-copyright__highlight{display:block;margin-bottom:.5rem}}#form-message{font-size:.8rem;margin-top:.5rem}