vipassana-design-standards 0.0.18 → 0.0.20

package/dist/js/helper.js

@@ -0,0 +1,96 @@
+import i18n from './i18n.js'
+
+function isRtl(locale) {
+  return ['ar', 'fa', 'he'].includes(locale)
+}
+
+export function vdsFaviconTag() {
+  return `<link rel="shortcut icon" type="image/x-icon" href="https://design-standards.dhamma.org/dist/favicon.png">`
+}
+
+function vdsAssetUrl(path, localhost = false) {
+  // For localhost dev, just run vscode liveserver
+  if (localhost) return `http://localhost:5500/dist/${path}`
+
+  return `https://design-standards.dhamma.org/dist/0.0.20/${path}`
+}
+
+function stylesheetLinkTag(url) {
+  return `<link rel="stylesheet" type="text/css" href="${url}">`
+}
+
+function javascriptIncludeTag(url) {
+  return `<script type="text/javascript" src="${url}"></script>`
+}
+
+export function vdsBootstrapThemeCssTag(locale, localhost = false) {
+  let tags = [
+    stylesheetLinkTag(vdsAssetUrl(`css/bootstrap5-theme${isRtl(locale) ? '.rtl' : ''}.min.css`, localhost))
+  ]
+  // Add specific fonts for languages not compatible with Footlight and Lato
+  if (['gu', 'ja', 'km'].includes(locale))
+    tags.push(stylesheetLinkTag(vdsAssetUrl(`css/fonts-${locale}.min.css`)))
+
+  return tags.join('')
+}
+
+export function vdsBootstrapThemeJsTag(locale, localhost = false) {
+  return javascriptIncludeTag(vdsAssetUrl("js/bootstrap5-theme.min.js", localhost))
+}
+
+export function vdsLogo(locale, disposition = "default", size = '18', tagline = true, dark = false) {
+  let trans = i18n[locale] || i18n.en
+
+  if (disposition == "mobile") {
+    disposition = "left-two-lines"
+    tagline = false
+  }
+
+  return `
+    <div class="vipassana-logo"
+        data-disposition="${disposition}"
+        data-tagline="${tagline}"
+        data-dark-mode="${dark}"
+        data-reverse="${trans.reverse}"
+        style="font-size: ${size}px">
+      <img class="logo-wheel" src="https://design-standards.dhamma.org/dist/dhamma-wheel.svg" />
+      <div class="logo-text">
+        <h1 class="logo-title">
+          <span data-start-with="${trans.vipassana_meditation.charAt(0).toLowerCase()}">
+            ${trans.vipassana_meditation}
+          </span>
+          <span class="logo-space">&nbsp;</span>
+          <span>${trans.as_taught}</span>
+        </h1>
+        <div class="logo-subtitle">${trans.in_the_tradition}</div>
+      </div>
+    </div>
+  `
+}
+
+// Some icons from bootstrap icons, so all websites use the same
+export function vdsIconLocale() {
+  return `
+    <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" fill="currentColor" class="bi bi-translate" viewBox="0 0 16 16">
+      <path d="M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286H4.545zm1.634-.736L5.5 3.956h-.049l-.679 2.022H6.18z"/>
+      <path d="M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm7.138 9.995c.193.301.402.583.63.846-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6.066 6.066 0 0 1-.415-.492 1.988 1.988 0 0 1-.94.31z"/>
+    </svg>
+  `
+}
+
+export function vdsIconAccount() {
+  return `
+    <svg xmlns="http://www.w3.org/2000/svg" width="2.2em" height="2.2em" fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16">
+      <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
+      <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/>
+    </svg>
+  `
+}
+
+export function vdsIconMenu() {
+  return `
+    <svg xmlns="http://www.w3.org/2000/svg" width="1.8em" height="1.8em" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
+    </svg>
+  `
+}

package/dist/js/i18n.js

