Branding integration for kanglam

2025-12-18 16:53:21 +00:00 · 2025-12-18 16:53:21 +00:00 · 1678bc0b99
commit 1678bc0b99
parent 7799745f09
22 changed files with 201 additions and 10 deletions
--- a/_config.yml
+++ b/_config.yml
@ -6,7 +6,7 @@ usb_butter_url: "/usb-butter/"
 url: "" # the base hostname & protocol for your site, e.g. http://example.com
 logo: "/assets/images/butter-app-logo-small.svg"
 # powered by jekyll-multiple-languages-plugin
-languages: ['en', 'es', 'fr_SN', 'pt_AO', 'ar']
+languages: ['en', 'es', 'fr_SN', 'pt_AO', 'ar', 'bo']

 exclude: ["public", "Gemfile", "Gemfile.lock", "node_modules", "test", "site-*.zip"]

--- a/_data/home.yml
+++ b/_data/home.yml
@ -1,7 +1,7 @@
 # This file is sitewide, for all languages.
 # To specify per-language data, use the _i18n folder's yml files.

-page_logo: '/assets/images/btr-logo.svg'
+page_logo: '/assets/images/kanglam-logo.svg'
 app_tiles_image: '/assets/images/btr-apps.png'

 modal:
@ -19,4 +19,5 @@ language_selector:
  es: Español
  fr_SN: Français (SN)
  pt_AO: Português (AO)
-  ar: العربية
+  ar: العربية
+  bo: བོད་སྐད་
--- a/_i18n/ar.yml
+++ b/_i18n/ar.yml
@ -1,3 +1,4 @@
+language: ar
 ipfs_text: قم بتحميل ملف من جهازك إلى نظام الملفات هذا الصندوق سيضع حمولاتك 
  ويتقاسمها مع الشبكة العالمية لبرمجيات المعلومات عندما يكون صندوق بوتر وصلة في 
  أعلى المجرى.
--- a/_i18n/bo.yml
+++ b/_i18n/bo.yml
@ -1,4 +1,5 @@
-site_name: མར་སྒམ།
+language: 'bo'
+site_name: རྐང་ལམ། 
 page_logo_alt: མར་བཀོལ་ཆས་ཁྱད་ཆོས་མཚོན་རྟགས།
 title: དྲ་རྒྱ་མེད་པའི་མི་ཚེ་སྔར་ལས་བདེ་པོ་བཟོས་ཡོད།<br /> 
  སྤྱོད་སྒོ་ཆེ་བའི་ལག་ཆ་རག་པར་བྱོས།
@ -32,3 +33,9 @@ text:
  dont_show_chat: "མར་གྱི་ནང་དུ་བཀོལ་ཆས་ཁག་ཅིག་ཕྱོགས་བསྡུས་བྱས་ཡོད་པ་དེས། དྲ་རྒྱ་མེད་པའི་མི་ཚེ་སྟབས་བདེ་རུ་གཏོང་གི་ཡོད།
    དེ་ཕབ་ལེན་བྱས་ཏེ་འཚོལ་ཞིབ་བྱོས། ཁྱབ་བསྒྲགས་མེད་པའི་རིན་མེད་ཀྱི་བཀོལ་ཆས་ཕབ་ལེན་བྱོས།
    ཡང་ན། བརྩེ་བ་ཁྱབ་སྤེལ་དང་། དྲ་རྒྱ་མེད་པའི་ཐོག་ནས་བཀོལ་ཆས་བརྒྱུད་སྐུར་བྱོས།\n"
+message_board: གླེང་མོལ།
+app_store: མཉེན་མཛོད།
+explore: མཐེབ་འཇུག
+butter_box_title: ཕེབས་པར་དགའ་བསུ་ཞུ།རྐང་ལམ།
+butter_box_subtitle:  རྐང་ལམ་ནི་འཛམ་གླིང་ཡོངས་ཁྱབ་ཀྱི་རང་བྱུང་གི་གནོད་འཚེ་ཁག་གིས་མི་དང་མི་ཕན་ཚུན་དབར་གྱི་འབྲེལ་འདྲིས་དང་ཡིག་ཆ་མཉམ་སྤྱོད་ལ་ཇི་ལྟར་ཤུགས་རྐྱེན་ཐེབས་ཀྱི་ཡོད་མེད་གཙོ་གནད་དུ་བཟུང་སྟེ་འཆར་འགོད་བྱས་པའི་མ་ལག་ཅིག་ཡིན།
+
--- a/_i18n/de.yml
+++ b/_i18n/de.yml
@ -1,3 +1,4 @@
+languge: de
 modal:
  info_list:
  - Vom Team Butter
