vipassana-design-standards 0.0.20 → 0.0.22

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