@@ -0,0 +1,309 @@
+export default {
+  "en": {
+    "language": "English",
+    "vipassana_meditation": "Vipassana Meditation",
+    "as_taught": "as Taught by S.N. Goenka",
+    "in_the_tradition": "in the Tradition of Sayagyi U Ba Khin",
+    "full": "Vipassana Meditation As Taught By S.N. Goenka in the Tradition of Sayagyi U Ba Khin",
+  },
+  "bg": {
+    "language": "Bulgarian",
+    "vipassana_meditation": "Випассана Медитация",
+    "as_taught": "както се Преподава от С.Н. Гоенка",
+    "in_the_tradition": "в Традицията на Саяджи У Ба Кин",
+    "full": "Випассана Медитация, както се преподава от С. Н. Гоенка, в традицията на Саяджи У Ба Кин",
+  },
+  "ca": {
+    "language": "Catalan",
+    "vipassana_meditation": "Meditació Vipassana",
+    "as_taught": "tal com l’ensenya S.N. Goenka",
+    "in_the_tradition": "en la tradició de Sayagyi U Ba Khin",
+    "full": "Meditació Vipassana tal com l’ensenya S.N. Goenka en la tradició de Sayagyi U Ba Khin"
+  },
+  "cs": {
+    "language": "Czech",
+    "vipassana_meditation": "Meditace Vipassana",
+    "as_taught": "jak ji Vyučoval S.N. Goenka",
+    "in_the_tradition": "podle Tradice Sayagyi U Ba Khin",
+    "full": "Meditace vipassana, jak ji vyučuje S. N. Goenka podle tradice Sayagyi U Ba Khina"
+  },
+  "de": {
+    "language": "German",
+    "vipassana_meditation": "Vipassana Meditation",
+    "as_taught": "wie Gelehrt von S.N. Goenka",
+    "in_the_tradition": "in der Tradition von Sayagyi U Ba Khin",
+    "full": "Vipassana Meditation wie gelehrt von S.N. Goenka in der Tradition von Sayagyi U Ba Khin"
+  },
+  "el": {
+    "language": "Greek",
+    "vipassana_meditation": "Βιπάσσανα Διαλογισμός",
+    "as_taught": "Όπως διδάσκει ο S.N. Goenka",
+    "in_the_tradition": "στην παράδοση του Sayagyi U Ba Khin",
+    "full": "Διαλογισμός Βιπάσσανα όπως διδάσκεται από τον S.N.Goenka και τους βοηθούς του,  κατά την παράδοση του Sayagyi U Ba Khin"
+  },
+  "es": {
+    "language": "Spanish",
+    "vipassana_meditation": "Meditación Vipassana",
+    "as_taught": "tal y como la Enseña S.N. Goenka",
+    "in_the_tradition": "en la Tradición de Sayagyi U Ba Khin",
+    "full": "Meditación Vipassana tal y como la enseña S.N. Goenka en la tradición de Sayagyi U Ba Khin",
+  },
+  "fa": {
+    "rtl": true,
+    "language": "Persian (Farsi)",
+    "vipassana_meditation": "ویپاسانا مراقبه",
+    "as_taught": "همانطور که توسط س.ن. گوئنکا تدریس شده است",
+    "in_the_tradition": "به سنت سایاجی اوباکین",
+    "full": "مراقبه ویپاسانا با روش آموزش س. ن. گوینکا در سنت سایاجی اوباکین"
+  },
+  "fi": {
+    "language": "Finnish",
+    "vipassana_meditation": "Vipassana Meditaatio",
+    "as_taught": "S.N. Goenka opettamana",
+    "in_the_tradition": "Sayagyi U Ba Khinin Traditiossa",
+    "full": "Vipassanameditaatio S.N. Goenkan opettamana, Sayagyi U Ba Khinin traditiossa",
+  },
+  "fr": {
+    "language": "French",
+    "vipassana_meditation": "Méditation Vipassana",
+    "as_taught": "telle qu'enseignée par S.N. Goenka",
+    "in_the_tradition": "dans la Tradition de Sayagyi U Ba Khin",
+    "full": "Méditation Vipassana telle qu'enseignée par S.N.Goenka dans la tradition de Sayagyi U Ba Khin",
+  },
+  "gu": {
+    "reverse": true,
+    "language": "Gujarati",
+    "vipassana_meditation": "વિપશ્યના સાધના",
+    "as_taught": "આચાર્ય ગોયન્કાજી દ્વારા શીખવવામાં",
+    "vipassana_as_taught": "આચાર્ય ગોયન્કાજી દ્વારા શીખવવામાં આવતી વિપશ્યના સાધના",
+    "in_the_tradition": "સયાજી ઉ બા ખિનની પરંપરામાં",
+    "full": "સયાજી ઉ બા ખિનની પરંપરામાં આચાર્ય ગોયન્કાજી દ્વારા શીખવવામાં આવતી વિપશ્યના સાધના"
+  },
+  "he": {
+    "rtl": true,
+    "reverse": true,
+    "language": "Hebrew",
+    "vipassana_meditation": "מדיטציית ויפאסנה",
+    "as_taught": "כפי שמלמד ס.נ. גואנקה",
+    "in_the_tradition": "במסורתו של סיאג’י או-בה-קין",
+    "full": "מדיטציית ויפאסנה כפי שמלמד ס.נ. גואנקה במסורתו של סיאג'י או בה קין"
+  },
+  "hi": {
+    "reverse": true,
+    "language": "Hindi",
+    "vipassana_meditation": "विपश्यना साधना",
+    "as_taught": "आचार्य गोयन्काजी द्वारा सिखायी गयी",
+    "vipassana_as_taught": "आचार्य गोयन्काजी द्वारा सिखायी गयी विपश्यना साधना",
+    "in_the_tradition": "सयाजी ऊ बा खिन की परंपरा में",
+    "full": "सयाजी उ बा खिन की परंपरा में आचार्य गोयन्काजी द्वारा सिखायी गयी विपश्यना साधना"
+  },
+  "hu": {
+    "language": "Hungarian",
+    "vipassana_meditation": "Vipassana Meditáció",
+    "as_taught": "S.N. Goenka Tanítása szerint",
+    "in_the_tradition": "Sayagyi U Ba Khin Hagyományvonalán",
+    "full": "Vipassana meditáció S.N. Goenkának a Sayagyi U Ba Khin hagyományvonalán alapuló tanítása szerint"
+  },
+  "id": {
+    "language": "Indonesian",
+    "vipassana_meditation": "Vipassana Meditasi",
+    "as_taught": "sebagaimana Diajarkan oleh S.N. Goenka",
+    "in_the_tradition": "dalam Tradisi Sayagyi U Ba Khin",
+    "full": "Meditasi Vipassana sebagaimana diajarkan oleh S.N. Goenka dengan tradisi Sayagyi U Ba Khin"
+  },
+  "it": {
+    "language": "Italian",
+    "vipassana_meditation": "Meditazione Vipassana",
+    "as_taught": "come Insegnata da S.N. Goenka",
+    "in_the_tradition": "nella Tradizione di Sayagyi U Ba Khin",
+    "full": "Meditazione Vipassana come insegnata da S. N. Goenka nella tradizione di Sayagyi U Ba Khin"
+  },
+  "ja": {
+    "reverse": true,
+    "language": "Japanese",
+    "vipassana_meditation": "ヴィパッサナー 瞑想",
+    "as_taught": "S.N.ゴエンカの指導による",
+    "in_the_tradition": "サヤジ･ウ･バ･キンの伝統のもと",
+    "vipassana_as_taught": "S.N.ゴエンカの指導によるヴィパッサナー瞑想",
+    "full": "サヤジ･ウ･バ･キンの伝統のもと S.N.ゴエンカの指導によるヴィパッサナー瞑想"
+  },
+  "km": {
+    "language": "Khmer",
+    "vipassana_meditation": "វិបស្សនា កម្មដ្ឋាន",
+    "as_taught": "បង្រៀន​ដោយ​លោក ស.ន. ហ្គោឥនកា",
+    "in_the_tradition": "តាម​ប្រពៃណី​របស់​លោក សាយាគ្យី អ៊ូបាឃិន",
+    "vipassana_as_taught": "វិបស្សនាកម្មដ្ឋានតាមការបង្រៀនដោយលោក ស.ន. ហ្គោឥនកា",
+    "full": "វិបស្សនា​កម្មដ្ឋាន បង្រៀន​ដោយ​លោក ស.ន. ហ្គោឥនកា តាម​ប្រពៃណី​របស់​លោក សាយាគ្យី អ៊ូបាឃិន"
+  },
+  "ko": {
+    "reverse": true,
+    "language": "Korean",
+    "vipassana_meditation": "위빳사나 명상",
+    "as_taught": "고엥까 선생님이 가르치는",
+    "in_the_tradition": "사야지 우바킨의 전통에 따라",
+    "vipassana_as_taught": "고엥까 선생님이 가르치는 위빳사나 명상",
+    "full": "사야지 우 바 킨의 전통에 따라 S.N. 고엥까 (고엔카) 님이 가르치는 위빳사나 명상",
+  },
+  "lt": {
+    "language": "Lithuanian",
+    "vipassana_meditation": "Vipasanos Meditacija",
+    "as_taught": "kaip Mokė S.N. Goenka",
+    "in_the_tradition": "pagal Sayagyi U Ba Khino Tradiciją",
+    "full": "Vipasanos meditacija pagal S. N. Goenkos mokymą ir Sayagyi U Ba Khino tradiciją",
+  },
+  "lv": {
+    "language": "Latvian",
+    "vipassana_meditation": "Vipassanas Meditācija",
+    "as_taught": "kā to Pasniedz S.N. Goenka",
+    "in_the_tradition": "Sayagyi U Ba Khina Tradīcijā",
+    "full": "Vipassanas Meditācija kā to pasniedz S. N. Goenka Sayagyi U Ba Khina tradīcijā"
+  },
+  "mk": {
+    "language": "Macedonian",
+    "vipassana_meditation": "Випасана медитација",
+    "as_taught": "Според подучувањето на С.Н. Гоенка",
+    "in_the_tradition": "во традицијата на Сајаги У Ба Кин"
+  },
+  "mr": {
+    "reverse": true,
+    "language": "Marathi",
+    "vipassana_meditation": "विपश्यना साधना",
+    "as_taught": "आचार्य गोयन्काजी द्वारा जशी शिकविली जाते",
+    "vipassana_as_taught": "आचार्य गोयन्काजींनी शिकवलेली विपश्यना साधना",
+    "in_the_tradition": "सयाजी उ बा खिन ह्यांच्या परंपरेत",
+    "full": "सयाजी उ बा खिन ह्यांच्या परंपरेत आचार्य गोयन्काजींनी शिकवलेली विपश्यना साधना"
+  },
+  "nl": {
+    "language": "Dutch",
+    "vipassana_meditation": "Vipassana Meditatie",
+    "as_taught": "zoals Onderwezen door S.N. Goenka",
+    "in_the_tradition": "in de Traditie van Sayagyi U Ba Khin",
+    "full": "Vipassana Meditatie zoals onderwezen door S.N. Goenka in de traditie van Sayagyi U Ba Khin"
+  },
+  "or": {
+    "language": "Oriya",
+    "vipassana_meditation": "ଭିପାସାନା ସାଧନା",
+    "as_taught": "ଯେହେତୁ ଏସ.ଏନ ଗୋଏଙ୍କା",
+    "in_the_tradition": "ସାୟାଗି ୟୁ ବା ଖିନଙ୍କ ପରମ୍ପରାରେ",
+    "full": "ଭିପାସାନା ସାଧନା ଯେପରି ଏସ୍। ସାୟାଗି ୟୁ ବା ଖିନଙ୍କ ପରମ୍ପରାରେ ଗୋଏଙ୍କା |"
+  },
+  "pl": {
+    "language": "Polish",
+    "vipassana_meditation": "Medytacja Vipassana",
+    "as_taught": "Nauczana przez S.N. Goenkę",
+    "in_the_tradition": "w Tradycji Sayagyi U Ba Khina",
+    "full": "Medytacja Vipassana w tradycji Sayagyi U Ba Khina nauczana przez S.N.Goenkę",
+  },
+  "pt": {
+    "language": "Portuguese",
+    "vipassana_meditation": "Vipassana Meditação",
+    "as_taught": "como Ensinada por S.N. Goenka",
+    "in_the_tradition": "na Tradição de Sayagyi U Ba Khin",
+    "full": "Meditação Vipasssana como ensinada por S.N. Goenka na tradição de Sayagyi U Ba Khin"
+  },
+  "ro": {
+    "language": "Romanian",
+    "vipassana_meditation": "Meditatia Vipassana",
+    "as_taught": "asa cum este Predata de S.N. Goenka",
+    "in_the_tradition": "în tradiţia lui Sayagyi U Ba Khin",
+    "full": "Meditatia Vipassana asa cum este predata de S.N.Goenka, in traditia lui Sayagyi U Ba Khin"
+  },
+  "ru": {
+    "language": "Russian",
+    "vipassana_meditation": "Випассана Медитация",
+    "as_taught": "как ее Преподает С.Н. Гоенка",
+    "in_the_tradition": "в Традиции Саяджи У Ба Кхина",
+    "full": "Медитация випассана как ее преподает С.Н. Гоенка в традиции Саяджи У Ба Кхина"
+  },
+  "si": {
+    "reverse": true,
+    "language": "Sinhala",
+    "vipassana_meditation": "විපස්සනා භාවනාව",
+    "as_taught": "එස් එන්.  ගොඑන්කා විසින් උගන්වනු ලබන පරිදි",
+    "in_the_tradition": "සයාජී ඌ බා කින් තුමාගේ සම්ප්‍රදායට අනුව",
+    "vipassana_as_taught": "විසින් උගන්වනු ලබන විපස්සනා  භාවනාව එස්. එන්. ගොඑන්කා",
+    "full": "සයාජී ඌ බා කින් තුමාගේ සම්ප්‍රදායට අනුව එස්. එන්. ගොඑන්කා විසින් උගන්වනු ලබන විපස්සනා භාවනාව"
+  },
+  "sl": {
+    "language": "Slovenian",
+    "vipassana_meditation": "Vipassana Meditacija",
+    "as_taught": "kot jo poučuje S.N. Goenka",
+    "in_the_tradition": "v tradiciji Sayagyi U Ba Khina"
+  },
+  "sr": {
+    "language": "Serbian",
+    "vipassana_meditation": "Випассана медитација",
+    "as_taught": "Po učenju S.N. Goenke",
+    "in_the_tradition": "u Tradiciji Sayagyi U Ba Khin"
+  },
+  "sv": {
+    "language": "Swedish",
+    "vipassana_meditation": "Vipassanameditation",
+    "as_taught": "som den Lärs ut av S.N. Goenka",
+    "in_the_tradition": "i Sayagyi U Ba Khins Tradition",
+    "full": "Vipassanameditation som den Lärs ut av S.N. Goenka i Sayagyi U Ba Khins Tradition",
+  },
+  "ta": {
+    "language": "Tamil",
+    "vipassana_meditation": "விபஸ்ஸனா தியானம்",
+    "as_taught": "ஸயாஜி ஊ பா கின் அவர்களின் வழிமரபில்",
+    "in_the_tradition": "திரு. ச.நா. கோயங்கா அவர்களால் கற்பிக்கப்பட்ட முறை",
+    "vipassana_as_taught": "விபஸ்ஸனா தியான முறை திரு ச.நா.கோயங்கா அவர்களால் கற்றுக்கொடுக்கப்பட்ட",
+    "full": "ஸயாஜி ஊ பா கின் அவர்களின் வழிமரபில் திரு.ச.நா. கோயங்கா அவர்களால் கற்பிக்கப்படும் விபஸ்ஸனா தியான முறை"
+  },
+  "te": {
+    "reverse": true,
+    "language": "Telugu",
+    "vipassana_meditation": "విపశ్యన ధ్యానం",
+    "as_taught": "శ్రీ గోయెంక గారిచే భోదించబడిన",
+    "in_the_tradition": "సాయజి  ఉ బ ఖిన్ గారి సంప్రదాయంలో",
+    "vipassana_as_taught": "శ్రీ గోయెంకా గారు బోధించిన విపశ్యన ధ్యానం",
+    "full": "సాయజి ఉబాఖిన్ గారి సంప్రదాయంలో, శ్రీ గోయెంక గారు బోధించిన విపశ్యన ధ్యానం."
+  },
+  "th": {
+    "language": "Thai",
+    "vipassana_meditation": "การปฏิบัติวิปัสสนา กรรมฐาน",
+    "as_taught": "สอนโดยท่านอาจารย์โกเอ็นก้า",
+    "in_the_tradition": "ในแนวทางของท่านซายาจี อูบาขิ่น",
+    "full": "การปฏิบัติวิปัสสนากรรมฐาน สอนโดยท่านอาจารย์โกเอ็นก้า ตามแนวทางของท่านอาจารย์อูบาขิ่น"
+  },
+  "tr": {
+    "reverse": true,
+    "language": "Turkish",
+    "vipassana_meditation": "Vipassana Meditasyonu",
+    "as_taught": "S.N. Goenka tarafından Öğretilen",
+    "in_the_tradition": "Sayagyi U Ba Khin Geleneğinde",
+    "vipassana_as_taught": "S.N. Goenka tarafından öğretilen Vipassana Meditasyonu",
+    "full": "Sayagyi U Ba Khin Geleneğinde S.N. Goenka tarafından öğretilen Vipassana Meditasyonu"
+  },
+  "vi": {
+    "language": "Vietnamese",
+    "vipassana_meditation": "Thiền Vipassana",
+    "as_taught": "do Thiền sư S.N. Goenka Giảng Dạy",
+    "in_the_tradition": "theo Truyền thống của Sayagyi U Ba Khin",
+    "full": "Thiền Vipassana do Thiền sư S.N. Goenka giảng dạy theo truyền thống của Ngài Sayagyi U Ba Khin"
+  },
+  "zh-HANS": {
+    "language": "Simp. Chinese",
+    "vipassana_meditation": "内 观 静 坐",
+    "as_taught": "由葛印卡老师所教",
+    "as_taught3": "葛印卡老师所教导",
+    "in_the_tradition": "传承自乌巴庆老师",
+    "vipassana_as_taught": "葛印卡老师所教导的内观静坐",
+    "full": "由葛印卡老师所教导， 传承自乌巴庆老师的内观",
+  },
+  "zh-HANT": {
+    "language": "Trad. Chinese",
+    "vipassana_meditation": "內 觀 靜 坐",
+    "as_taught": "由葛印卡老師所教",
+    "in_the_tradition": "傳承自烏巴慶老师",
+    "vipassana_as_taught": "葛印卡老師所教導的內觀靜坐",
+    "full": "遵循烏巴慶長者所傳、葛印卡老師所教的內觀課程"
+  },
+  "zh-HANT-HK": {
+    "language": "Trad Chinese HK",
+    "vipassana_meditation": "內 觀 靜 坐",
+    "as_taught": "葛印卡老師所教導",
+    "in_the_tradition": "傳承自烏巴慶老師"
+  }
+}

