vipassana-design-standards 0.0.4 → 0.0.6

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 (66) hide show
  1. checksums.yaml +4 -4
  2. data/{assets → app/assets}/javascripts/index.js +7 -2
  3. data/{assets/css → app/assets/stylesheets}/fonts.css +44 -44
  4. data/{assets/css → app/assets/stylesheets}/index.css +1 -1
  5. data/app/assets/stylesheets/logo.css +123 -0
  6. data/dist/logos-inline-svg.json +1 -1
  7. data/index.html +18 -9
  8. data/lib/vipassana/engine.rb +4 -0
  9. data/lib/vipassana/logo_helper.rb +27 -1
  10. data/lib/vipassana/logos_inline_svg.rb +1 -1
  11. data/lib/vipassana/translations.rb +304 -0
  12. data/lib/vipassana-design-standards.rb +2 -1
  13. data/resolution.html +1 -1
  14. data/vipassana-design-standards.gemspec +2 -1
  15. metadata +58 -56
  16. data/assets/css/logo.css +0 -40
  17. /data/{assets → app/assets}/fonts/FootlightMTProBold.woff +0 -0
  18. /data/{assets → app/assets}/fonts/FootlightMTProBoldItalic.woff +0 -0
  19. /data/{assets → app/assets}/fonts/FootlightMTProExtraBold.woff +0 -0
  20. /data/{assets → app/assets}/fonts/FootlightMTProExtraBoldIt.woff +0 -0
  21. /data/{assets → app/assets}/fonts/FootlightMTProItalic.woff +0 -0
  22. /data/{assets → app/assets}/fonts/FootlightMTProLight.base64.js +0 -0
  23. /data/{assets → app/assets}/fonts/FootlightMTProLight.woff +0 -0
  24. /data/{assets → app/assets}/fonts/FootlightMTProLightItalic.woff +0 -0
  25. /data/{assets → app/assets}/fonts/FootlightMTProRegular.woff +0 -0
  26. /data/{assets → app/assets}/fonts/Lato-Black.woff +0 -0
  27. /data/{assets → app/assets}/fonts/Lato-BlackItalic.woff +0 -0
  28. /data/{assets → app/assets}/fonts/Lato-Bold.woff +0 -0
  29. /data/{assets → app/assets}/fonts/Lato-BoldItalic.woff +0 -0
  30. /data/{assets → app/assets}/fonts/Lato-Italic.woff +0 -0
  31. /data/{assets → app/assets}/fonts/Lato-Light.base64.js +0 -0
  32. /data/{assets → app/assets}/fonts/Lato-Light.woff +0 -0
  33. /data/{assets → app/assets}/fonts/Lato-LightItalic.woff +0 -0
  34. /data/{assets → app/assets}/fonts/Lato-Regular.woff +0 -0
  35. /data/{assets → app/assets}/fonts/Lato-Thin.woff +0 -0
  36. /data/{assets → app/assets}/fonts/Lato-ThinItalic.woff +0 -0
  37. /data/{assets → app/assets}/fonts/OFL.txt +0 -0
  38. /data/{assets → app/assets}/images/wheels/favicon.png +0 -0
  39. /data/{assets → app/assets}/images/wheels/favicon.svg +0 -0
  40. /data/{assets → app/assets}/images/wheels/old versions/2.5D-wheel.png +0 -0
  41. /data/{assets → app/assets}/images/wheels/old versions/2.5D-wheel.svg +0 -0
  42. /data/{assets → app/assets}/images/wheels/old versions/2D-wheel.svg +0 -0
  43. /data/{assets → app/assets}/images/wheels/old versions/3D-wheel.svg +0 -0
  44. /data/{assets → app/assets}/images/wheels/old versions/dhamma wheel 3D.png +0 -0
  45. /data/{assets → app/assets}/images/wheels/old versions/wheel-3d.ai +0 -0
  46. /data/{assets → app/assets}/images/wheels/old versions/wheel-3d.png +0 -0
  47. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-1.svg +0 -0
  48. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-2.svg +0 -0
  49. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-3.svg +0 -0
  50. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-4.svg +0 -0
  51. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-5.svg +0 -0
  52. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-6.svg +0 -0
  53. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-7.svg +0 -0
  54. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-8.svg +0 -0
  55. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-sebastian.svg +0 -0
  56. /data/{assets → app/assets}/images/wheels/tests/3D-wheel-2.svg +0 -0
  57. /data/{assets → app/assets}/images/wheels/tests/3D-wheel-sebastian.svg +0 -0
  58. /data/{assets → app/assets}/images/wheels/tests/3D-wheel.svg +0 -0
  59. /data/{assets → app/assets}/images/wheels/wheel-2023-duotone.png +0 -0
  60. /data/{assets → app/assets}/images/wheels/wheel-2023-duotone.svg +0 -0
  61. /data/{assets → app/assets}/images/wheels/wheel-2023-duotone.svg.js +0 -0
  62. /data/{assets → app/assets}/images/wheels/wheel-2023-working-document-with-all-layers.svg +0 -0
  63. /data/{assets → app/assets}/images/wheels/wheel-2023.png +0 -0
  64. /data/{assets → app/assets}/images/wheels/wheel-2023.svg +0 -0
  65. /data/{assets → app/assets}/images/wheels/wheel-2023.svg.js +0 -0
  66. /data/{assets → app/assets}/javascripts/i18n.js +0 -0