--- a/_i18n/en.yml
+++ b/_i18n/en.yml
@ -1,3 +1,4 @@
+language: 'en'
 site_name: 'Butter Box'
 page_logo_alt: 'Butter App Feature Logo'
 title: 'Life without internet made smoother. <br /> Get access to tools that help.'
@ -114,4 +115,4 @@ captive:
  welcome_details: |
    This network doesn't provide internet access, just the next best thing, the Butter app. Butter features a collection of apps to make life without the internet a little smoother.
    <br/><br/>Once you've connected, simply open http://butterbox.lan in your browser. 
-  continue_button: 'Continue'
+  continue_button: 'Continue'
--- a/_i18n/es.yml
+++ b/_i18n/es.yml
@ -1,3 +1,4 @@
+language: es
 site_name: 'Mantequilla'
 page_logo_alt: 'Logo de la aplicación Mantequilla'
 title: 'Para hacer tu vida sin Internet más fácil. <br /> Obtén herramientas que ayudan.'
--- a/_i18n/fr.yml
+++ b/_i18n/fr.yml
@ -1,3 +1,4 @@
+language: fr
 modal:
  info_list:
  - Par l'équipe Butter
--- a/_i18n/fr_SN.yml
+++ b/_i18n/fr_SN.yml
@ -1,3 +1,4 @@
+language: fr
 page_logo_alt: Logo de l'application Butter
 title: Restez connectés, même sans la connexion Internet. <br /> Les outils qu'il
  faut.
--- a/_i18n/pt.yml
+++ b/_i18n/pt.yml
@ -1,3 +1,4 @@
+language: pt
 fdroid_button_text: Descarregar o Butter
 app_tiles_image_alt: Coleção de funcionalidades da app Butter
 view_all_apps: Ver todas as apps
--- a/_i18n/pt_PT.yml
+++ b/_i18n/pt_PT.yml
@ -1,3 +1,4 @@
+language: pt
 site_name: Caixa Butter
 page_logo_alt: Logotipo do recurso da app Butter
 title: A vida sem Internet tornou-se mais fácil. <br /> Obtenha acesso a ferramentas
--- a/_layouts/basic.html
+++ b/_layouts/basic.html
@ -1,5 +1,6 @@
 <!DOCTYPE html>
-<html lang="en">
+
+<html lang=bo>
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -7,8 +8,14 @@
    {% include seo.html %}
    <title>{% t title %}</title>
    <link rel="icon" href="{{ '/assets/images/butter-favicon-120.png' | relative_url }}" type="image/png" />
+
+{% capture lang %}{% t language %}{% endcapture %}
+{% if lang == 'bo' %}
+  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style-kanglam.css" />
+{% else %}
+  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css" />
+{% endif %}
    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/slick.min.css"/>
-    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css" />
  </head>
  <body>
    <main class="main-area">
