npm - vipassana-design-standards - Versions diffs - 0.0.13 → 0.0.14 - Mend

vipassana-design-standards 0.0.13 → 0.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (88) hide show

package/index.html CHANGED Viewed

@@ -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="./app/assets/stylesheets/index.css?ver=0.10">
-    <link rel="stylesheet" href="./app/assets/stylesheets/fonts.css?ver=0.10">
-    <link rel="stylesheet" href="./app/assets/stylesheets/logo.css?ver=0.10">
+    <link rel="stylesheet" href="./src/stylesheets/index.css?ver=0.14">
+    <link rel="stylesheet" href="./src/stylesheets/fonts.css?ver=0.14">
+    <link rel="stylesheet" href="./src/stylesheets/logo.css?ver=0.14">
     <link rel="icon" href="/dist/favicon.png">
@@ -29,26 +29,26 @@
             </button>
           </a>
-          <a href="dist/logos.zip?ver=0.10">
+          <a href="dist/logos.zip?ver=0.14">
             <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.10">
+          <a href="dist/fonts.zip?ver=0.14">
             <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.10">
+            <a href="dist/dhamma-wheel.svg?ver=0.14">
               <button type="button" class="btn-outline-primary">
                 <i class="gg-software-download"></i>Dhamma Wheel <small>(SVG)</small>
               </button>
             </a>
-            <a href="dist/favicon.png?ver=0.10">
+            <a href="dist/favicon.png?ver=0.14">
               <button type="button" class="btn-outline-primary">
                 <i class="gg-software-download"></i>Favicon
               </button>
@@ -181,13 +181,13 @@
           <!-- CSS code, to be copied inside fonts.css -->
           <component is="pre" style="display:none;" id="css-variables">
             :root {
-              --vipassana-font-family: '{{ taglineFontFamily }}';
-              --vipassana-headings-font-family: '{{ titleFontFamily }}';
+              --vds-font-family: '{{ taglineFontFamily }}';
+              --vds-headings-font-family: '{{ titleFontFamily }}';
             }
             <div v-for="(data, locale) in i18n">
               html[lang="{{ locale }}"] {
-                --vipassana-font-family: '{{ getTaglineFontFamily(locale) }}';
-                --vipassana-headings-font-family: '{{ getTitleFontFamily(locale) }}';
+                --vds-font-family: '{{ getTaglineFontFamily(locale) }}';
+                --vds-headings-font-family: '{{ getTitleFontFamily(locale) }}';
               }
             </div>
           </component>
@@ -223,7 +223,7 @@
     <script type="module">
       import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'
-      import App from './app/assets/javascripts/index.js?ver=0.10'
+      import App from './src/javascripts/index.js?ver=0.14'
       createApp(App).mount('#app')
     </script>

package/lib/vipassana/logo_helper.rb CHANGED Viewed

@@ -3,10 +3,11 @@ module Vipassana
     require "vipassana/logos_inline_svg.rb"
     require "vipassana/translations.rb"
-    def vipassana_logo_svg(locale: I18n.locale, disposition: "normal", height: nil, width: nil)
+    def vipassana_logo_svg(locale: I18n.locale, disposition: "default", tagline: true, height: nil, width: nil)
       height = 70 if height.nil? && width.nil?
-      data = VIPASSANA_SVGS[locale.to_sym] || SVGS[:en]
+      data = VIPASSANA_SVGS[locale.to_sym] || VIPASSANA_SVGS[:en]
+      disposition += '-no-tagline' if tagline == false
       string = data[disposition.to_sym] || data[:normal]
       string.gsub!("<svg", "<svg height=\"#{height}\"") if height.present?
@@ -15,8 +16,14 @@ module Vipassana
       string.html_safe
     end
-    def vipassana_logo_html(locale: I18n.locale, disposition: "auto", size: '18', tagline: true, dark: false)
+    def vipassana_logo_html(locale: I18n.locale, disposition: "default", size: '18', tagline: true, dark: false)
       trans = VIPASSANA_TRANSLATIONS[locale.to_sym]
+      if disposition == "mobile"
+        disposition = "left-two-lines"
+        tagline = false
+      end
       result = <<-HTML
         <div class="vipassana-logo"
             data-disposition="#{disposition}"
@@ -24,7 +31,7 @@ module Vipassana
             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" />
+          <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].at(0).downcase}">