vipassana-design-standards 0.0.13 → 0.0.16

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 (167) hide show
  1. package/HOW_TO_PUBLISH.md +31 -0
  2. package/README.md +221 -30
  3. package/TODO +9 -11
  4. package/demo/.gitattributes +5 -0
  5. package/demo/.ruby-version +1 -0
  6. package/demo/Gemfile +29 -0
  7. package/demo/Gemfile.lock +182 -0
  8. package/demo/Rakefile +6 -0
  9. package/demo/app/assets/config/manifest.js +2 -0
  10. package/demo/app/assets/stylesheets/application.css +15 -0
  11. package/demo/app/controllers/application_controller.rb +3 -0
  12. package/demo/app/controllers/demo_controller.rb +4 -0
  13. package/demo/app/views/demo/index.html.erb +2 -0
  14. package/demo/app/views/layouts/application.html.erb +73 -0
  15. package/demo/bin/bundle +114 -0
  16. package/demo/bin/rails +4 -0
  17. package/demo/bin/rake +4 -0
  18. package/demo/bin/setup +25 -0
  19. package/demo/config/application.rb +37 -0
  20. package/demo/config/boot.rb +3 -0
  21. package/demo/config/credentials.yml.enc +1 -0
  22. package/demo/config/environment.rb +5 -0
  23. package/demo/config/environments/development.rb +56 -0
  24. package/demo/config/environments/production.rb +72 -0
  25. package/demo/config/environments/test.rb +50 -0
  26. package/demo/config/initializers/assets.rb +12 -0
  27. package/demo/config/initializers/content_security_policy.rb +25 -0
  28. package/demo/config/initializers/filter_parameter_logging.rb +8 -0
  29. package/demo/config/initializers/inflections.rb +16 -0
  30. package/demo/config/initializers/permissions_policy.rb +11 -0
  31. package/demo/config/locales/en.yml +33 -0
  32. package/demo/config/puma.rb +43 -0
  33. package/demo/config/routes.rb +5 -0
  34. package/demo/config.ru +6 -0
  35. package/demo/public/404.html +67 -0
  36. package/demo/public/422.html +67 -0
  37. package/demo/public/500.html +66 -0
  38. package/demo/public/apple-touch-icon-precomposed.png +0 -0
  39. package/demo/public/apple-touch-icon.png +0 -0
  40. package/demo/public/favicon.ico +0 -0
  41. package/demo/public/robots.txt +1 -0
  42. package/demo.html +55 -0
  43. package/dist/0.0.16/css/bootstrap5-theme.css +12623 -0
  44. package/dist/0.0.16/css/bootstrap5-theme.css.map +1 -0
  45. package/dist/0.0.16/css/bootstrap5-theme.min.css +6 -0
  46. package/dist/0.0.16/css/bootstrap5-theme.rtl.css +12586 -0
  47. package/dist/0.0.16/css/bootstrap5-theme.rtl.min.css +6 -0
  48. package/dist/0.0.16/css/fonts-gu.css +65 -0
  49. package/dist/0.0.16/css/fonts-gu.min.css +1 -0
  50. package/{app/assets/stylesheets/fonts.css → dist/0.0.16/css/fonts-ja.css} +1 -2784
  51. package/dist/0.0.16/css/fonts-ja.min.css +1 -0
  52. package/dist/0.0.16/css/fonts-km.css +2399 -0
  53. package/dist/0.0.16/css/fonts-km.min.css +1 -0
  54. package/dist/0.0.16/css/fonts.css +472 -0
  55. package/dist/0.0.16/css/fonts.css.map +1 -0
  56. package/dist/0.0.16/css/fonts.min.css +1 -0
  57. package/dist/0.0.16/css/logo.css +135 -0
  58. package/dist/0.0.16/css/logo.css.map +1 -0
  59. package/dist/0.0.16/css/logo.min.css +1 -0
  60. package/dist/0.0.16/js/bootstrap.bundle.js +7075 -0
  61. package/dist/0.0.16/js/bootstrap.bundle.js.map +1 -0
  62. package/dist/0.0.16/js/bootstrap.bundle.min.js +7 -0
  63. package/dist/0.0.16/js/bootstrap.bundle.min.js.map +1 -0
  64. package/dist/css/bootstrap5-theme.css +12623 -0
  65. package/dist/css/bootstrap5-theme.css.map +1 -0
  66. package/dist/css/bootstrap5-theme.min.css +6 -0
  67. package/dist/css/bootstrap5-theme.rtl.css +12586 -0
  68. package/dist/css/bootstrap5-theme.rtl.min.css +6 -0
  69. package/dist/css/fonts-gu.css +65 -0
  70. package/dist/css/fonts-gu.min.css +1 -0
  71. package/dist/css/fonts-ja.css +2399 -0
  72. package/dist/css/fonts-ja.min.css +1 -0
  73. package/dist/css/fonts-km.css +2399 -0
  74. package/dist/css/fonts-km.min.css +1 -0
  75. package/dist/css/fonts.css +472 -0
  76. package/dist/css/fonts.css.map +1 -0
  77. package/dist/css/fonts.min.css +1 -0
  78. package/dist/css/logo.css +135 -0
  79. package/dist/css/logo.css.map +1 -0
  80. package/dist/css/logo.min.css +1 -0
  81. package/dist/js/bootstrap.bundle.js +7075 -0
  82. package/dist/js/bootstrap.bundle.js.map +1 -0
  83. package/dist/js/bootstrap.bundle.min.js +7 -0
  84. package/dist/js/bootstrap.bundle.min.js.map +1 -0
  85. package/dist/logos-inline-svg.json +1 -1
  86. package/index.html +12 -12
  87. package/lib/vipassana/design_standards_helper.rb +111 -0
  88. package/lib/vipassana/logos_inline_svg.rb +1 -2
  89. package/lib/vipassana/translations.rb +9 -1
  90. package/lib/vipassana-design-standards.rb +1 -2
  91. package/package.json +17 -5
  92. package/{app/assets → src}/javascripts/index.js +8 -11
  93. package/src/stylesheets/bootstrap5-theme.scss +24 -0
  94. package/{app/assets → src}/stylesheets/custom-bootstrap-variables.scss +2 -2
  95. package/src/stylesheets/fonts.scss +331 -0
  96. package/{app/assets/stylesheets → src/stylesheets/layout}/vds-header.scss +10 -1
  97. package/{app/assets/stylesheets → src/stylesheets/layout}/vds-layout.scss +6 -5
  98. package/{app/assets/stylesheets/logo.css → src/stylesheets/logo.scss} +4 -11
  99. package/src/stylesheets/specific-fonts/fonts-gu.css +65 -0
  100. package/src/stylesheets/specific-fonts/fonts-ja.css +2399 -0
  101. package/src/stylesheets/specific-fonts/fonts-km.css +2399 -0
  102. package/vipassana-design-standards.gemspec +2 -2
  103. package/app/assets/stylesheets/vds.scss +0 -11
  104. package/dist/resolutions/logo-en.svg +0 -1
  105. package/dist/resolutions/logo-en@128px.png +0 -0
  106. package/dist/resolutions/logo-en@640px.png +0 -0
  107. package/dist/resolutions/logo-en@64px.png +0 -0
  108. package/lib/vipassana/engine.rb +0 -4
  109. package/lib/vipassana/logo_helper.rb +0 -43
  110. package/resolution.html +0 -22
  111. package/vipassana-design-standards-0.0.11.gem +0 -0
  112. /package/{app/assets/images/wheels/wheel-2023.svg → dist/dhamma-wheel.svg} +0 -0
  113. /package/{app/assets → dist}/fonts/FootlightMTProBold.woff +0 -0
  114. /package/{app/assets → dist}/fonts/FootlightMTProBoldItalic.woff +0 -0
  115. /package/{app/assets → dist}/fonts/FootlightMTProExtraBold.woff +0 -0
  116. /package/{app/assets → dist}/fonts/FootlightMTProExtraBoldIt.woff +0 -0
  117. /package/{app/assets → dist}/fonts/FootlightMTProItalic.woff +0 -0
  118. /package/{app/assets → dist}/fonts/FootlightMTProLight.base64.js +0 -0
  119. /package/{app/assets → dist}/fonts/FootlightMTProLight.woff +0 -0
  120. /package/{app/assets → dist}/fonts/FootlightMTProLightItalic.woff +0 -0
  121. /package/{app/assets → dist}/fonts/FootlightMTProRegular.woff +0 -0
  122. /package/{app/assets → dist}/fonts/Lato-Black.woff +0 -0
  123. /package/{app/assets → dist}/fonts/Lato-BlackItalic.woff +0 -0
  124. /package/{app/assets → dist}/fonts/Lato-Bold.woff +0 -0
  125. /package/{app/assets → dist}/fonts/Lato-BoldItalic.woff +0 -0
  126. /package/{app/assets → dist}/fonts/Lato-Italic.woff +0 -0
  127. /package/{app/assets → dist}/fonts/Lato-Light.base64.js +0 -0
  128. /package/{app/assets → dist}/fonts/Lato-Light.woff +0 -0
  129. /package/{app/assets → dist}/fonts/Lato-LightItalic.woff +0 -0
  130. /package/{app/assets → dist}/fonts/Lato-Regular.woff +0 -0
  131. /package/{app/assets → dist}/fonts/Lato-Thin.woff +0 -0
  132. /package/{app/assets → dist}/fonts/Lato-ThinItalic.woff +0 -0
  133. /package/{app/assets → dist}/fonts/OFL.txt +0 -0
  134. /package/{app/assets → src}/images/wheels/favicon.png +0 -0
  135. /package/{app/assets → src}/images/wheels/favicon.svg +0 -0
  136. /package/{app/assets → src}/images/wheels/old versions/2.5D-wheel.png +0 -0
  137. /package/{app/assets → src}/images/wheels/old versions/2.5D-wheel.svg +0 -0
  138. /package/{app/assets → src}/images/wheels/old versions/2D-wheel.svg +0 -0
  139. /package/{app/assets → src}/images/wheels/old versions/3D-wheel.svg +0 -0
  140. /package/{app/assets → src}/images/wheels/old versions/dhamma wheel 3D.png +0 -0
  141. /package/{app/assets → src}/images/wheels/old versions/wheel-3d.ai +0 -0
  142. /package/{app/assets → src}/images/wheels/old versions/wheel-3d.png +0 -0
  143. /package/{app/assets → src}/images/wheels/tests/2.5D-wheel-1.svg +0 -0
  144. /package/{app/assets → src}/images/wheels/tests/2.5D-wheel-2.svg +0 -0
  145. /package/{app/assets → src}/images/wheels/tests/2.5D-wheel-3.svg +0 -0
  146. /package/{app/assets → src}/images/wheels/tests/2.5D-wheel-4.svg +0 -0
  147. /package/{app/assets → src}/images/wheels/tests/2.5D-wheel-5.svg +0 -0
  148. /package/{app/assets → src}/images/wheels/tests/2.5D-wheel-6.svg +0 -0
  149. /package/{app/assets → src}/images/wheels/tests/2.5D-wheel-7.svg +0 -0
  150. /package/{app/assets → src}/images/wheels/tests/2.5D-wheel-8.svg +0 -0
  151. /package/{app/assets → src}/images/wheels/tests/2.5D-wheel-sebastian.svg +0 -0
  152. /package/{app/assets → src}/images/wheels/tests/3D-wheel-2.svg +0 -0
  153. /package/{app/assets → src}/images/wheels/tests/3D-wheel-sebastian.svg +0 -0
  154. /package/{app/assets → src}/images/wheels/tests/3D-wheel.svg +0 -0
  155. /package/{app/assets → src}/images/wheels/wheel-2023-duotone.png +0 -0
  156. /package/{app/assets → src}/images/wheels/wheel-2023-duotone.svg +0 -0
  157. /package/{app/assets → src}/images/wheels/wheel-2023-duotone.svg.js +0 -0
  158. /package/{app/assets → src}/images/wheels/wheel-2023-working-document-with-all-layers.svg +0 -0
  159. /package/{app/assets → src}/images/wheels/wheel-2023.png +0 -0
  160. /package/{dist/Dhamma-Wheel.svg → src/images/wheels/wheel-2023.svg} +0 -0
  161. /package/{app/assets → src}/images/wheels/wheel-2023.svg.js +0 -0
  162. /package/{app/assets → src}/javascripts/i18n.js +0 -0
  163. /package/{app/assets → src}/stylesheets/custom-bootstrap-utilities.scss +0 -0
  164. /package/{app/assets → src}/stylesheets/custom-bootstrap.scss +0 -0
  165. /package/{app/assets → src}/stylesheets/index.css +0 -0
  166. /package/{app/assets/stylesheets → src/stylesheets/layout}/vds-mixins.scss +0 -0
  167. /package/{app/assets/stylesheets → src/stylesheets/layout}/vds-sidenav.scss +0 -0