package/index.html

@@ -3,9 +3,9 @@
   <head>
     <meta charset="utf-8"/>
     <title>Vipassana Meditation as Taught by S.N Goenka - Design Standards</title>
-    <link rel="stylesheet" href="./src/stylesheets/index.css?ver=0.17">
-    <link rel="stylesheet" href="./dist/css/fonts.css?ver=0.17">
-    <link rel="stylesheet" href="./dist/css/logo.css?ver=0.17">
+    <link rel="stylesheet" href="./src/stylesheets/index.css?ver=0.20">
+    <link rel="stylesheet" href="./dist/css/fonts.css?ver=0.20">
+    <link rel="stylesheet" href="./dist/css/logo.css?ver=0.20">
 
     <link rel="icon" href="/dist/favicon.png">
 
@@ -15,13 +15,33 @@
   <body>
     <header>
       <div class="container ready">
-        <img src="dist/logos/logo-en-large.png"/>
+        <a href="index.html"><img src="dist/logos/logo-en-large.png"/></a>
       </div>
     </header>
 
     <section class="main">
       <div class="container ready">
         <h2>Recommended Design Standards</h2>
+        <p>
+          This website offers a design toolkit for centres and other Vipassana entities to update
+          their own websites and other publications. While there is no obligation to use the designs,
+          we hope that that the existing multiple formats can be replaced when time permits.
+        </p>
+        <a href="about.html">
+          <button type="button" class="btn-outline-primary">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16">
+              <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+              <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+            </svg>
+            <span style="margin-left: 5px">More explanations about recommendations and trademark</span>
+          </button>
+        </a>
+      </div>
+    </section>
+
+    <section id="app">
+      <div class="container" :class="{ready: ready}" :lang="locale">
+        <h2>Downloads</h2>
         <div class="main-links">
           <a href="dist/design-standards-v0.3.pdf" target="_blank">
             <button type="button" class="btn-primary">