--- a/_scss/helpers/typography.scss
+++ b/_scss/helpers/typography.scss
@ -5,6 +5,7 @@
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
+  unicode-range: U+0000-007F;
  src: url('../fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
@ -13,11 +14,36 @@
       url('../fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
 }
+
+/* Qomolangma-Chuyig */
+@font-face {
+  font-family: 'Qomolangma-Chuyig';
+  font-style: normal;
+  font-weight: 400;
+  unicode-range: U+0F00-0FFF;
+  src: local(''),
+       url('../fonts/Qomolangma-Chuyig.woff2') format('woff2'), /* Super Modern Browsers */
+}
+
+
+/* MonlamUniOuChan2 */
+@font-face {
+  font-family: 'MonlamUniOuChan2';
+  font-style: normal;
+  font-weight: 400;
+  unicode-range: U+0F00-0FFF;
+  src: local(''),
+       url('../fonts/MonlamUniOuChan2.woff') format('woff'), /* Super Modern Browsers */
+
+}
+
+
 /* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
+  unicode-range: U+0000-007F;
  src: url('../fonts/poppins-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
@ -31,6 +57,7 @@
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
+  unicode-range: U+0000-007F;
  src: url('../fonts/poppins-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
@ -44,6 +71,7 @@
  font-family: 'Prata';
  font-style: normal;
  font-weight: 400;
+  unicode-range: U+0000-007F;
  src: url('../fonts/prata-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/prata-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
--- a/assets/css/_kanglam-branding.scss
+++ b/assets/css/_kanglam-branding.scss
@ -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 */
+}
+
--- a/assets/css/_kanglam-fonts.scss
+++ b/assets/css/_kanglam-fonts.scss
@ -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;
+
+}    
--- a/assets/css/style-kanglam.scss
+++ b/assets/css/style-kanglam.scss
@ -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";
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@ -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";
--- a/assets/fonts/MonlamUniOuChan2.woff
+++ b/assets/fonts/MonlamUniOuChan2.woff
--- a/assets/fonts/Qomolangma-Chuyig.woff2
+++ b/assets/fonts/Qomolangma-Chuyig.woff2
--- a/assets/images/banner.avif
+++ b/assets/images/banner.avif
--- a/assets/images/kanglam-logo.svg
+++ b/assets/images/kanglam-logo.svg
@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 109.3 109.7">
+  <!-- Generator: Adobe Illustrator 29.8.2, SVG Export Plug-In . SVG Version: 2.1.1 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#radial-gradient);
+      }
+
+      .st1 {
+        fill: url(#radial-gradient1);
+      }
+
+      .st2 {
+        fill: #123256;
+      }
+
+      .st3 {
+        fill: url(#radial-gradient2);
+      }
+    </style>
+    <radialGradient id="radial-gradient" cx="-6.5" cy="-230.2" fx="-33.2" fy="-216.4" r="33.6" gradientTransform="translate(42 -102.7) rotate(-9.8) scale(1 -.6)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset=".4" stop-color="#ef444e"/>
+      <stop offset=".7" stop-color="#bf1e2d"/>
+    </radialGradient>
+    <radialGradient id="radial-gradient1" cx="34.3" cy="57.3" fx="34.3" fy="39.1" r="30.8" gradientTransform="translate(42.4 132.3) rotate(-5.5) scale(1 -1.1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset=".4" stop-color="#8dc63f"/>
+      <stop offset=".7" stop-color="#006838"/>
+    </radialGradient>
+    <radialGradient id="radial-gradient2" cx="53.6" cy="38.2" fx="53.6" fy="38.2" r="45.6" gradientTransform="translate(0 109.9) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset=".4" stop-color="#faed32"/>
+      <stop offset=".7" stop-color="#f7941d"/>
+    </radialGradient>
+  </defs>
+  <circle class="st2" cx="55" cy="55.6" r="43.9"/>
+  <path class="st0" d="M79.8,28.4c-9.5-9.2-24.3-13.6-36.9-8.6-10.7,4.3-19.2,17.1-11.9,28,2,3,7.7,7.5,10.9,3.9s-2.5-9.6-4.9-6.6c-1.7,2.2,2.7,3.2,2.7,3.4,0,2.6-7.1-2.3-3.2-5.1,4.8-3.4,11.1,4.5,7.2,9.4-.8.9-1.9.9-2.5,1.9,6.2,1,9.1-3.3,12.1-7.7v-1c.2-3.2-2.2-6-5.1-7.1-.6-.3-1.1,0-1.6-.7.5-.6,1.2-.4,1.9-.3,1.9.3,3.6,1.4,4.8,2.9.9,1.1,1.5,2.5,1.6,4,1-1.3,2-2.6,3.2-3.6,0,0,.2,0,.3-.2.5-1.9-1.2-3.9-2.6-5.1-.6-.5-1.2-.7-1.9-1,0,0-.2-.2-.3-.3.2-.3.5-.4.7-.4,2.5,0,5.6,2.8,5.7,5.5,1-.7,2.1-1.2,3.2-1.7h0c0-1.2-.2-2.6-1.1-3.4-.3-.3-.7-.5-1-.6,0,0-.3-.2-.4-.5.3-.4.7-.4,1.1-.3,1.6,0,2.6,1.6,3,3,0,.5,0,.9,0,1.4,8.9-2.8,19.1,1.1,25.3,8.3-1.8-6.4-5.6-12.7-10.4-17.3v-.2ZM81.5,38.2c-1.1-.3-1.9-.9-2.7-1.6-.8-.6-1.7-1.2-2.5-1.8-2.5-1.7-5.2-3.3-8-4.4-8.9-3.7-17.9-2.1-24.7,4.9-1.1,1.1-2,2.2-2.9,3.5-.3.4-.6.8-1.4.9,0,0-.2,0-.3-.2-.4-1.2.6-2.1,1.2-3,1.9-2.5,4.3-4.8,7-6.5,9.9-6.4,21.1-2.9,29.8,3.6,1.6,1.4,3.6,2.3,4.5,4.3,0,0,0,.3-.2.2h.2Z"/>
+  <path class="st1" d="M91.8,59.5c-.9-12.1-12.6-22-24.7-19-6,1.5-10.2,6.9-8.2,13.1,2.2,6.9,12,2.2,10.8-3.2-.7-3.1-5.3-1.9-4.5.6.3.9,1.8,0,1.5,1.4-1.1.5-2.2.3-2.8-.8-1.6-3.4,4.4-7.5,7-2.5,3,5.8-5.2,12-10.7,10.1,1,1.6,1.8,3.4,2.4,5.1,2.4,1.9,5.8,1.7,8.4.2.6-.3.8-.8,1.6-.8.2.8-.5,1.2-.9,1.6-1.4,1.3-3.3,2-5.2,1.9-1.1,0-2.2-.2-3.2-.7.3,1.7.5,3.4.4,5,1.3,1.1,3.6,1,5.1.7.7,0,1.3-.5,1.9-.9h.5c0,.4,0,.6,0,.8-1.4,1.9-5.3,2.5-7.5,1.2-.2,1.2-.4,2.4-.8,3.6.9.8,2,1.3,3.2,1.1.4,0,.8-.2,1.1-.4,0,0,.3,0,.6,0,.2.5,0,.7-.4,1-1.1,1.1-2.9,1.1-4.2.5-.3,0-.6-.3-.9-.6-2.1,5.1-6.2,9.4-12.1,11.5l-6.8,1.7c20.7,6.9,50.4-8.7,48.6-32.5v.3ZM78.6,69.5c-1.2,11.7-10.9,18.3-21.5,21-2.1.4-4.1,1.3-6.2.8,0,0-.2-.2,0-.3.9-.7,1.9-.9,2.9-1.1s2-.5,3-.8c2.9-.9,5.8-2,8.4-3.5,8.5-4.6,12.8-12.6,11.7-22.3-.2-1.5-.5-3-.9-4.4-.2-.5-.2-1,0-1.6,0,0,.2-.2.3,0,1.2.5,1.2,1.8,1.6,2.8.8,3.1,1.1,6.3.7,9.5h0Z"/>
+  <path class="st3" d="M45.3,59.9c-.4.3-.7.4-1.2.6-2.9,1.3-4.3,4.7-3.9,7.8,0,.7.4,1,0,1.7-.8-.2-.9-.9-1.2-1.5-.6-1.8-.5-3.8.3-5.6.6-1.5,1.8-2.8,3.3-3.5-1.3-.3-2.7-.6-3.9-1-.3,0-.6-.2-.8-.3-.3.2-.4.3-.6.3-2,.3-3.1,2.9-3.5,4.7-.2.7,0,1.4,0,2.1s0,.3,0,.4c-.4,0-.6-.2-.7-.5-1.4-2.3,0-7.1,2.9-8-1.2-.6-2.2-1.3-3.2-2.1h0c0,.2-.4.2-.6.4-1.1.5-2.2,1.4-2.5,2.6,0,.4-.1.8,0,1.2,0,0,0,.3-.3.6-.5,0-.6-.4-.8-.8-.6-1.4.2-3.1,1.3-4.1.5-.5,1.1-.8,1.8-.9-4.5-4.2-6.9-10.5-6.5-17.1,0-1.6.7-3.1.6-4.7-7.3,9.7-9.9,22.1-7,34,3.1,12.4,13.1,23.5,27,21.3,6.4-1,13.7-7.3,11.7-14.4-1.3-4.6-7.1-5.2-7.1-.5s1.3,1.8,3.5,1.9c-1.6,3.2-5.4,1.6-5.7-1.5-.5-5.9,6.4-8.5,9.9-3.8l1.9,3.2c.2-10.9-7-11.5-14.5-12.7l-.2.2ZM45.1,76.2c-.9.9-2.1.4-3.2.3-3.2-.5-6.2-1.5-9-3.1-10.2-5.8-12.4-17.3-10.8-28,.4-2.1.4-4.3,1.7-6,0,0,.3,0,.3,0,.3,1.1.1,2.1-.1,3.1s-.3,2-.4,3c-.3,3-.5,6.1-.1,9.1.9,9.7,6.5,16.8,15.8,19.5,1.4.4,2.9.7,4.4.9.5,0,1,.2,1.5.8v.3h-.1Z"/>
+</svg>
--- a/index.html
+++ b/index.html
@ -6,7 +6,7 @@ layout: default

 <div class="container">
  <div class="content">
-    <img src="{{ site.baseurl }}/assets/images/btr-logo.svg" alt="Paddy, the Butter Box Mascot"
+    <img src="{{ site.baseurl }}/assets/images/kanglam-logo.svg" alt="Paddy, the Butter Box Mascot"
      class="drippy" />
    <h1 class="homepage-title">{% t butter_box_title %}</h1>
    <h1 class="homepage-subtitle">{% t butter_box_subtitle %}</h1>
@ -34,4 +34,4 @@ layout: default
      </a>
    </div>
  </div>
-</div>
+</div>