Branding integration for kanglam

This commit is contained in:
Ana Custura 2025-12-18 16:53:21 +00:00
parent 7799745f09
commit 1678bc0b99
22 changed files with 201 additions and 10 deletions

View file

@ -6,7 +6,7 @@ usb_butter_url: "/usb-butter/"
url: "" # the base hostname & protocol for your site, e.g. http://example.com url: "" # the base hostname & protocol for your site, e.g. http://example.com
logo: "/assets/images/butter-app-logo-small.svg" logo: "/assets/images/butter-app-logo-small.svg"
# powered by jekyll-multiple-languages-plugin # 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"] exclude: ["public", "Gemfile", "Gemfile.lock", "node_modules", "test", "site-*.zip"]

View file

@ -1,7 +1,7 @@
# This file is sitewide, for all languages. # This file is sitewide, for all languages.
# To specify per-language data, use the _i18n folder's yml files. # 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' app_tiles_image: '/assets/images/btr-apps.png'
modal: modal:
@ -20,3 +20,4 @@ language_selector:
fr_SN: Français (SN) fr_SN: Français (SN)
pt_AO: Português (AO) pt_AO: Português (AO)
ar: العربية ar: العربية
bo: བོད་སྐད་

View file

@ -1,3 +1,4 @@
language: ar
ipfs_text: قم بتحميل ملف من جهازك إلى نظام الملفات هذا الصندوق سيضع حمولاتك ipfs_text: قم بتحميل ملف من جهازك إلى نظام الملفات هذا الصندوق سيضع حمولاتك
ويتقاسمها مع الشبكة العالمية لبرمجيات المعلومات عندما يكون صندوق بوتر وصلة في ويتقاسمها مع الشبكة العالمية لبرمجيات المعلومات عندما يكون صندوق بوتر وصلة في
أعلى المجرى. أعلى المجرى.

View file

@ -1,4 +1,5 @@
site_name: མར་སྒམ། language: 'bo'
site_name: རྐང་ལམ།
page_logo_alt: མར་བཀོལ་ཆས་ཁྱད་ཆོས་མཚོན་རྟགས། page_logo_alt: མར་བཀོལ་ཆས་ཁྱད་ཆོས་མཚོན་རྟགས།
title: དྲ་རྒྱ་མེད་པའི་མི་ཚེ་སྔར་ལས་བདེ་པོ་བཟོས་ཡོད།<br /> title: དྲ་རྒྱ་མེད་པའི་མི་ཚེ་སྔར་ལས་བདེ་པོ་བཟོས་ཡོད།<br />
སྤྱོད་སྒོ་ཆེ་བའི་ལག་ཆ་རག་པར་བྱོས། སྤྱོད་སྒོ་ཆེ་བའི་ལག་ཆ་རག་པར་བྱོས།
@ -32,3 +33,9 @@ text:
dont_show_chat: "མར་གྱི་ནང་དུ་བཀོལ་ཆས་ཁག་ཅིག་ཕྱོགས་བསྡུས་བྱས་ཡོད་པ་དེས། དྲ་རྒྱ་མེད་པའི་མི་ཚེ་སྟབས་བདེ་རུ་གཏོང་གི་ཡོད། dont_show_chat: "མར་གྱི་ནང་དུ་བཀོལ་ཆས་ཁག་ཅིག་ཕྱོགས་བསྡུས་བྱས་ཡོད་པ་དེས། དྲ་རྒྱ་མེད་པའི་མི་ཚེ་སྟབས་བདེ་རུ་གཏོང་གི་ཡོད།
དེ་ཕབ་ལེན་བྱས་ཏེ་འཚོལ་ཞིབ་བྱོས། ཁྱབ་བསྒྲགས་མེད་པའི་རིན་མེད་ཀྱི་བཀོལ་ཆས་ཕབ་ལེན་བྱོས། དེ་ཕབ་ལེན་བྱས་ཏེ་འཚོལ་ཞིབ་བྱོས། ཁྱབ་བསྒྲགས་མེད་པའི་རིན་མེད་ཀྱི་བཀོལ་ཆས་ཕབ་ལེན་བྱོས།
ཡང་ན། བརྩེ་བ་ཁྱབ་སྤེལ་དང་། དྲ་རྒྱ་མེད་པའི་ཐོག་ནས་བཀོལ་ཆས་བརྒྱུད་སྐུར་བྱོས།\n" ཡང་ན། བརྩེ་བ་ཁྱབ་སྤེལ་དང་། དྲ་རྒྱ་མེད་པའི་ཐོག་ནས་བཀོལ་ཆས་བརྒྱུད་སྐུར་བྱོས།\n"
message_board: གླེང་མོལ།
app_store: མཉེན་མཛོད།
explore: མཐེབ་འཇུག
butter_box_title: ཕེབས་པར་དགའ་བསུ་ཞུ།རྐང་ལམ།
butter_box_subtitle: རྐང་ལམ་ནི་འཛམ་གླིང་ཡོངས་ཁྱབ་ཀྱི་རང་བྱུང་གི་གནོད་འཚེ་ཁག་གིས་མི་དང་མི་ཕན་ཚུན་དབར་གྱི་འབྲེལ་འདྲིས་དང་ཡིག་ཆ་མཉམ་སྤྱོད་ལ་ཇི་ལྟར་ཤུགས་རྐྱེན་ཐེབས་ཀྱི་ཡོད་མེད་གཙོ་གནད་དུ་བཟུང་སྟེ་འཆར་འགོད་བྱས་པའི་མ་ལག་ཅིག་ཡིན།