@@ -29,37 +49,33 @@
             </button>
           </a>
 
-          <a href="dist/logos.zip?ver=0.17">
+          <a href="dist/logos.zip?ver=0.20">
             <button type="button" class="btn-primary">
               <i class="gg-software-download"></i>Recommended Logos <small>(2Mb)</small>
             </button>
           </a>
 
-          <a href="dist/fonts.zip?ver=0.17">
+          <a href="dist/fonts.zip?ver=0.20">
             <button type="button" class="btn-primary">
               <i class="gg-software-download"></i>Fonts <small>(600kb)</small>
             </button>
           </a>
 
           <p>
-            <a href="dist/dhamma-wheel.svg?ver=0.17">
+            <a href="dist/dhamma-wheel.svg?ver=0.20">
               <button type="button" class="btn-outline-primary">
-                <i class="gg-software-download"></i>Dhamma Wheel <small>(SVG)</small>
+                <i class="gg-software-download"></i>Dhamma Wheel
               </button>
             </a>
 
-            <a href="dist/favicon.png?ver=0.17">
+            <a href="dist/favicon.png?ver=0.20">
               <button type="button" class="btn-outline-primary">
                 <i class="gg-software-download"></i>Favicon
               </button>
             </a>
           </p>
         </div>
-      </div>
-    </section>
 
