vipassana-design-standards 0.0.19 → 0.0.21

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 (327) hide show
  1. package/dist/css/bootstrap5-theme.css +2 -2
  2. package/dist/css/bootstrap5-theme.min.css +1 -1
  3. package/dist/css/bootstrap5-theme.rtl.css +2 -2
  4. package/dist/css/bootstrap5-theme.rtl.min.css +1 -1
  5. package/dist/js/helper.js +165 -0
  6. package/package.json +10 -5
  7. package/.htaccess +0 -3
  8. package/HOW_TO_PUBLISH.md +0 -29
  9. package/TODO +0 -14
  10. package/demo/.gitattributes +0 -5
  11. package/demo/.ruby-version +0 -1
  12. package/demo/Gemfile +0 -29
  13. package/demo/Gemfile.lock +0 -182
  14. package/demo/Rakefile +0 -6
  15. package/demo/app/assets/config/manifest.js +0 -2
  16. package/demo/app/assets/stylesheets/application.css +0 -15
  17. package/demo/app/controllers/application_controller.rb +0 -3
  18. package/demo/app/controllers/demo_controller.rb +0 -4
  19. package/demo/app/views/demo/index.html.erb +0 -11
  20. package/demo/app/views/layouts/application.html.erb +0 -74
  21. package/demo/bin/bundle +0 -114
  22. package/demo/bin/rails +0 -4
  23. package/demo/bin/rake +0 -4
  24. package/demo/bin/setup +0 -25
  25. package/demo/config/application.rb +0 -37
  26. package/demo/config/boot.rb +0 -3
  27. package/demo/config/credentials.yml.enc +0 -1
  28. package/demo/config/environment.rb +0 -5
  29. package/demo/config/environments/development.rb +0 -56
  30. package/demo/config/environments/production.rb +0 -72
  31. package/demo/config/environments/test.rb +0 -50
  32. package/demo/config/initializers/assets.rb +0 -12
  33. package/demo/config/initializers/content_security_policy.rb +0 -25
  34. package/demo/config/initializers/filter_parameter_logging.rb +0 -8
  35. package/demo/config/initializers/inflections.rb +0 -16
  36. package/demo/config/initializers/permissions_policy.rb +0 -11
  37. package/demo/config/locales/en.yml +0 -33
  38. package/demo/config/puma.rb +0 -43
  39. package/demo/config/routes.rb +0 -5
  40. package/demo/config.ru +0 -6
  41. package/demo/public/404.html +0 -67
  42. package/demo/public/422.html +0 -67
  43. package/demo/public/500.html +0 -66
  44. package/demo/public/apple-touch-icon-precomposed.png +0 -0
  45. package/demo/public/apple-touch-icon.png +0 -0
  46. package/demo/public/favicon.ico +0 -0
  47. package/demo/public/robots.txt +0 -1
  48. package/demo.html +0 -55
  49. package/dist/0.0.16/css/bootstrap5-theme.css +0 -12623
  50. package/dist/0.0.16/css/bootstrap5-theme.css.map +0 -1
  51. package/dist/0.0.16/css/bootstrap5-theme.min.css +0 -6
  52. package/dist/0.0.16/css/bootstrap5-theme.rtl.css +0 -12586
  53. package/dist/0.0.16/css/bootstrap5-theme.rtl.min.css +0 -6
  54. package/dist/0.0.16/css/fonts-gu.css +0 -65
  55. package/dist/0.0.16/css/fonts-gu.min.css +0 -1
  56. package/dist/0.0.16/css/fonts-ja.css +0 -2399
  57. package/dist/0.0.16/css/fonts-ja.min.css +0 -1
  58. package/dist/0.0.16/css/fonts-km.css +0 -2399
  59. package/dist/0.0.16/css/fonts-km.min.css +0 -1
  60. package/dist/0.0.16/css/fonts.css +0 -472
  61. package/dist/0.0.16/css/fonts.css.map +0 -1
  62. package/dist/0.0.16/css/fonts.min.css +0 -1
  63. package/dist/0.0.16/css/logo.css +0 -135
  64. package/dist/0.0.16/css/logo.css.map +0 -1
  65. package/dist/0.0.16/css/logo.min.css +0 -1
  66. package/dist/0.0.16/js/bootstrap.bundle.js +0 -7075
  67. package/dist/0.0.16/js/bootstrap.bundle.js.map +0 -1
  68. package/dist/0.0.16/js/bootstrap.bundle.min.js +0 -7
  69. package/dist/0.0.16/js/bootstrap.bundle.min.js.map +0 -1
  70. package/dist/0.0.17/css/bootstrap5-theme.css +0 -12629
  71. package/dist/0.0.17/css/bootstrap5-theme.css.map +0 -1
  72. package/dist/0.0.17/css/bootstrap5-theme.min.css +0 -6
  73. package/dist/0.0.17/css/bootstrap5-theme.rtl.css +0 -12592
  74. package/dist/0.0.17/css/bootstrap5-theme.rtl.min.css +0 -6
  75. package/dist/0.0.17/css/fonts-gu.css +0 -65
  76. package/dist/0.0.17/css/fonts-gu.min.css +0 -1
  77. package/dist/0.0.17/css/fonts-ja.css +0 -2399
  78. package/dist/0.0.17/css/fonts-ja.min.css +0 -1
  79. package/dist/0.0.17/css/fonts-km.css +0 -2399
  80. package/dist/0.0.17/css/fonts-km.min.css +0 -1
  81. package/dist/0.0.17/css/fonts.css +0 -472
  82. package/dist/0.0.17/css/fonts.css.map +0 -1
  83. package/dist/0.0.17/css/fonts.min.css +0 -1
  84. package/dist/0.0.17/css/logo.css +0 -135
  85. package/dist/0.0.17/css/logo.css.map +0 -1
  86. package/dist/0.0.17/css/logo.min.css +0 -1
  87. package/dist/0.0.17/js/bootstrap5-theme.min.js +0 -37
  88. package/dist/0.0.17/js/bootstrap5-theme.min.js.map +0 -1
  89. package/dist/0.0.18/css/bootstrap5-theme.css +0 -12632
  90. package/dist/0.0.18/css/bootstrap5-theme.css.map +0 -1
  91. package/dist/0.0.18/css/bootstrap5-theme.min.css +0 -6
  92. package/dist/0.0.18/css/bootstrap5-theme.rtl.css +0 -12595
  93. package/dist/0.0.18/css/bootstrap5-theme.rtl.min.css +0 -6
  94. package/dist/0.0.18/css/fonts-gu.css +0 -65
  95. package/dist/0.0.18/css/fonts-gu.min.css +0 -1
  96. package/dist/0.0.18/css/fonts-ja.css +0 -2399
  97. package/dist/0.0.18/css/fonts-ja.min.css +0 -1
  98. package/dist/0.0.18/css/fonts-km.css +0 -2399
  99. package/dist/0.0.18/css/fonts-km.min.css +0 -1
  100. package/dist/0.0.18/css/fonts.css +0 -472
  101. package/dist/0.0.18/css/fonts.css.map +0 -1
  102. package/dist/0.0.18/css/fonts.min.css +0 -1
  103. package/dist/0.0.18/css/logo.css +0 -135
  104. package/dist/0.0.18/css/logo.css.map +0 -1
  105. package/dist/0.0.18/css/logo.min.css +0 -1
  106. package/dist/0.0.18/js/bootstrap5-theme.min.js +0 -37
  107. package/dist/0.0.18/js/bootstrap5-theme.min.js.map +0 -1
  108. package/dist/0.0.19/css/bootstrap5-theme.css +0 -12637
  109. package/dist/0.0.19/css/bootstrap5-theme.css.map +0 -1
  110. package/dist/0.0.19/css/bootstrap5-theme.min.css +0 -6
  111. package/dist/0.0.19/css/bootstrap5-theme.rtl.css +0 -12600
  112. package/dist/0.0.19/css/bootstrap5-theme.rtl.min.css +0 -6
  113. package/dist/0.0.19/css/fonts-gu.css +0 -65
  114. package/dist/0.0.19/css/fonts-gu.min.css +0 -1
  115. package/dist/0.0.19/css/fonts-ja.css +0 -2399
  116. package/dist/0.0.19/css/fonts-ja.min.css +0 -1
  117. package/dist/0.0.19/css/fonts-km.css +0 -2399
  118. package/dist/0.0.19/css/fonts-km.min.css +0 -1
  119. package/dist/0.0.19/css/fonts.css +0 -472
  120. package/dist/0.0.19/css/fonts.css.map +0 -1
  121. package/dist/0.0.19/css/fonts.min.css +0 -1
  122. package/dist/0.0.19/css/logo.css +0 -135
  123. package/dist/0.0.19/css/logo.css.map +0 -1
  124. package/dist/0.0.19/css/logo.min.css +0 -1
  125. package/dist/0.0.19/js/bootstrap5-theme.min.js +0 -37
  126. package/dist/0.0.19/js/bootstrap5-theme.min.js.map +0 -1
  127. package/dist/design-standards-v0.3.pdf +0 -0
  128. package/dist/dhamma-wheel.svg +0 -1
  129. package/dist/favicon.png +0 -0
  130. package/dist/favicon.svg +0 -1490
  131. package/dist/fonts/FootlightMTProBold.woff +0 -0
  132. package/dist/fonts/FootlightMTProBoldItalic.woff +0 -0
  133. package/dist/fonts/FootlightMTProExtraBold.woff +0 -0
  134. package/dist/fonts/FootlightMTProExtraBoldIt.woff +0 -0
  135. package/dist/fonts/FootlightMTProItalic.woff +0 -0
  136. package/dist/fonts/FootlightMTProLight.base64.js +0 -1
  137. package/dist/fonts/FootlightMTProLight.woff +0 -0
  138. package/dist/fonts/FootlightMTProLightItalic.woff +0 -0
  139. package/dist/fonts/FootlightMTProRegular.woff +0 -0
  140. package/dist/fonts/Lato-Black.woff +0 -0
  141. package/dist/fonts/Lato-BlackItalic.woff +0 -0
  142. package/dist/fonts/Lato-Bold.woff +0 -0
  143. package/dist/fonts/Lato-BoldItalic.woff +0 -0
  144. package/dist/fonts/Lato-Italic.woff +0 -0
  145. package/dist/fonts/Lato-Light.base64.js +0 -1
  146. package/dist/fonts/Lato-Light.woff +0 -0
  147. package/dist/fonts/Lato-LightItalic.woff +0 -0
  148. package/dist/fonts/Lato-Regular.woff +0 -0
  149. package/dist/fonts/Lato-Thin.woff +0 -0
  150. package/dist/fonts/Lato-ThinItalic.woff +0 -0
  151. package/dist/fonts/OFL.txt +0 -93
  152. package/dist/fonts.zip +0 -0
  153. package/dist/logos/logo-bg-large.png +0 -0
  154. package/dist/logos/logo-bg-small.png +0 -0
  155. package/dist/logos/logo-bg.png +0 -0
  156. package/dist/logos/logo-cs-large.png +0 -0
  157. package/dist/logos/logo-cs-small.png +0 -0
  158. package/dist/logos/logo-cs.png +0 -0
  159. package/dist/logos/logo-de-large.png +0 -0
  160. package/dist/logos/logo-de-small.png +0 -0
  161. package/dist/logos/logo-de.png +0 -0
  162. package/dist/logos/logo-el-large.png +0 -0
  163. package/dist/logos/logo-el-small.png +0 -0
  164. package/dist/logos/logo-el.png +0 -0
  165. package/dist/logos/logo-en-large.png +0 -0
  166. package/dist/logos/logo-en-small.png +0 -0
  167. package/dist/logos/logo-en.png +0 -0
  168. package/dist/logos/logo-es-large.png +0 -0
  169. package/dist/logos/logo-es-small.png +0 -0
  170. package/dist/logos/logo-es.png +0 -0
  171. package/dist/logos/logo-fa-large.png +0 -0
  172. package/dist/logos/logo-fa-small.png +0 -0
  173. package/dist/logos/logo-fa.png +0 -0
  174. package/dist/logos/logo-fi-large.png +0 -0
  175. package/dist/logos/logo-fi-small.png +0 -0
  176. package/dist/logos/logo-fi.png +0 -0
  177. package/dist/logos/logo-fr-large.png +0 -0
  178. package/dist/logos/logo-fr-small.png +0 -0
  179. package/dist/logos/logo-fr.png +0 -0
  180. package/dist/logos/logo-gu-large.png +0 -0
  181. package/dist/logos/logo-gu-small.png +0 -0
  182. package/dist/logos/logo-gu.png +0 -0
  183. package/dist/logos/logo-he-large.png +0 -0
  184. package/dist/logos/logo-he-small.png +0 -0
  185. package/dist/logos/logo-he.png +0 -0
  186. package/dist/logos/logo-hi-large.png +0 -0
  187. package/dist/logos/logo-hi-small.png +0 -0
  188. package/dist/logos/logo-hi.png +0 -0
  189. package/dist/logos/logo-hu-large.png +0 -0
  190. package/dist/logos/logo-hu-small.png +0 -0
  191. package/dist/logos/logo-hu.png +0 -0
  192. package/dist/logos/logo-id-large.png +0 -0
  193. package/dist/logos/logo-id-small.png +0 -0
  194. package/dist/logos/logo-id.png +0 -0
  195. package/dist/logos/logo-it-large.png +0 -0
  196. package/dist/logos/logo-it-small.png +0 -0
  197. package/dist/logos/logo-it.png +0 -0
  198. package/dist/logos/logo-ja-large.png +0 -0
  199. package/dist/logos/logo-ja-small.png +0 -0
  200. package/dist/logos/logo-ja.png +0 -0
  201. package/dist/logos/logo-km-large.png +0 -0
  202. package/dist/logos/logo-km-small.png +0 -0
  203. package/dist/logos/logo-km.png +0 -0
  204. package/dist/logos/logo-ko-large.png +0 -0
  205. package/dist/logos/logo-ko-small.png +0 -0
  206. package/dist/logos/logo-ko.png +0 -0
  207. package/dist/logos/logo-lt-large.png +0 -0
  208. package/dist/logos/logo-lt-small.png +0 -0
  209. package/dist/logos/logo-lt.png +0 -0
  210. package/dist/logos/logo-lv-large.png +0 -0
  211. package/dist/logos/logo-lv-small.png +0 -0
  212. package/dist/logos/logo-lv.png +0 -0
  213. package/dist/logos/logo-mk-large.png +0 -0
  214. package/dist/logos/logo-mk-small.png +0 -0
  215. package/dist/logos/logo-mk.png +0 -0
  216. package/dist/logos/logo-mr-large.png +0 -0
  217. package/dist/logos/logo-mr-small.png +0 -0
  218. package/dist/logos/logo-mr.png +0 -0
  219. package/dist/logos/logo-nl-large.png +0 -0
  220. package/dist/logos/logo-nl-small.png +0 -0
  221. package/dist/logos/logo-nl.png +0 -0
  222. package/dist/logos/logo-or-large.png +0 -0
  223. package/dist/logos/logo-or-small.png +0 -0
  224. package/dist/logos/logo-or.png +0 -0
  225. package/dist/logos/logo-pl-large.png +0 -0
  226. package/dist/logos/logo-pl-small.png +0 -0
  227. package/dist/logos/logo-pl.png +0 -0
  228. package/dist/logos/logo-pt-large.png +0 -0
  229. package/dist/logos/logo-pt-small.png +0 -0
  230. package/dist/logos/logo-pt.png +0 -0
  231. package/dist/logos/logo-ro-large.png +0 -0
  232. package/dist/logos/logo-ro-small.png +0 -0
  233. package/dist/logos/logo-ro.png +0 -0
  234. package/dist/logos/logo-ru-large.png +0 -0
  235. package/dist/logos/logo-ru-small.png +0 -0
  236. package/dist/logos/logo-ru.png +0 -0
  237. package/dist/logos/logo-si-large.png +0 -0
  238. package/dist/logos/logo-si-small.png +0 -0
  239. package/dist/logos/logo-si.png +0 -0
  240. package/dist/logos/logo-sl-large.png +0 -0
  241. package/dist/logos/logo-sl-small.png +0 -0
  242. package/dist/logos/logo-sl.png +0 -0
  243. package/dist/logos/logo-sr-large.png +0 -0
  244. package/dist/logos/logo-sr-small.png +0 -0
  245. package/dist/logos/logo-sr.png +0 -0
  246. package/dist/logos/logo-sv-large.png +0 -0
  247. package/dist/logos/logo-sv-small.png +0 -0
  248. package/dist/logos/logo-sv.png +0 -0
  249. package/dist/logos/logo-ta-large.png +0 -0
  250. package/dist/logos/logo-ta-small.png +0 -0
  251. package/dist/logos/logo-ta.png +0 -0
  252. package/dist/logos/logo-te-large.png +0 -0
  253. package/dist/logos/logo-te-small.png +0 -0
  254. package/dist/logos/logo-te.png +0 -0
  255. package/dist/logos/logo-th-large.png +0 -0
  256. package/dist/logos/logo-th-small.png +0 -0
  257. package/dist/logos/logo-th.png +0 -0
  258. package/dist/logos/logo-tr-large.png +0 -0
  259. package/dist/logos/logo-tr-small.png +0 -0
  260. package/dist/logos/logo-tr.png +0 -0
  261. package/dist/logos/logo-vi-large.png +0 -0
  262. package/dist/logos/logo-vi-small.png +0 -0
  263. package/dist/logos/logo-vi.png +0 -0
  264. package/dist/logos/logo-zh-HANS-large.png +0 -0
  265. package/dist/logos/logo-zh-HANS-small.png +0 -0
  266. package/dist/logos/logo-zh-HANS.png +0 -0
  267. package/dist/logos/logo-zh-HANT-HK-large.png +0 -0
  268. package/dist/logos/logo-zh-HANT-HK-small.png +0 -0
  269. package/dist/logos/logo-zh-HANT-HK.png +0 -0
  270. package/dist/logos/logo-zh-HANT-large.png +0 -0
  271. package/dist/logos/logo-zh-HANT-small.png +0 -0
  272. package/dist/logos/logo-zh-HANT.png +0 -0
  273. package/dist/logos-inline-svg.json +0 -1
  274. package/dist/logos.zip +0 -0
  275. package/index.html +0 -231
  276. package/lib/vipassana/design_standards_helper.rb +0 -111
  277. package/lib/vipassana/logos_inline_svg.rb +0 -5
  278. package/lib/vipassana/translations.rb +0 -312
  279. package/lib/vipassana/translations_generator.rb +0 -260
  280. package/lib/vipassana-design-standards.rb +0 -3
  281. package/src/images/wheels/favicon.png +0 -0
  282. package/src/images/wheels/favicon.svg +0 -1483
  283. package/src/images/wheels/old versions/2.5D-wheel.png +0 -0
  284. package/src/images/wheels/old versions/2.5D-wheel.svg +0 -109
  285. package/src/images/wheels/old versions/2D-wheel.svg +0 -472
  286. package/src/images/wheels/old versions/3D-wheel.svg +0 -1
  287. package/src/images/wheels/old versions/dhamma wheel 3D.png +0 -0
  288. package/src/images/wheels/old versions/wheel-3d.ai +5 -3727
  289. package/src/images/wheels/old versions/wheel-3d.png +0 -0
  290. package/src/images/wheels/tests/2.5D-wheel-1.svg +0 -414
  291. package/src/images/wheels/tests/2.5D-wheel-2.svg +0 -409
  292. package/src/images/wheels/tests/2.5D-wheel-3.svg +0 -449
  293. package/src/images/wheels/tests/2.5D-wheel-4.svg +0 -459
  294. package/src/images/wheels/tests/2.5D-wheel-5.svg +0 -452
  295. package/src/images/wheels/tests/2.5D-wheel-6.svg +0 -457
  296. package/src/images/wheels/tests/2.5D-wheel-7.svg +0 -459
  297. package/src/images/wheels/tests/2.5D-wheel-8.svg +0 -459
  298. package/src/images/wheels/tests/2.5D-wheel-sebastian.svg +0 -3
  299. package/src/images/wheels/tests/3D-wheel-2.svg +0 -1352
  300. package/src/images/wheels/tests/3D-wheel-sebastian.svg +0 -1
  301. package/src/images/wheels/tests/3D-wheel.svg +0 -1
  302. package/src/images/wheels/wheel-2023-duotone.png +0 -0
  303. package/src/images/wheels/wheel-2023-duotone.svg +0 -1
  304. package/src/images/wheels/wheel-2023-duotone.svg.js +0 -1
  305. package/src/images/wheels/wheel-2023-working-document-with-all-layers.svg +0 -1608
  306. package/src/images/wheels/wheel-2023.png +0 -0
  307. package/src/images/wheels/wheel-2023.svg +0 -1
  308. package/src/images/wheels/wheel-2023.svg.js +0 -1
  309. package/src/javascripts/auto-resize.js +0 -30
  310. package/src/javascripts/index.js +0 -397
  311. package/src/stylesheets/bootstrap5-theme.scss +0 -24
  312. package/src/stylesheets/custom-bootstrap-utilities.scss +0 -143
  313. package/src/stylesheets/custom-bootstrap-variables.scss +0 -121
  314. package/src/stylesheets/custom-bootstrap.scss +0 -159
  315. package/src/stylesheets/fonts.scss +0 -331
  316. package/src/stylesheets/index.css +0 -179
  317. package/src/stylesheets/layout/vds-header.scss +0 -42
  318. package/src/stylesheets/layout/vds-layout.scss +0 -90
  319. package/src/stylesheets/layout/vds-mixins.scss +0 -5
  320. package/src/stylesheets/layout/vds-sidenav.scss +0 -43
  321. package/src/stylesheets/logo.scss +0 -121
  322. package/src/stylesheets/mixins.scss +0 -11
  323. package/src/stylesheets/specific-fonts/fonts-gu.css +0 -65
  324. package/src/stylesheets/specific-fonts/fonts-ja.css +0 -2399
  325. package/src/stylesheets/specific-fonts/fonts-km.css +0 -2399
  326. package/vipassana-design-standards.gemspec +0 -15
  327. /package/{src/javascripts → dist/js}/i18n.js +0 -0