package/HOW_TO_PUBLISH.md ADDED
@@ -0,0 +1,31 @@
1
+ ## Compile CSS
2
+
3
+ Install compilers libs
4
+ ```
5
+ npm install -g sass clean-css-cli rtlcss
6
+ ```
7
+
8
+ Install local dependecies
9
+ ```
10
+ yarn
11
+ ```
12
+
13
+ Compile
14
+ ```
15
+ npm run build
16
+ ```
17
+
18
+ ## Deploy
19
+
20
+ Bump version in both `package.json` and `vipassana-design-standards.gemspec`
21
+
22
+ ```
23
+ npm run dist
24
+ gem build vipassana-design-standards.gemspec
25
+ gem push vipassana-design-standards-XXXX.gem
26
+ ```
27
+
28
+ Global replace `?ver=old_version` by `?ver=new_version`
29
+
30
+ Update https://design-standards.dhamma.org by pushing new files via FTP
31
+ At least you need to push the new versionned dist folder
package/README.md CHANGED
@@ -1,36 +1,227 @@
1
- # Vipassana Meditation as Taught By S.N. Goenka
2
- ## Design Standards
1
+ # Vipassana Meditation as Taught By S.N. Goenka - Design Standards
3
2
 
4
- Provide a simple website to download the logos in different format and variations
3
+ This repository contains the code for https://design-standards.dhamma.org/
5
4
 