-    <section id="app">
-      <div class="container" :class="{ready: ready}" :lang="locale">
         <h2>Colors</h2>
         <div class="colors-container">
           <div class="color-container" v-for="color in colorPalette">
@@ -77,11 +93,13 @@
         <select v-model="locale">
           <option v-for="(trans, code) in i18n" :value="code">{{ trans.language }}</option>
         </select>
+        <input type="checkbox" v-model="logoCodeLarge" id="imageSize"/>
+        <label for="imageSize">Large</label>
         <!-- <button type="button" @click="copyCode()"><i class="gg-copy"></i>Copy Code</button> -->
         <pre>{{ logoCode }}</pre>
 
         <div class="alert">
-          <b>Developers tip</b>: assets are delivered by CloudFlare proxied CDN.
+          <b>Developers tip</b>: assets are delivered with high speed by CloudFlare proxied CDN.
         </div>
 
 
@@ -203,17 +221,27 @@
           <!-- <button type="button" @click="downloadSVG()">
             <i class="gg-software-download"></i>Download SVG
           </button> -->
-          <button type="button" @click="generateAllLogos()">
+          <!-- <button type="button" @click="generateAllLogos()">
             Generate all PNGs
           </button>
           <button type="button" @click="generateAllInlineSVG()">
             Generate all Inline SVG
