Branding integration for kanglam
This commit is contained in:
parent
7799745f09
commit
1678bc0b99
22 changed files with 201 additions and 10 deletions
53
assets/css/_kanglam-branding.scss
Normal file
53
assets/css/_kanglam-branding.scss
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
body {
|
||||
background: url('/assets/images/banner.avif') center/cover no-repeat;
|
||||
background-size: cover; /* ensure image covers the whole viewport */
|
||||
background-position: center;
|
||||
color: #ffba00;
|
||||
}
|
||||
|
||||
/* Gradient overlay on top of image */
|
||||
body::before {
|
||||
content: "";
|
||||
position: fixed; /* cover the viewport */
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100svh;
|
||||
z-index: -1; /* behind content, above body bg */
|
||||
|
||||
background-color: #461901; /* solid overlay color */
|
||||
opacity: 0.8; /* adjust overlay intensity */
|
||||
}
|
||||
|
||||
.homepage-subtitle {
|
||||
color: #ffba00;
|
||||
}
|
||||
|
||||
.language-selector-container,
|
||||
.card {
|
||||
background: linear-gradient(to right top, #ff6900 0%, #7e2a0c 100%);
|
||||
border-width: 1px;
|
||||
color: #ffd230;
|
||||
border-color: #fd9a00;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited {
|
||||
color: #ffd230;
|
||||
}
|
||||
|
||||
.header .language-selector {
|
||||
background: linear-gradient(to right top, #ff6900 0%, #7e2a0c 100%);
|
||||
border-color: #fd9a00;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
.header__text h2.modal__title {
|
||||
color: #ffd230;
|
||||
}
|
||||
|
||||
div.modal__container.language-selector-container {
|
||||
border: 1px solid #fd9a00; /* border width and color */
|
||||
border-radius: 8px; /* optional: rounded corners */
|
||||
}
|
||||
|
||||
35
assets/css/_kanglam-fonts.scss
Normal file
35
assets/css/_kanglam-fonts.scss
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
@font-face {
|
||||
font-family: 'MonlamUniOuChan2';
|
||||
src: url('./fonts/MonlamUniOuChan2.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Qomolangma-Chuyig';
|
||||
src: url('./fonts/Qomolangma-Chuyig.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: 'MonlamUniOuChan2', system-ui, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'MonlamUniOuChan2', system-ui, sans-serif;
|
||||
}
|
||||
|
||||
.homepage-subtitle {
|
||||
font-size: 1.5em;
|
||||
font-family: 'MonlamUniOuChan2', system-ui, sans-serif;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: 'Qomolangma-Chuyig', sans-serif;
|
||||
font-size: 4em;
|
||||
padding-top: 0.25em;
|
||||
|
||||
}
|
||||
10
assets/css/style-kanglam.scss
Normal file
10
assets/css/style-kanglam.scss
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
---
|
||||
@import "helpers/normalize";
|
||||
@import "helpers/typography";
|
||||
@import "helpers/variables";
|
||||
@import "helpers/utilities";
|
||||
@import "libs/micromodal";
|
||||
@import "pages/home";
|
||||
@import "kanglam-branding";
|
||||
@import "kanglam-fonts";
|
||||
|
|
@ -1,9 +1,9 @@
|
|||
---
|
||||
---
|
||||
|
||||
@import "helpers/normalize";
|
||||
@import "helpers/typography";
|
||||
@import "helpers/variables";
|
||||
@import "helpers/utilities";
|
||||
@import "libs/micromodal";
|
||||
@import "pages/home";
|
||||
@import "kanglam-branding";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue