vipassana-design-standards 0.0.14 → 0.0.16

package/lib/vipassana/translations.rb

@@ -1,6 +1,6 @@
 # this is a copy of i18n.js, using ruby syntax instead of javascript syntax
 
-VIPASSANA_TRANSLATIONS = {
+VDS_TRANSLATIONS = {
   "en": {
     "language": "English",
     "vipassana_meditation": "Vipassana Meditation",
@@ -8,6 +8,14 @@ VIPASSANA_TRANSLATIONS = {
     "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",
   },
+  "ar": {
+    "rtl": true,
+    "language": "Arabic",
+    "vipassana_meditation": "تأمل فيباسانا",
+    "as_taught": "كما تم تدريسه بواسطة S.N. جوينكا",
+    "in_the_tradition": "في تقليد Sayagyi U Ba Khin",
+    "full": "تأمل فيباسانا كما علمه S.N. Goenka في تقليد Sayagyi U Ba Khin",
+  },
   "bg": {
     "language": "Bulgarian",
     "vipassana_meditation": "Випассана Медитация",

package/lib/vipassana-design-standards.rb

@@ -1,3 +1,3 @@
 # frozen_string_literal: true
 
-require "vipassana/logo_helper"
+require "vipassana/design_standards_helper"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vipassana-design-standards",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "Vipassana design standards materials",
   "homepage": "https://design-standards.dhamma.org",
   "author": "Dhamma Workers",
@@ -9,5 +9,16 @@
     "bootstrap5": "npm:bootstrap@5"
   },
   "sass": "src/stylesheets/bootstrap5-theme.scss",
-  "css": "dist/bootstrap5-theme.css"
+  "css": "dist/bootstrap5-theme.css",
+  "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/* && cp node_modules/bootstrap5/dist/js/bootstrap.bundle* dist/js/",
+    "build": "npm run build-css && npm run build-js",
+    "dist": "npm run build && npm run dist-version-folder && npm publish",
+    "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/src/javascripts/index.js

@@ -1,5 +1,5 @@
 // i18n JSON
-import i18nJson from './i18n.js?ver=0.14'
+import i18nJson from './i18n.js?ver=0.16'
 
 // Dependencies
 import { Canvg } from 'https://cdn.skypack.dev/canvg@^4.0.0';
@@ -46,14 +46,11 @@ export default {
     isRtl() {
       return this.i18n[this.locale].rtl
     },
-    fontPath() {
-      return 'assets/fonts/'
-    },
     titleFontUrl() {
-      return this.embedSVG ? footlight : `${this.fontPath}FootlightMTProLight.woff`
+      return footlight
     },
     taglineFontUrl() {
-      return this.embedSVG ? lato : `${this.fontPath}Lato-Light.woff`
+      return lato
     },
     wheels() {
       return {
@@ -315,7 +312,7 @@ export default {
       # This file has been generated by design-standards.dhamma.org wesbite
       # index.js#generateAllInlineSVG
 
-      VIPASSANA_SVGS = ${JSON.stringify(svgs)}
+      VDS_SVGS = ${JSON.stringify(svgs)}
       `
       var blob = new Blob([result], {type: "text/plain;charset=utf-8"})
       fileSaver.saveAs(blob, "logos_inline_svg.rb")

package/src/stylesheets/bootstrap5-theme.scss

@@ -11,4 +11,14 @@
 @import "./layout/vds-sidenav.scss";
 
 @import "./fonts.scss";
-@import "./logo.scss";
+@import "./logo.scss";
+
+html.vds-html {
+  font-size: 14px;
+  @include media-breakpoint-up(md) {
+    font-size: 15px;
+  }
+  @include media-breakpoint-up(xl) {
+    font-size: 16px;
+  }
+}