-          </button>
+          </button> -->
           <br/>
           <div class="alert" style="margin-top: 1.2rem;">Generated PNG are not optimized, you should use a tool such as
             <a href="https://compresspng.com/" target="_blank">compresspng.com</a>
           </div>
         </div>
+
+        <h2>For Developers</h2>
+        <p>
+          We provide some libraries to easily include the design standards in your websites.
+        </p>
+        <a href="https://www.npmjs.com/package/vipassana-design-standards" target="_blank">
+          <button type="button" class="btn-outline-primary">
+            Learn More
+          </button>
+        </a>
       </div>
     </section>
 
@@ -223,7 +251,7 @@
 
     <script type="module">
       import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'
-      import App from './src/javascripts/index.js?ver=0.17'
+      import App from './src/javascripts/index.js?ver=0.20'
 
       createApp(App).mount('#app')
     </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vipassana-design-standards",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "Vipassana design standards materials",
   "homepage": "https://design-standards.dhamma.org",
   "author": "Dhamma Workers",
@@ -10,15 +10,18 @@
   },
   "sass": "src/stylesheets/bootstrap5-theme.scss",
   "css": "dist/bootstrap5-theme.css",
-  "scripts" : {
+  "scripts": {
     "build-sass": "sass --load-path=node_modules src/stylesheets/bootstrap5-theme.scss dist/css/bootstrap5-theme.css && sass src/stylesheets/fonts.scss dist/css/fonts.css && sass src/stylesheets/logo.scss dist/css/logo.css",
     "build-rtl": "rtlcss dist/css/bootstrap5-theme.css dist/css/bootstrap5-theme.rtl.css",
     "build-fonts": "cp src/stylesheets/specific-fonts/* dist/css/",
     "build-min": "cleancss --batch --batch-suffix '.min' dist/css/*.css",
     "build-css": "rm -f dist/css/* && npm run build-fonts && npm run build-sass && npm run build-rtl && npm run build-min",
-    "build-js": "rm -f dist/js/* && concat -o dist/js/bootstrap5-theme.min.js node_modules/bootstrap5/dist/js/bootstrap.bundle.min.js src/javascripts/auto-resize.js && cp node_modules/bootstrap5/dist/js/bootstrap.bundle.min.js.map dist/js/bootstrap5-theme.min.js.map",
+    "build-js": "rm -f dist/js/* && npm run build-js-bootstrap && npm run build-js-helper",
+    "build-js-bootstrap": "concat -o dist/js/bootstrap5-theme.min.js node_modules/bootstrap5/dist/js/bootstrap.bundle.min.js src/javascripts/auto-resize.js && cp node_modules/bootstrap5/dist/js/bootstrap.bundle.min.js.map dist/js/bootstrap5-theme.min.js.map",
+    "build-js-helper": "cp src/javascripts/helper.js dist/js && cp src/javascripts/i18n.js dist/js && node replace-version.js",
     "build": "npm run build-css && npm run build-js",
-    "dist": "npm run build && npm run dist-version-folder && npm publish",
+    "dist": "npm run build && npm run dist-version-folder && npm publish && npm run dist-gem",
+    "dist-gem": "gem build vipassana-design-standards.gemspec && gem push vipassana-design-standards-$npm_package_version.gem && rm vipassana-design-standards-$npm_package_version.gem",
     "dist-version-folder": "mkdir -p dist/$npm_package_version/css && mkdir -p dist/$npm_package_version/js && cp dist/css/* dist/$npm_package_version/css && cp dist/js/* dist/$npm_package_version/js"
   }
 }

package/replace-version.js

@@ -0,0 +1,24 @@
+// Replace @PACKAGE_VERSION@ by the current package version
+
+const fs = require('fs');
+const packageVersion = require('./package.json').version;
+
+const filePath = 'dist/js/helper.js';
+const placeholder = '@PACKAGE_VERSION@';
+
+fs.readFile(filePath, 'utf8', (err, data) => {
+  if (err) {
+    console.error('Error reading the file:', err);
+    return;
+  }
+
+  const updatedData = data.replace(placeholder, packageVersion);
+
+  fs.writeFile(filePath, updatedData, 'utf8', (err) => {
+    if (err) {
+      console.error('Error writing to the file:', err);
+    } else {
+      console.log('Placeholder replaced with package version successfully!');
+    }
+  });
+});