data/index.html CHANGED
@@ -3,9 +3,9 @@
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>Vipassana Meditation as Taught by S.N Goenka - Design Standards</title>
6
- <link rel="stylesheet" href="./assets/css/index.css?ver=0.10">
7
- <link rel="stylesheet" href="./assets/css/fonts.css?ver=0.10">
8
- <link rel="stylesheet" href="./assets/css/logo.css?ver=0.10">
6
+ <link rel="stylesheet" href="./app/assets/stylesheets/index.css?ver=0.10">
7
+ <link rel="stylesheet" href="./app/assets/stylesheets/fonts.css?ver=0.10">
8
+ <link rel="stylesheet" href="./app/assets/stylesheets/logo.css?ver=0.10">
9
9
 
10
10
  <link rel="icon" href="/dist/favicon.png">
11
11
 
@@ -59,7 +59,7 @@
59
59
  </section>
60
60
 
61
61
  <section id="app">
62
- <div class="container" :class="{ready: ready}">
62
+ <div class="container" :class="{ready: ready}" :lang="locale">
63
63
  <h2>Colors</h2>
64
64
  <div class="colors-container">
65
65
  <div class="color-container" v-for="color in colorPalette">
@@ -107,12 +107,21 @@
107
107
  <input type="range" min="30" max="200" step="10" v-model="scale100"/>
108
108
  </div>
109
109
 
110
- <div class="logo-container" :style="{direction: isRtl ? 'rtl' : 'ltr'}" :class="{night: night}">
110
+ <div class="logo-container" :class="{night: night}" :dir="isRtl ? 'rtl' : 'ltr'">
111
111
  <!-- Logo as html -->
112
- <div id="logo-html" class="logo" :class="{rtl: isRtl}" ref="html">
113
- <img class="wheel" :src="wheelPath" height="100"/>
112
+ <div class="vipassana-logo"
113
+ :data-disposition="disposition"
114
+ :data-tagline="displayTagline"
115
+ :data-dark-mode="night"
116
+ :data-reverse="reverse ? 'true' : 'false'"
117
+ :style="{ 'font-size': `${scale * 18}px` }">
118
+ <img class="logo-wheel" :src="wheelPath"/>
114
119
  <div class="logo-text">
115
- <h1 class="logo-title" :data-start-with="fullTitle[0].toLowerCase()">{{ fullTitle }}</h1>
120
+ <h1 class="logo-title">
121
+ <span :data-start-with="t('vipassana_meditation')[0].toLowerCase()">{{ t('vipassana_meditation') }}</span>
122
+ <span class="logo-space">&nbsp;</span>
123
+ <span>{{ t('as_taught') }}</span>
124
+ </h1>
116
125
  <div class="logo-subtitle">{{ t('in_the_tradition') }}</div>
117
126
  </div>
118
127
  </div>
@@ -214,7 +223,7 @@
214
223
 
215
224
  <script type="module">
216
225
  import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'
217
- import App from './assets/javascripts/index.js?ver=0.10'
226
+ import App from './app/assets/javascripts/index.js?ver=0.10'
218
227
 
219
228
  createApp(App).mount('#app')
220
229
  </script>
@@ -0,0 +1,4 @@
1
+ module Vipassana
2
+ class Engine < ::Rails::Engine
3
+ end
4
+ end
@@ -1,8 +1,9 @@
1
1
  module Vipassana
2
2
  module LogoHelper
3
3
  require "vipassana/logos_inline_svg.rb"
4
+ require "vipassana/tranlsations.rb"
4
5
 
5
- def vipassana_logo(locale: I18n.locale, disposition: "normal", height: nil, width: nil)
6
+ def vipassana_logo_svg(locale: I18n.locale, disposition: "normal", height: nil, width: nil)
6
7
  height = 70 if height.nil? && width.nil?
7
8
 
8
9
  data = SVGS[locale.to_sym] || SVGS[:en]
@@ -13,5 +14,30 @@ module Vipassana
13
14
 
14
15
  string.html_safe
15
16
  end
17
+
18
+ def vipassana_logo_html(locale: I18n.locale, disposition: "auto", size: '18', tagline: true, dark: false)
19
+ trans = TRANSATIONS[locale.to_sym]
20
+ result = <<-HTML
21
+ <div class="vipassana-logo"
22
+ data-disposition="#{disposition}"
23
+ data-tagline="#{tagline}"
24
+ data-dark-mode="#{dark}"
25
+ data-reverse="#{trans[:reverse]}"
26
+ style="font-size: #{size}px">
27
+ <img class="logo-wheel" :src="wheelPath"/>
28
+ <div class="logo-text">
29
+ <h1 class="logo-title">
30
+ <span data-start-with="#{trans[:vipassana_meditation].at(0).downcase}">
31
+ #{trans[:vipassana_meditation]}
32
+ </span>
33
+ <span class="logo-space">&nbsp;</span>
34
+ <span>#{trans[:as_taught]}</span>
35
+ </h1>
36
+ <div class="logo-subtitle">#{trans[:in_the_tradition]}</div>
37
+ </div>
38
+ </div>
39
+ HTML
40
+ result.html_safe
41
+ end
16
42
  end
17
43
  end