5
+ It also provide files and packages to easily implement the design standards in your website
6
+ - [Ruby Gem Package](https://rubygems.org/gems/vipassana-design-standards)
7
+ - [NPM Package](https://www.npmjs.com/package/vipassana-design-standards)
6
8
 
7
- helper Vipassana::LogoHelper
9
+ In the following, VDS stands for Vipassana Design Standards
8
10
 
9
- <body class="vds-body">
10
- <div class="vds-header-and-content">
11
- <!-- Header -->
12
- <header class="vds-header">
13
- <div class="vds-container">
14
- <a href class="vds-logo"><!-- Logo vipassana_logo_svg --></a>
15
- </div>
16
- </header>
17
- <!-- Page -->
18
- <div class="vds-page vds-container">
19
- <div class="vds-sidenav">
20
- <ul>
21
- <li>
22
- <a href="test">Test</a>
23
- </li>
24
- </ul>
25
- </div>
26
- <div class="vds-page-content">
27
- <!-- Page content -->
11
+
12
+ ## Include the logo inside a website
13
+
14
+ The recommended way for using the logo is either with SVG format or directly with HTML, so it's always perfectly displayed
15
+
16
+ For this to work, you will need have the propper fonts loaded in your page, and specific css for the logo.
17
+
18
+ If you are not using our `bootstrap5-theme` (see below), then you need to manually import those files :
19
+
20
+ ```html
21
+ <!-- Load fonts -->
22
+ <link rel="stylesheet" href="https://design-standards.dhamma.org/dist/css/fonts.css" />
23
+
24
+ <!-- If you use vds_logo_html, load this specific file -->
25
+ <link rel="stylesheet" href="https://design-standards.dhamma.org/dist/css/logo.css" />
26
+ ```
27
+
28
+ ### With ruby
29
+
30
+ Install the gem
31
+ ```
32
+ gem install vipassana-design-standards
33
+ ```
34
+
35
+ Adds helper to your application
36
+ ```
37
+ class ApplicationController < ActionController::Base
38
+ # ...
39
+
40
+ helper Vipassana::DesignStandardsHelper
41
+
42
+ # ...
43
+ end
44
+ ```
45
+
46
+ Use the helpers
47
+ ```html
48
+ <!-- SVG logo -->
49
+ <%= vds_logo_svg %>
50
+ <%= vds_logo_svg(height: 80) %>
51
+ <%= vds_logo_svg(width: 500) %>
52
+ <%= vds_logo_svg(disposition: "mobile") %>
53
+ <!-- All options -->
54
+ <%= vds_logo_svg(locale: "fr", disposition: "default", tagline: true, height: 200) %>
55
+
56
+ <!-- HTML Logo -->
57
+ <!-- logo.css will need to be loaded, see above -->
58
+ <%= vds_logo_html %>
59
+ <%= vds_logo_html(size: 10) %>
60
+ <%= vds_logo_html(dispositon: "mobile") %>
61
+ <!-- All options -->
62
+ <%= vds_logo_html(locale: "fr", disposition: "default", tagline: true, size: 18, dark: false) %>
63
+ ```
64
+
65
+ ### Without ruby
66
+
67
+ Alls SVG codes are available at https://design-standards.dhamma.org/dist/logos-inline-svg.json
68
+
69
+ ### Available dispositions
70
+ - default
71
+ - mobile
72
+ - left-one-line
73
+ - left-one-line-no-tagline
74
+ - left-two-lines
75
+ - left-two-lines-no-tagline
76
+ - centered
77
+ - centered-no-tagline
78
+
79
+ ## Using our bootstrap5 theme
80
+
81
+ The best way to implement the whole design is to use our custom `bootstrap5-theme` containing :
82
+ - bootstrap 5 customized
83
+ - fonts styles
84
+ - logo styles
85
+
86
+ ### Load with the gem (recommended)
87
+
88
+ See a [complete example here](https://github.com/dhammaorg/design-standards/blob/master/demo/app/views/layouts/application.html.erb)
89
+ ```html
90
+ <head>
91
+ <%= vds_bootstrap_theme_css_tag %>
92
+ <%= vds_bootstrap_theme_js_tag %>
93
+ </head>
94
+ ```
95
+
96
+ ### Load with CDN
97
+
98
+ ```html
99
+ <link rel="stylesheet" href="https://design-standards.dhamma.org/dist/css/bootstrap5-theme.min.css" />
100
+ <script src="https://design-standards.dhamma.org/dist/js/bootstrap.bundle.min.js"></script>
101
+ ```
102
+
103
+ ### Install locally
104
+
105
+ first Install npm package
106
+ ```
107
+ npm install vipassana-design-standards
108
+ yarn add vipassana-design-standards
109
+ ```
110
+
111
+ Then include it
112
+ ```
113
+ // application.scss
114
+ @import "vipassana-design-standards/src/stylesheets/bootstrap5-theme";
115
+ ```
116
+
117
+ ```
118
+ // application.js
119
+ import 'bootstrap5';
120
+ ```
121
+
122
+ ### Layout structure
123
+
124
+ We have made a custom layout, with basic header and sidenav. In case you want to use it, you need to align with following page structure
125
+ ```html
126
+ <html lang="xx" class="vds-html">
127
+ <body class="vds-body">
128
+ <div class="vds-header-and-content">
129
+ <!-- Header -->
130
+ <header class="vds-header">
131
+ <div class="vds-container">
132
+ <a href class="vds-logo-link"><!-- Logo vds_logo_svg --></a>
133
+ </div>
134
+ </header>
135
+
136
+ <!-- Page -->
137
+ <div class="vds-page vds-container">
138
+ <div class="vds-sidenav">
139
+ <ul>
140
+ <li>
141
+ <a href="#" class="active">Test</a>
142
+ </li>
143
+ <li>
144
+ <a href="#">Other</a>
145
+ </li>
146
+ </ul>
147
+ </div>
148
+ <div class="vds-page-content">
149
+ <!-- Page content -->
150
+ </div>
28
151
  </div>
29
152
  </div>
30
- </div>
31
- <!-- Footer -->
32
- <footer class="vds-footer">
33
- <div class="vds-container">
34
- </div>
35
- </footer>
36
- </body>
153
+
154
+ <!-- Footer -->
155
+ <footer class="vds-footer">
156
+ <div class="vds-container">
157
+ </div>
158
+ </footer>
159
+ </body>
160
+ </html>
161
+ ```
162
+
163
+ ### Custom bootstrap utilities
164
+
165
+ Some class helpers have been added to complement the [bootstrap utilities](https://getbootstrap.com/docs/5.3/utilities/background/)
166
+
167
+ #### Font-family
168
+
169
+ ```html
170
+ <div class="ff-normal">Normal font (Lato)</div>
171
+ <div class="ff-headings">Headings font (Footlight)</div>
172
+ ```
173
+
174
+ #### Font-size
175
+
176
+ ```
177
+ .fs-normal
178
+
179
+ .fs-05-rem // font-size: .5rem
180
+ .fs-085-rem // font-size: .85rem
181
+ .fs-11-rem // font-size: 1.1rem
182
+ .fs-135-rem // font-size: 1.35rem
183
+
184
+ .fs-0X-em // font-size: .Xem
185
+ .fs-0X5-em // font-size: .X5em
186
+ .fs-1X-em // font-size: 1.Xem
187
+ .fs-1X5-em // font-size: 1.X5em
188
+
189
+ ```
190
+
191
+ #### Other
192
+
193
+ ```html
194
+ <div class="full-width-sm">
195
+ this section will take full horizontal space in mobile screen, overriding default body padding
196
+ </div>
197
+
198
+ <button class="btn-floating-sm">
199
+ Floating button on the bottom of the page, only for mobile
200
+ </button>
201
+
202
+ <div class="full-page-print">
203
+ This section will take the whole screen when printing the page
204
+ </div>
205
+ ```
206
+
207
+ ## Importing only fonts in your website
208
+
209
+ If you don't want the whole design, but just the fonts, you can do the following
210
+
211
+ ```html
212
+ <!-- Prodive 2-letters language code in html lang attribute -->
213
+ <html lang="fr">
214
+
215
+ <!-- Import fonts-->
216
+ <link rel="stylesheet" href="https://design-standards.dhamma.org/dist/css/fonts.css" />
217
+
218
+ <!-- Use the fonts where it's needed -->
219
+ <style>
220
+ body {
221
+ font-family: var(--vds-font-family);
222
+ }
223
+ h1, h2 {
224
+ font-family: var(--vds-headings-font-family);
225
+ }
226
+ </style>
227
+ ```
package/TODO CHANGED
@@ -1,16 +1,14 @@
1
- generate all logos, ensure they all work okay
1
+ make repo public, and use jsdeliver
2
+ compile also bootstrap js and make it avaiable with CDN
3
+ -> ask sysadmin for them opportunity to comment
2
4
 
3
- provide zip with to download in th home page with all logo and fonts
5
+ in CALM, VIS, DO use VDS css and not scss so it's cached
4
6
 
5
- include "dark" version of logo : title in shiny gold, tagline in light grey, so it can be displayed on dark background
7
+ fonts: provide Noto font or not? only on demand?
8
+ fonts: make font-weight consistent
9
+ -> start with easy one, and optimize later if needed
6
10
 
7
- can we use cloudfront to deliver logo? or jsdeliver
8
- https://cdn.jsdelivr.net/gh/dhammaorg/design-standards/logo-en.svg
11
+ open sans
9
12
 
10
- regenarate
11
- hi
12
-
13
- try firefox, hindi and telugu is cropped on the top
14
-
15
- handle bottom to top languages : hi, gu, mr
13
+ locale picker make it the same everywhere?
16
14
 
package/demo/.gitattributes ADDED
@@ -0,0 +1,5 @@
1
+ # See https://git-scm.com/docs/gitattributes for more about git attribute files.
2
+
3
+
4
+ # Mark any vendored files as having been vendored.
5
+ vendor/* linguist-vendored
package/demo/.ruby-version ADDED
@@ -0,0 +1 @@
1
+ ruby-2.7.4
package/demo/Gemfile ADDED
@@ -0,0 +1,29 @@
1
+ source "https://rubygems.org"
2
+ git_source(:github) { |repo| "https://github.com/#{repo}.git" }
3
+
4
+ ruby "2.7.4"
5
+
6
+ # Bundle edge Rails instead: gem "rails", github: "rails/rails", branch: "main"
7
+ gem "rails", "~> 7.0.5"
8
+
9
+ # The original asset pipeline for Rails [https://github.com/rails/sprockets-rails]
10
+ gem "sprockets-rails"
11
+
12
+ # Use the Puma web server [https://github.com/puma/puma]
13
+ gem "puma", "~> 5.0"
14
+
15
+ # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
16
+ gem "tzinfo-data", platforms: %i[ mingw mswin x64_mingw jruby ]
17
+
18
+ group :development, :test do
19
+ # See https://guides.rubyonrails.org/debugging_rails_applications.html#debugging-with-the-debug-gem
20
+ gem "debug", platforms: %i[ mri mingw x64_mingw ]
21
+ end
22
+
23
+ group :development do
24
+ # Speed up commands on slow machines / big apps [https://github.com/rails/spring]
25
+ # gem "spring"
26
+ end
27
+
28
+
29
+ gem "vipassana-design-standards", path: "/home/websites/design-standards"
package/demo/Gemfile.lock ADDED
@@ -0,0 +1,182 @@
1
+ PATH
2
+ remote: /home/websites/design-standards
3
+ specs:
4
+ vipassana-design-standards (0.0.16)
5
+
6
+ GEM
7
+ remote: https://rubygems.org/
8
+ specs:
9
+ actioncable (7.0.5)
10
+ actionpack (= 7.0.5)
11
+ activesupport (= 7.0.5)
12
+ nio4r (~> 2.0)
13
+ websocket-driver (>= 0.6.1)
14
+ actionmailbox (7.0.5)
15
+ actionpack (= 7.0.5)
16
+ activejob (= 7.0.5)
17
+ activerecord (= 7.0.5)
18
+ activestorage (= 7.0.5)
19
+ activesupport (= 7.0.5)
20
+ mail (>= 2.7.1)
21
+ net-imap
22
+ net-pop
23
+ net-smtp
24
+ actionmailer (7.0.5)
25
+ actionpack (= 7.0.5)
26
+ actionview (= 7.0.5)
27
+ activejob (= 7.0.5)
28
+ activesupport (= 7.0.5)
29
+ mail (~> 2.5, >= 2.5.4)
30
+ net-imap
31
+ net-pop
32
+ net-smtp
33
+ rails-dom-testing (~> 2.0)
34
+ actionpack (7.0.5)
35
+ actionview (= 7.0.5)
36
+ activesupport (= 7.0.5)
37
+ rack (~> 2.0, >= 2.2.4)
38
+ rack-test (>= 0.6.3)
39
+ rails-dom-testing (~> 2.0)
40
+ rails-html-sanitizer (~> 1.0, >= 1.2.0)
41
+ actiontext (7.0.5)
42
+ actionpack (= 7.0.5)
43
+ activerecord (= 7.0.5)
44
+ activestorage (= 7.0.5)
45
+ activesupport (= 7.0.5)
46
+ globalid (>= 0.6.0)
47
+ nokogiri (>= 1.8.5)
48
+ actionview (7.0.5)
49
+ activesupport (= 7.0.5)
50
+ builder (~> 3.1)
51
+ erubi (~> 1.4)
52
+ rails-dom-testing (~> 2.0)
53
+ rails-html-sanitizer (~> 1.1, >= 1.2.0)
54
+ activejob (7.0.5)
55
+ activesupport (= 7.0.5)
56
+ globalid (>= 0.3.6)
57
+ activemodel (7.0.5)
58
+ activesupport (= 7.0.5)
59
+ activerecord (7.0.5)
60
+ activemodel (= 7.0.5)
61
+ activesupport (= 7.0.5)
62
+ activestorage (7.0.5)
63
+ actionpack (= 7.0.5)
64
+ activejob (= 7.0.5)
65
+ activerecord (= 7.0.5)
66
+ activesupport (= 7.0.5)
67
+ marcel (~> 1.0)
68
+ mini_mime (>= 1.1.0)
69
+ activesupport (7.0.5)
70
+ concurrent-ruby (~> 1.0, >= 1.0.2)
71
+ i18n (>= 1.6, < 2)
72
+ minitest (>= 5.1)
73
+ tzinfo (~> 2.0)
74
+ builder (3.2.4)
75
+ concurrent-ruby (1.2.2)
76
+ crass (1.0.6)
77
+ date (3.3.3)
78
+ debug (1.8.0)
79
+ irb (>= 1.5.0)
80
+ reline (>= 0.3.1)
81
+ erubi (1.12.0)
82
+ globalid (1.1.0)
83
+ activesupport (>= 5.0)
84
+ i18n (1.14.1)
85
+ concurrent-ruby (~> 1.0)
86
+ io-console (0.6.0)
87
+ irb (1.7.0)
88
+ reline (>= 0.3.0)
89
+ loofah (2.21.3)
90
+ crass (~> 1.0.2)
91
+ nokogiri (>= 1.12.0)
92
+ mail (2.8.1)
93
+ mini_mime (>= 0.1.1)
94
+ net-imap
95
+ net-pop
96
+ net-smtp
97
+ marcel (1.0.2)
98
+ method_source (1.0.0)
99
+ mini_mime (1.1.2)
100
+ mini_portile2 (2.8.2)
101
+ minitest (5.18.0)
102
+ net-imap (0.3.6)
103
+ date
104
+ net-protocol
105
+ net-pop (0.1.2)
106
+ net-protocol
107
+ net-protocol (0.2.1)
108
+ timeout
109
+ net-smtp (0.3.3)
110
+ net-protocol
111
+ nio4r (2.5.9)
112
+ nokogiri (1.15.2)
113
+ mini_portile2 (~> 2.8.2)
114
+ racc (~> 1.4)
115
+ puma (5.6.5)
116
+ nio4r (~> 2.0)
117
+ racc (1.7.1)
118
+ rack (2.2.7)
119
+ rack-test (2.1.0)
120
+ rack (>= 1.3)
121
+ rails (7.0.5)
122
+ actioncable (= 7.0.5)
123
+ actionmailbox (= 7.0.5)
124
+ actionmailer (= 7.0.5)
125
+ actionpack (= 7.0.5)
126
+ actiontext (= 7.0.5)
127
+ actionview (= 7.0.5)
128
+ activejob (= 7.0.5)
129
+ activemodel (= 7.0.5)
130
+ activerecord (= 7.0.5)
131
+ activestorage (= 7.0.5)
132
+ activesupport (= 7.0.5)
133
+ bundler (>= 1.15.0)
134
+ railties (= 7.0.5)
135
+ rails-dom-testing (2.0.3)
136
+ activesupport (>= 4.2.0)
137
+ nokogiri (>= 1.6)
138
+ rails-html-sanitizer (1.6.0)
139
+ loofah (~> 2.21)
140
+ nokogiri (~> 1.14)
141
+ railties (7.0.5)
142
+ actionpack (= 7.0.5)
143
+ activesupport (= 7.0.5)
144
+ method_source
145
+ rake (>= 12.2)
146
+ thor (~> 1.0)
147
+ zeitwerk (~> 2.5)
148
+ rake (13.0.6)
149
+ reline (0.3.5)
150
+ io-console (~> 0.5)
151
+ sprockets (4.2.0)
152
+ concurrent-ruby (~> 1.0)
153
+ rack (>= 2.2.4, < 4)
154
+ sprockets-rails (3.4.2)
155
+ actionpack (>= 5.2)
156
+ activesupport (>= 5.2)
157
+ sprockets (>= 3.0.0)
158
+ thor (1.2.2)
159
+ timeout (0.3.2)
160
+ tzinfo (2.0.6)
161
+ concurrent-ruby (~> 1.0)
162
+ websocket-driver (0.7.5)
163
+ websocket-extensions (>= 0.1.0)
164
+ websocket-extensions (0.1.5)
165
+ zeitwerk (2.6.8)
166
+
167
+ PLATFORMS
168
+ ruby
169
+
170
+ DEPENDENCIES
171
+ debug
172
+ puma (~> 5.0)
173
+ rails (~> 7.0.5)
174
+ sprockets-rails
175
+ tzinfo-data
176
+ vipassana-design-standards!
177
+
178
+ RUBY VERSION
179
+ ruby 2.7.4p191
180
+
181
+ BUNDLED WITH
182
+ 2.1.4
package/demo/Rakefile ADDED
@@ -0,0 +1,6 @@
1
+ # Add your own tasks in files placed in lib/tasks ending in .rake,
2
+ # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
3
+
4
+ require_relative "config/application"
5
+
6
+ Rails.application.load_tasks
package/demo/app/assets/config/manifest.js ADDED
@@ -0,0 +1,2 @@
1
+ //= link_tree ../images
2
+ //= link_directory ../stylesheets .css
package/demo/app/assets/stylesheets/application.css ADDED
@@ -0,0 +1,15 @@
1
+ /*
2
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
3
+ * listed below.
4
+ *
5
+ * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
6
+ * vendor/assets/stylesheets directory can be referenced here using a relative path.
7
+ *
8
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
9
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS
10
+ * files in this directory. Styles in this file should be added after the last require_* statement.
11
+ * It is generally better to create a new file per style scope.
12
+ *
13
+ *= require_tree .
14
+ *= require_self
15
+ */
package/demo/app/controllers/application_controller.rb ADDED
@@ -0,0 +1,3 @@
1
+ class ApplicationController < ActionController::Base
2
+ helper Vipassana::DesignStandardsHelper
3
+ end
package/demo/app/controllers/demo_controller.rb ADDED
@@ -0,0 +1,4 @@
1
+ class DemoController < ApplicationController
2
+ def index
3
+ end
4
+ end
package/demo/app/views/demo/index.html.erb ADDED
@@ -0,0 +1,2 @@
1
+ <h1>Demo#index</h1>
2
+ <p>Find me in app/views/demo/index.html.erb</p>
package/demo/app/views/layouts/application.html.erb ADDED
@@ -0,0 +1,73 @@
1
+ <!DOCTYPE html>
2
+ <%- locale = "en" %>
3
+
4
+ <html class="vds-html" lang="<%= locale %>" dir="<%= is_rtl?(locale) && 'rtl' %>">
5
+ <head>
6
+ <title>Demo</title>
7
+ <meta name="viewport" content="width=device-width,initial-scale=1">
8
+ <%= csrf_meta_tags %>
9
+ <%= csp_meta_tag %>
10
+
11
+ <%= stylesheet_link_tag "application" %>
12
+
13
+ <%= vds_favicon_tag %>
14
+ <%= vds_bootstrap_theme_css_tag(locale: locale, localhost: true) %>
15
+ <%= vds_bootstrap_theme_js_tag(locale: locale, localhost: true) %>
16
+ </head>
17
+
18
+ <body class="vds-body">
19
+ <div class="vds-header-and-content">
20
+ <!-- Header -->
21
+ <header class="vds-header">
22
+ <div class="vds-container d-flex">
23
+ <!-- Logo -->
24
+ <a href class="vds-logo-link me-auto">
25
+ <%= vds_logo_html(locale: locale, size: 14) %>
26
+ </a>
27
+
28
+ <div class="d-flex align-items-center">
29
+ <!-- Locale Picker -->
30
+ <span class="d-flex align-items-center flex-shrink-0">
31
+ <%= vds_icon_locale %>
32
+ </span>
33
+ <select class="form-select vds-locale-picker">
34
+ <option selected>English</option>
35
+ </select>
36
+
37
+ <!-- Account Dropdown -->
38
+ <div class="dropdown account-dropdown">
39
+ <button class="btn btn-link pe-0 dropdown-toggle text-secondary" id="header-menu" data-bs-toggle="dropdown"
40
+ data-bs-auto-close="outside" aria-expanded="false">
41
+ <%= vds_icon_account %>
42
+ </button>
43
+ <ul class="dropdown-menu dropdown-menu-end dropdown-with-modal-inside" aria-labelledby="header-menu">
44
+ <li><a class="dropdown-item" href="#">Link</a></li>
45
+ </ul>
46
+ </div>
47
+ </div>
48
+ </div>
49
+ </header>
50
+
51
+ <!-- Page -->
52
+ <div class="vds-page vds-container">
53
+ <div class="vds-sidenav">
54
+ <ul>
55
+ <li><a href="#" class="active">Home Page</a></li>
56
+ <li><a href="#">My Settings</a></li>
57
+ </ul>
58
+ </div>
59
+ <div class="vds-page-content">
60
+ <!-- Page content -->
61
+ <%= yield %>
62
+ </div>
63
+ </div>
64
+ </div>
65
+
66
+ <!-- Footer -->
67
+ <footer class="vds-footer">
68
+ <div class="vds-container">
69
+ Footer
70
+ </div>
71
+ </footer>
72
+ </body>
73
+ </html>