latenightdef/latenightdef.techtransthai.org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: latenightdef:c23e7a6ce079c8a1bbd030580e5f6beca2dba3ad
Branches Tags
latenightdef:main
..
compare: latenightdef:ad0b035864039d40ec65e4d9c67a43d62b2f8dcf
Branches Tags
latenightdef:main

No commits in common. "c23e7a6ce079c8a1bbd030580e5f6beca2dba3ad" and "ad0b035864039d40ec65e4d9c67a43d62b2f8dcf" have entirely different histories.
c23e7a6ce0 ... ad0b035864

23 changed files with 242 additions and 232 deletions
Show stats Expand all files Collapse all files

BIN
cantarell/cantarell-bold.woff2 Normal file
View file

Binary file not shown.

BIN
cantarell/cantarell-regular.woff2 Normal file
View file

Binary file not shown.

15
cantarell/cantarell.css Normal file
View file

@ -0,0 +1,15 @@
/* cantarell-regular */
@font-face {
font-family: Cantarell;
font-style: normal;
font-weight: 400;
src: local("Cantarell Regular"), local("Cantarell-Regular"), url(cantarell-regular.woff2) format("woff2");
}
/* cantarell-bold */
@font-face {
font-family: Cantarell;
font-style: normal;
font-weight: 700;
src: local("Cantarell Bold"), local("Cantarell-Bold"), url(cantarell-bold.woff2) format("woff2");
}

BIN
inter/inter-black-italic.woff2
View file

Binary file not shown.

BIN
inter/inter-black.woff2
View file

Binary file not shown.

BIN
inter/inter-bold-italic.woff2
View file

Binary file not shown.

BIN
inter/inter-bold.woff2
View file

Binary file not shown.

BIN
inter/inter-extrabold-italic.woff2
View file

Binary file not shown.

BIN
inter/inter-extrabold.woff2
View file

Binary file not shown.

BIN
inter/inter-extralight-italic.woff2
View file

Binary file not shown.

BIN
inter/inter-extralight.woff2
View file

Binary file not shown.

BIN
inter/inter-italic.woff2
View file

Binary file not shown.

BIN
inter/inter-light-italic.woff2
View file

Binary file not shown.

BIN
inter/inter-light.woff2
View file

Binary file not shown.

BIN
inter/inter-medium-italic.woff2
View file

Binary file not shown.

BIN
inter/inter-medium.woff2
View file

Binary file not shown.

BIN
inter/inter-regular.woff2
View file

Binary file not shown.

BIN
inter/inter-semibold-italic.woff2
View file

Binary file not shown.

BIN
inter/inter-semibold.woff2
View file

Binary file not shown.

BIN
inter/inter-thin-italic.woff2
View file

Binary file not shown.

BIN
inter/inter-thin.woff2
View file

Binary file not shown.

127
inter/inter.css
View file