package/dist/logos.zip DELETED
Binary file
package/index.html DELETED
@@ -1,231 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8"/>
5
- <title>Vipassana Meditation as Taught by S.N Goenka - Design Standards</title>
6
- <link rel="stylesheet" href="./src/stylesheets/index.css?ver=0.17">
7
- <link rel="stylesheet" href="./dist/css/fonts.css?ver=0.17">
8
- <link rel="stylesheet" href="./dist/css/logo.css?ver=0.17">
9
-
10
- <link rel="icon" href="/dist/favicon.png">
11
-
12
- <link href='https://unpkg.com/css.gg@2.0.0/icons/css/software-download.css' rel='stylesheet'>
13
- <link href='https://unpkg.com/css.gg@2.0.0/icons/css/copy.css' rel='stylesheet'>
14
- </head>
15
- <body>
16
- <header>
17
- <div class="container ready">
18
- <img src="dist/logos/logo-en-large.png"/>
19
- </div>
20
- </header>
21
-
22
- <section class="main">
23
- <div class="container ready">
24
- <h2>Recommended Design Standards</h2>
25
- <div class="main-links">
26
- <a href="dist/design-standards-v0.3.pdf" target="_blank">
27
- <button type="button" class="btn-primary">
28
- <i class="gg-software-download"></i>Design Standards <small>(PDF 6Mb)</small>
29
- </button>
30
- </a>
31
-
32
- <a href="dist/logos.zip?ver=0.17">
33
- <button type="button" class="btn-primary">
34
- <i class="gg-software-download"></i>Recommended Logos <small>(2Mb)</small>
35
- </button>
36
- </a>
37
-
38
- <a href="dist/fonts.zip?ver=0.17">
39
- <button type="button" class="btn-primary">
40
- <i class="gg-software-download"></i>Fonts <small>(600kb)</small>
41
- </button>
42
- </a>
43
-
44
- <p>
45
- <a href="dist/dhamma-wheel.svg?ver=0.17">
46
- <button type="button" class="btn-outline-primary">
47
- <i class="gg-software-download"></i>Dhamma Wheel <small>(SVG)</small>
48
- </button>
49
- </a>
50
-
51
- <a href="dist/favicon.png?ver=0.17">
52
- <button type="button" class="btn-outline-primary">
53
- <i class="gg-software-download"></i>Favicon
54
- </button>
55
- </a>
56
- </p>
57
- </div>
58
- </div>
59
- </section>
60
-
61
- <section id="app">
62
- <div class="container" :class="{ready: ready}" :lang="locale">
63
- <h2>Colors</h2>
64
- <div class="colors-container">
65
- <div class="color-container" v-for="color in colorPalette">
66
- <div class="background" :style="{background: color.color}">{{ color.color }}</div>
67
- <div class="description">{{ color.text }}</div>
68
- </div>
69
- <div class="alert">
70
- Always use a
71
- <a href="https://coolors.co/contrast-checker/4f4d47-fffcf6" target="_blank">color contrast checker</a>
72
- to ensure good accessibility.
73
- </div>
74
- </div>
75
-
76
- <h2>Include the logo directly in your website</h2>
77
- <select v-model="locale">
78
- <option v-for="(trans, code) in i18n" :value="code">{{ trans.language }}</option>
79
- </select>
80
- <!-- <button type="button" @click="copyCode()"><i class="gg-copy"></i>Copy Code</button> -->
81
- <pre>{{ logoCode }}</pre>
82
-
83
- <div class="alert">
84
- <b>Developers tip</b>: assets are delivered by CloudFlare proxied CDN.
85
- </div>
86
-
87
-
88
- <h2>Logo Variant Generator</h2>
89
- <!-- Options -->
90
- <div class="filters">
91
- <select v-model="locale">
92
- <option v-for="(trans, code) in i18n" :value="code">{{ trans.language }}</option>
93
- </select>
94
- <select v-model="wheel">
95
- <option v-for="value in Object.keys(wheels)" :value="value">{{ value }}</option>
96
- </select>
97
- <select v-model="disposition">
98
- <option v-for="value in dispositions" :value="value">{{ value }}</option>
99
- </select>
100
- <input type="checkbox" v-model="displayTagline" id="displayTagline"/>
101
- <label for="displayTagline">Display Tagline</label>
102
- <input type="checkbox" v-model="night" id="displayNight" style="margin-left: 1rem"/>
103
- <label for="displayNight">Dark mode</label>
104
- <!-- <input type="checkbox" v-model="embedSVG" id="embedSVG"/>
105
- <label for="embedSVG">Embed fonts and wheel in SVG</label> -->
106
- <label style="font-weight: bold; margin-left: 1rem;">Scale</label>
107
- <input type="range" min="30" max="200" step="10" v-model="scale100"/>
108
- </div>
109
-
110
- <div class="logo-container" :class="{night: night}" :dir="isRtl ? 'rtl' : 'ltr'">
111
- <!-- Logo as html -->
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"/>
119
- <div class="logo-text">
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>
125
- <div class="logo-subtitle">{{ t('in_the_tradition') }}</div>
126
- </div>
127
- </div>
128
-
129
- <!-- Logo as SVG -->
130
- <svg id="logo-svg" xmlns="http://www.w3.org/2000/svg" :direction="isRtl ? 'rtl' : 'ltr'"
131
- :width="scale * width" :height="scale * height" :viewBox="`0 0 ${width} ${height}`"
132
- :text-anchor="disposition == 'centered' ? 'middle' : 'start'">
133
- <defs v-if="embedSVG"><component is="style">
134
- @font-face {
135
- font-family: 'FootLight';
136
- src: url({{ titleFontUrl }});
137
- font-weight: normal;
138
- font-style: normal;
139
- }
140
- @font-face {
141
- font-family: 'Lato';
142
- src: url({{ taglineFontUrl }});
143
- font-weight: 300;
144
- font-style: normal;
145
- }
146
- </component></defs>
147
-
148
- <g id="logo" :transform="`scale(${scale}, ${scale})`">
149
- <!-- Wheel -->
150
- <g id="logo-wheel" :transform="`translate(${wheelTranslate},0)`">
151
- <g v-if="embedSVG" v-html="wheelSVGCode"></g>
152
- <image v-else x="0" y="0" height="100" width="70" :href="wheelPath" />
153
- </g>
154
- <!-- Text -->
155
- <g id="logo-text" :transform="isRtl ? `translate(${textTranslate},0)` : ''">
156
- <text v-if="disposition == 'left-one-line'"
157
- id="logo-title" :x="textLeft(fullTitle)" :y="pos.firstTitleTop"
158
- :font-family="titleFontFamily" font-weight="500" :fill="titleColor" :font-size="titleFontSize">
159
- {{ fullTitle }}
160
- </text>
161
- <text v-if="disposition != 'left-one-line'"
162
- id="logo-title" :x="textLeft(t('vipassana_meditation'))" :y="pos.firstTitleTop"
163
- :font-family="titleFontFamily" font-weight="500" :fill="titleColor" :font-size="titleFontSize">
164
- {{ t('vipassana_meditation') }}
165
- </text>
166
- <text v-if="disposition != 'left-one-line'"
167
- id="logo-title" :x="textLeft(t('as_taugh'))" :y="pos.secondTitleTop"
168
- :font-family="titleFontFamily" font-weight="500" :fill="titleColor" :font-size="titleFontSize">
169
- {{ t('as_taught') }}
170
- </text>
171
- <text v-if="displayTagline" id="logo-tagline" :x="textLeft()" :y="pos.taglineTop"
172
- :font-family="taglineFontFamily" font-weight="300" :fill="taglineColor" :font-size="taglineFontSize">
173
- {{ t('in_the_tradition') }}
174
- </text>
175
- </g>
176
- </g>
177
- </svg>
178
-
179
- <div id="inline-svg"></div>
180
-
181
- <!-- CSS code, to be copied inside fonts.css -->
182
- <component is="pre" style="display:none;" id="css-variables">
183
- :root {
184
- --vds-font-family: '{{ taglineFontFamily }}';
185
- --vds-headings-font-family: '{{ titleFontFamily }}';
186
- }
187
- <div v-for="(data, locale) in i18n">
188
- html[lang="{{ locale }}"] {
189
- --vds-font-family: '{{ getTaglineFontFamily(locale) }}';
190
- --vds-headings-font-family: '{{ getTitleFontFamily(locale) }}';
191
- }
192
- </div>
193
- </component>
194
-
195
- <!-- Canvas, used to render PNG -->
196
- <canvas :width="scale * width" :height="scale * height"></canvas>
197
- </div>
198
-
199
- <div class="actions">
200
- <button type="button" @click="downloadPNG()">
201
- <i class="gg-software-download"></i>Download PNG
202
- </button>
203
- <!-- <button type="button" @click="downloadSVG()">
204
- <i class="gg-software-download"></i>Download SVG
205
- </button> -->
206
- <button type="button" @click="generateAllLogos()">
207
- Generate all PNGs
208
- </button>
209
- <button type="button" @click="generateAllInlineSVG()">
210
- Generate all Inline SVG
211
- </button>
212
- <br/>
213
- <div class="alert" style="margin-top: 1.2rem;">Generated PNG are not optimized, you should use a tool such as
214
- <a href="https://compresspng.com/" target="_blank">compresspng.com</a>
215
- </div>
216
- </div>
217
- </div>
218
- </section>
219
-
220
- <footer>
221
- <a href="mailto:webmaster@dhamma.org">webmaster@dhamma.org</a>
222
- </footer>
223
-
224
- <script type="module">
225
- import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'
226
- import App from './src/javascripts/index.js?ver=0.17'
227
-
228
- createApp(App).mount('#app')
229
- </script>
230
- </body>
231
- </html>
@@ -1,111 +0,0 @@
1
- module Vipassana
2
- module DesignStandardsHelper
3
- require "vipassana/logos_inline_svg.rb"
4
- require "vipassana/translations.rb"
5
-
6
- def is_rtl?(locale)
7
- locale.to_sym.in? [:ar, :fa, :he]
8
- end
9
-
10
- def vds_favicon_tag
11
- favicon_link_tag "https://design-standards.dhamma.org/dist/favicon.png"
12
- end
13
-
14
- def vds_asset_url(path, localhost = false)
15
- return "http://localhost:5500/dist/#{path}" if localhost # For localhost dev, just run vscode liveserver
16
-
17
- version = Gem.loaded_specs['vipassana-design-standards'].version
18
- "https://design-standards.dhamma.org/dist/#{version}/#{path}"
19
- end
20
-
21
- def vds_bootstrap_theme_css_tag(locale: I18n.locale, localhost: false)
22
- tags = [
23
- stylesheet_link_tag(vds_asset_url("css/bootstrap5-theme#{is_rtl?(locale) ? '.rtl' : ''}.min.css", localhost)),
24
- ]
25
- # Add specific fonts for languages not compatible with Footlight and Lato
26
- if locale.to_sym.in? [:gu, :ja, :km]
27
- tags << stylesheet_link_tag(vds_asset_url("css/fonts-#{locale}.min.css"))
28
- end
29
-
30
- tags.join.html_safe
31
- end
32
-
33
- def vds_bootstrap_theme_js_tag(locale: I18n.locale, localhost: false)
34
- javascript_include_tag vds_asset_url("js/bootstrap5-theme.min.js", localhost)
35
- end
36
-
37
- def vds_logo_svg(locale: I18n.locale, disposition: "default", tagline: true, height: nil, width: nil)
38
- height = 70 if height.nil? && width.nil?
39
-
40
- data = VDS_SVGS[locale.to_sym] || VDS_SVGS[:en]
41
- disposition += '-no-tagline' if tagline == false
42
- string = data[disposition.to_sym] || data[:normal]
43
-
44
- string.gsub!("<svg", "<svg height=\"#{height}\"") if height.present?
45
- string.gsub!("<svg", "<svg width=\"#{width}\"") if width.present?
46
-
47
- string.html_safe
48
- end
49
-
50
- def vds_logo_html(locale: I18n.locale, disposition: "default", size: '18', tagline: true, dark: false)
51
- trans = VDS_TRANSLATIONS[locale.to_sym] || VDS_TRANSLATIONS[:en]
52
-
53
- if disposition == "mobile"
54
- disposition = "left-two-lines"
55
- tagline = false
56
- end
57
-
58
- result = <<-HTML
59
- <div class="vipassana-logo"
60
- data-disposition="#{disposition}"
61
- data-tagline="#{tagline}"
62
- data-dark-mode="#{dark}"
63
- data-reverse="#{trans[:reverse]}"
64
- style="font-size: #{size}px">
65
- <img class="logo-wheel" src="https://design-standards.dhamma.org/dist/dhamma-wheel.svg" />
66
- <div class="logo-text">
67
- <h1 class="logo-title">
68
- <span data-start-with="#{trans[:vipassana_meditation].at(0).downcase}">
69
- #{trans[:vipassana_meditation]}
70
- </span>
71
- <span class="logo-space">&nbsp;</span>
72
- <span>#{trans[:as_taught]}</span>
73
- </h1>
74
- <div class="logo-subtitle">#{trans[:in_the_tradition]}</div>
75
- </div>
76
- </div>
77
- HTML
78
- result.html_safe
79
- end
80
-
81
- # Some icons from bootstrap icons, so all websites use the same
82
- def vds_icon_locale
83
- result = <<-HTML
84
- <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">
85
- <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"/>
86
- <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"/>
87
- </svg>
88
- HTML
89
- result.html_safe
90
- end
91
-
92
- def vds_icon_account
93
- result = <<-HTML
94
- <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">
95
- <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
96
- <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"/>
97
- </svg>
98
- HTML
99
- result.html_safe
100
- end
101
-
102
- def vds_icon_menu
103
- result = <<-HTML
104
- <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">
105
- <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"/>
106
- </svg>
107
- HTML
108
- result.html_safe
109
- end
110
- end
111
- end