diff --git a/static/asahi/index.html b/static/asahi/index.html index b63c750..4a570b1 100644 --- a/static/asahi/index.html +++ b/static/asahi/index.html @@ -2,8 +2,8 @@ + - diff --git a/static/faq/index.html b/static/faq/index.html index a702ec5..604b0f8 100644 --- a/static/faq/index.html +++ b/static/faq/index.html @@ -2,8 +2,8 @@ - - + + diff --git a/static/global.css b/static/global.css deleted file mode 100644 index 17a1a2f..0000000 --- a/static/global.css +++ /dev/null @@ -1,234 +0,0 @@ -/* - This is the GLOBAL css file. - Any changes made in here, will apply to the ENTIRE site. - Only put changes here if you intend to put changes across - the whole site! -*/ - -:root { - color-scheme: dark; -} - -@font-face { - font-display: swap; - font-family: 'Rubik'; - font-style: normal; - font-weight: 400; - src: url('./fonts/rubik-v28-latin-regular.woff2') format('woff2'); -} - -* { - font-family: 'Rubik', Verdana, Geneva, Tahoma, sans-serif; - padding: 0; - margin: 0; - font-weight: 400; - text-align: center; - color: white; -} - -#topbar { - background-color: rgb(75, 50, 125); - width: 100%; - padding: 1vh 0px; - position: sticky; - left: 0px; - top: 0px; - z-index: 10; - opacity: 0.5; - transform: scale(1); - transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -#topbar:hover { - opacity: 1; - transform: scale(1.05); -} - -#topbar>* { - display: inline-block; - font-size: 1.5rem; -} - -main:nth-of-type(1) { - width: 95%; - max-width: 1000px; - margin: auto; -} - -body { - overflow-x: hidden; - - background-color: rgb(55, 4, 75); - background: linear-gradient(rgb(40, 4, 75), black); - - background-attachment: local; - - animation: hideContent 2.5s; -} - -body, html { - min-height: 100%; -} - -a { - display: inline-block; - transition: 1.5s all cubic-bezier(0.075, 0.82, 0.165, 1); -} - -a[href] { - color: rgb(175, 225, 255); -} - - -h3 { - font-size: 1.5rem; - padding: 10px; -} - -@media screen and (min-width: 650px) { - .grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: 10px; - } - - .grid-child { - margin: auto; - align-content: center; - /* border: 2px white solid; */ - } -} - -.chip { - position: relative; - z-index: 3; - font-size: 1.3rem; - border: 2px gray solid; - border-radius: 6px; - background-color: black; - padding: 8px; - margin: 3px; - display: inline-block; - transform: scale(0.95); - transition: transform 1.25s cubic-bezier(0.075, 0.82, 0.165, 1), background-color 2s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -a.chip { - text-decoration: none; - /* background-image: linear-gradient(rgb(175, 225, 255), rgb(175, 225, 255)); - background-size: calc(100% - 15px) 2px; - background-position: 50% 87.5%; - background-repeat: no-repeat; */ -} - -.chip:hover { - background-color: rgb(10, 0, 25); - transform: scale(1); - /* font-size: 1.35rem; */ - border-color: white; - transition: transform 0.75s cubic-bezier(0.075, 0.82, 0.165, 1), background-color 3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -.chip:hover>.smallimg { - background-color: rgb(10, 0, 25); -} - -hr { - color: white; - border: white solid; - opacity: 0.25; - border-width: 2px; - margin: 15px 10%; - /* background-color: none; */ -} - -p { - font-size: 1.25rem; - margin: 5px; - line-height: 2rem; - text-wrap: pretty; -} - -img { - width: 100%; - /* max-width: 135px; */ -} - -h2 { - font-size: 1.8rem; -} - -.note { - color: darkgray; - font-size: 1rem; -} - -.striked { - text-decoration: line-through; - text-decoration-color: white; -} - - - -.activity { - border-width: 3px; - border-radius: 10px; - overflow: hidden; - margin: auto; - padding: 0; - display: flex; - position: relative; - z-index: 3; - /* max-height: 200px; */ -} - -.activity>p { - width: 100%; - max-height: 100%; - overflow-wrap: anywhere; - text-overflow: ellipsis; - padding: 3px; - line-height: 1.5rem; - align-self: center; -} - -.activity>img { - width: 40%; - aspect-ratio: 1/1; - object-fit: cover; -} - -.activity>img:not(.smallimg) { - min-width: 150px; - max-width: 150px; -} - -.activity>.smallimg { - width: 48px; - height: 48px; - position: absolute; - bottom: 0px; - left: 0px; - border-radius: 50px; - background: black; - padding: 5px; - /* border: 2px gray solid; */ - transform: scale(0.9); -} - -.activity>.smallimg:hover { - transform: scale(1); -} - -ul, ol { - display: inline-block -} - -li { - font-size: 1.2rem; - text-align: left; -} - -.noscript { - display: none; -} \ No newline at end of file diff --git a/static/index.html b/static/index.html index 8c22462..fbd35c3 100644 --- a/static/index.html +++ b/static/index.html @@ -2,7 +2,7 @@ - +