View file

@ -1,3 +1,4 @@
languge: de
modal: modal:
info_list: info_list:
- Vom Team Butter - Vom Team Butter

View file

@ -1,3 +1,4 @@
language: 'en'
site_name: 'Butter Box' site_name: 'Butter Box'
page_logo_alt: 'Butter App Feature Logo' page_logo_alt: 'Butter App Feature Logo'
title: 'Life without internet made smoother. <br /> Get access to tools that help.' title: 'Life without internet made smoother. <br /> Get access to tools that help.'

View file

@ -1,3 +1,4 @@
language: es
site_name: 'Mantequilla' site_name: 'Mantequilla'
page_logo_alt: 'Logo de la aplicación 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.' title: 'Para hacer tu vida sin Internet más fácil. <br /> Obtén herramientas que ayudan.'

View file

@ -1,3 +1,4 @@
language: fr
modal: modal:
info_list: info_list:
- Par l'équipe Butter - Par l'équipe Butter

View file

@ -1,3 +1,4 @@
language: fr
page_logo_alt: Logo de l'application Butter page_logo_alt: Logo de l'application Butter
title: Restez connectés, même sans la connexion Internet. <br /> Les outils qu'il title: Restez connectés, même sans la connexion Internet. <br /> Les outils qu'il
faut. faut.

View file

@ -1,3 +1,4 @@
language: pt
fdroid_button_text: Descarregar o Butter fdroid_button_text: Descarregar o Butter
app_tiles_image_alt: Coleção de funcionalidades da app Butter app_tiles_image_alt: Coleção de funcionalidades da app Butter
view_all_apps: Ver todas as apps view_all_apps: Ver todas as apps

View file

@ -1,3 +1,4 @@
language: pt
site_name: Caixa Butter site_name: Caixa Butter
page_logo_alt: Logotipo do recurso da app 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 title: A vida sem Internet tornou-se mais fácil. <br /> Obtenha acesso a ferramentas

View file

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<html lang=bo>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -7,8 +8,14 @@
{% include seo.html %} {% include seo.html %}
<title>{% t title %}</title> <title>{% t title %}</title>
<link rel="icon" href="{{ '/assets/images/butter-favicon-120.png' | relative_url }}" type="image/png" /> <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/slick.min.css"/>
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css" />
</head> </head>
<body> <body>
<main class="main-area"> <main class="main-area">

View file

@ -5,6 +5,7 @@
font-family: 'Poppins'; font-family: 'Poppins';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
unicode-range: U+0000-007F;
src: url('../fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''), src: local(''),
url('../fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 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.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy 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 */ /* poppins-600 - latin */
@font-face { @font-face {
font-family: 'Poppins'; font-family: 'Poppins';
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
unicode-range: U+0000-007F;
src: url('../fonts/poppins-v15-latin-600.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v15-latin-600.eot'); /* IE9 Compat Modes */
src: local(''), src: local(''),
url('../fonts/poppins-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
@ -31,6 +57,7 @@
font-family: 'Poppins'; font-family: 'Poppins';
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
unicode-range: U+0000-007F;
src: url('../fonts/poppins-v15-latin-700.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v15-latin-700.eot'); /* IE9 Compat Modes */
src: local(''), src: local(''),
url('../fonts/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
@ -44,6 +71,7 @@
font-family: 'Prata'; font-family: 'Prata';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
unicode-range: U+0000-007F;
src: url('../fonts/prata-v13-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/prata-v13-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''), src: local(''),
url('../fonts/prata-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/prata-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

View 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 */
}

View 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;
}

View 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";

View file

@ -1,9 +1,9 @@
--- ---
--- ---
@import "helpers/normalize"; @import "helpers/normalize";
@import "helpers/typography"; @import "helpers/typography";
@import "helpers/variables"; @import "helpers/variables";
@import "helpers/utilities"; @import "helpers/utilities";
@import "libs/micromodal"; @import "libs/micromodal";
@import "pages/home"; @import "pages/home";
@import "kanglam-branding";

Binary file not shown.

Binary file not shown.

BIN
assets/images/banner.avif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 4.2 KiB

View file

@ -6,7 +6,7 @@ layout: default
<div class="container"> <div class="container">
<div class="content"> <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" /> class="drippy" />
<h1 class="homepage-title">{% t butter_box_title %}</h1> <h1 class="homepage-title">{% t butter_box_title %}</h1>
<h1 class="homepage-subtitle">{% t butter_box_subtitle %}</h1> <h1 class="homepage-subtitle">{% t butter_box_subtitle %}</h1>