@ -1,127 +0,0 @@
/* inter-black */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 900;
src: local("Inter Black"), local("Inter-Black"), url(inter-black.woff2) format("woff2");
}
/* inter-black-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 900;
src: local("Inter Black Italic"), local("Inter-BlackItalic"), url(inter-black-italic.woff2) format("woff2");
}
/* inter-bold */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
src: local("Inter Bold"), local("Inter-Bold"), url(inter-bold.woff2) format("woff2");
}
/* inter-bold-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 700;
src: local("Inter Bold Italic"), local("Inter-BoldItalic"), url(inter-bold-italic.woff2) format("woff2");
}
/* inter-extrabold */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
src: local("Inter ExtraBold"), local("Inter-ExtraBold"), url(inter-extrabold.woff2) format("woff2");
}
/* inter-extrabold-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 400;
src: local("Inter ExtraBold Italic"), local("Inter-ExtraBoldItalic"), url(inter-extrabold-italic.woff2) format("woff2");
}
/* inter-extralight */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
src: local("Inter ExtraLight"), local("Inter-ExtraLight"), url(inter-extralight.woff2) format("woff2");
}
/* inter-extralight-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 400;
src: local("Inter ExtraLight Italic"), local("Inter-ExtraLightItalic"), url(inter-extralight-italic.woff2) format("woff2");
}
/* inter-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 400;
src: local("Inter Italic"), local("Inter-Italic"), url(inter-italic.woff2) format("woff2");
}
/* inter-light */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 300;
src: local("Inter Light"), local("Inter-Light"), url(inter-light.woff2) format("woff2");
}
/* inter-light-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 300;
src: local("Inter Light Italic"), local("Inter-LightItalic"), url(inter-light-italic.woff2) format("woff2");
}
/* inter-medium */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
src: local("Inter Medium"), local("Inter-Medium"), url(inter-medium.woff2) format("woff2");
}
/* inter-medium-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 500;
src: local("Inter Medium Italic"), local("Inter-MediumItalic"), url(inter-medium-italic.woff2) format("woff2");
}
/* inter-regular */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
src: local("Inter Regular"), local("Inter-Regular"), url(inter-regular.woff2) format("woff2");
}
/* inter-semibold */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
src: local("Inter SemiBold"), local("Inter-SemiBold"), url(inter-semibold.woff2) format("woff2");
}
/* inter-semibold-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 400;
src: local("Inter SemiBold Italic"), local("Inter-SemiBoldItalic"), url(inter-semibold-italic.woff2) format("woff2");
}
/* inter-thin */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 100;
src: local("Inter Thin"), local("Inter-Thin"), url(inter-thin.woff2) format("woff2");
}
/* inter-thin-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 100;
src: local("Inter Thin Italic"), local("Inter-ThinItalic"), url(inter-thin-italic.woff2) format("woff2");
}

332
style.css
View file

@ -1,8 +1,8 @@
@import url("inter/inter.css"); @import url("cantarell/cantarell.css");
html * html *
{ {
font-family: Inter, Cantarell, sans-serif; font-family: Cantarell, sans-serif;
} }
.header { .header {
@ -23,6 +23,7 @@ html *
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: 2cm; margin-top: 2cm;
} }
.middle { .middle {
@ -45,104 +46,6 @@ html *
opacity: 0.5; opacity: 0.5;
} }
.logo {
text-align: center;
}
.grid-container {
display: grid;
justify-content: center;
grid-template-areas:
'left middle right'
}
.headerbutton {
border: none;
border-radius: 8px;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
font-size: 14px;
font-weight: bold;
margin: 4px 2px;
padding-left: 0.3cm;
padding-right: 0.3cm;
cursor: pointer;
min-height: 35px;
transition-duration: 0.2s;
}
.list {
border-radius: 12px 12px 12px 12px;
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
margin-bottom: 50px;
}
.listaction {
display: grid;
grid-template-columns: 1fr 1cm;
text-decoration: none;
align-items: center;
min-height: 1.5cm;
}
.listinfo {
display: grid;
grid-template-columns: 1fr 1fr;
text-decoration: none;
align-items: center;
min-height: 1.5cm;
}
.separator {
max-width: 15cm;
height: 1px;
}
.topbar {
position: fixed;
width: 100%;
height: 1.2cm;
top: 0px;
left: 0px;
z-index: 10;
}
.backbutton {
position: absolute;
border-radius:10px;
justify-content: center;
align-items: center;
text-decoration: none;
display: grid;
font-size: 14px;
cursor: pointer;
margin: 0.1cm;
transition-duration: 0.2s;
width: 1cm;
height: 1cm;
}
.gtk-button-pill {
position: relative;
width: auto;
height: 44px;
border-radius: 22px;
background-color: rgba(53, 132, 228, 1);
color: white;
text-decoration: none;
font-weight: bold;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 0px;
padding: 0px 32px;
margin-bottom: 1cm;
flex-wrap: nowrap;
}
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
body { body {
@ -151,15 +54,56 @@ html *
.logo { .logo {
color: #000; color: #000;
text-align: center;
} }
.grid-container { .grid-container {
display: grid;
justify-content: center;
color: #000000; color: #000000;
grid-template-areas:
'left middle right'
}
.button {
background-color: #EBEBEB;
color: black;
border: none;
border-radius: 8px;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
font-size: 16px;
font-weight: bold;
margin: 4px 2px;
cursor: pointer;
width: 100px;
height: 35px;
transition-duration: 0.2s;
}
.button:hover {
background-color: #E0E0E0;
} }
.headerbutton { .headerbutton {
background-color: #EBEBEB; background-color: #EBEBEB;
color: #000; color: black;
border: none;
border-radius: 8px;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
font-size: 14px;
font-weight: bold;
margin: 4px 2px;
padding-left: 0.3cm;
padding-right: 0.3cm;
cursor: pointer;
min-height: 35px;
transition-duration: 0.2s;
} }
.headerbutton:hover { .headerbutton:hover {
@ -167,53 +111,162 @@ html *
} }
.list { .list {
border-radius: 12px 12px 12px 12px;
background-color: #ffffff; background-color: #ffffff;
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
margin-bottom: 50px;
} }
.separator { .separator {
max-width: 15cm;
height: 1px;
background-color: rgba(237, 237, 237, 1); background-color: rgba(237, 237, 237, 1);
} }
.listaction { .listaction {
display: grid;
grid-template-columns: 1fr 1cm;
text-decoration: none;
color: black; color: black;
align-items: center;
min-height: 1.5cm;
} }
.listinfo { .listinfo {
display: grid;
grid-template-columns: 1fr 1fr;
text-decoration: none;
color: black; color: black;
align-items: center;
min-height: 1.5cm;
} }
.topbar { .topbar {
position: fixed;
width: 100%;
height: 1.2cm;
top: 0px;
left: 0px;
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(224, 224, 224, 1); border: 1px solid rgba(224, 224, 224, 1);
color: #000000; color: #000000;
z-index: 10;
} }
.backbutton { .backbutton {
position: absolute;
color: black; color: black;
border-radius:10px;
justify-content: center;
align-items: center;
text-decoration: none;
display: grid;
font-size: 14px;
cursor: pointer;
margin: 0.1cm;
transition-duration: 0.2s;
width: 1cm;
height: 1cm;
} }
.backbutton:hover { .backbutton:hover {
background-color: #DEDEDE; background-color: #DEDEDE;
} }
.banner {
position: fixed;
background-color: #BFD7F3;
color: black;
width: 100%;
height: 1.2cm;
top: 0px;
left: 0px;
justify-content: center;
align-items: center;
display: flex;
font-weight: bold;
text-align: center;
}
.gtk-button-pill {
position: relative;
width: auto;
height: 44px;
border-radius: 22px;
background-color: rgba(53, 132, 228, 1);
color: white;
text-decoration: none;
font-weight: bold;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 0px;
padding: 0px 32px;
margin-bottom: 1cm;
flex-wrap: nowrap;
}
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.logo {
color: #fff;
text-align: center;
}
body { body {
background-color: #222222; background-color: #222222;
} }
.logo { .grid-container {
color: #fff; display: grid;
justify-content: center;
color: #ffffff;
grid-template-areas:
'left middle right'
} }
.grid-container { .button {
background-color: #4a4a4a;
color: #ffffff; color: #ffffff;
border: none;
border-radius: 8px;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
font-size: 16px;
font-weight: bold;
margin: 4px 2px;
cursor: pointer;
width: 100px;
height: 35px;
transition-duration: 0.2s;
}
.button:hover {
background-color: #595959;
} }
.headerbutton { .headerbutton {
background-color: #4a4a4a; background-color: #4a4a4a;
color: #fff; color: #ffffff;
border: none;
border-radius: 8px;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
font-size: 14px;
font-weight: bold;
margin: 4px 2px;
padding-left: 0.3cm;
padding-right: 0.3cm;
cursor: pointer;
min-height: 35px;
transition-duration: 0.2s;
} }
.headerbutton:hover { .headerbutton:hover {
@ -221,32 +274,101 @@ html *
} }
.list { .list {
border-radius: 12px 12px 12px 12px;
background-color: #363636; background-color: #363636;
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
margin-bottom: 50px;
} }
.separator { .separator {
max-width: 15cm;
height: 1px;
background-color: #232323; background-color: #232323;
} }
.listaction { .listaction {
display: grid;
grid-template-columns: 1fr 1cm;
text-decoration: none;
color: #ffffff; color: #ffffff;
align-items: center;
min-height: 1.5cm;
} }
.listinfo { .listinfo {
display: grid;
grid-template-columns: 1fr 1fr;
text-decoration: none;
color: #ffffff; color: #ffffff;
align-items: center;
min-height: 1.5cm;
} }
.topbar { .topbar {
position: fixed;
width: 100%;
height: 1.2cm;
top: 0px;
left: 0px;
background-color: #303030; background-color: #303030;
border: 1px solid #1f1f1f; border: 1px solid #1f1f1f;
color: #ffffff; color: #ffffff;
z-index: 10;
} }
.backbutton { .backbutton {
position: absolute;
color: #ffffff; color: #ffffff;
border-radius:10px;
justify-content: center;
align-items: center;
text-decoration: none;
display: grid;
font-size: 14px;
cursor: pointer;
margin: 0.1cm;
transition-duration: 0.2s;
width: 1cm;
height: 1cm;
} }
.backbutton:hover { .backbutton:hover {
background-color: #3e3e3e; background-color: #3e3e3e;
} }
.banner {
position: fixed;
background-color: #29415E;
color: white;
width: 100%;
height: 1.2cm;
top: 0px;
left: 0px;
justify-content: center;
align-items: center;
display: flex;
font-weight: bold;
text-align: center;
}
.gtk-button-pill {
position: relative;
width: auto;
height: 44px;
border-radius: 22px;
background-color: rgba(53, 132, 228, 1);
color: white;
text-decoration: none;
font-weight: bold;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 0px;
padding: 0px 32px;
margin-bottom: 1cm;
flex-wrap: nowrap;
}
} }