j1-template 2021.1.22 → 2021.1.23

Sign up to get free protection for your applications and to get access to all the features.
Files changed (86) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/themes/j1/layouts/content_generator_article_navigator.html +177 -0
  3. data/_includes/themes/j1/layouts/content_generator_news_panel_posts.html +413 -0
  4. data/_includes/themes/j1/procedures/posts/collate_timeline.proc +4 -4
  5. data/_layouts/article_navigator.html +62 -0
  6. data/_layouts/news_panel_posts.html +62 -0
  7. data/assets/data/article_navigator/index.html +63 -0
  8. data/assets/data/news_panel_posts/index.html +47 -0
  9. data/assets/data/panel.html +141 -51
  10. data/assets/themes/j1/adapter/js/infiniteScroll.js +243 -0
  11. data/assets/themes/j1/adapter/js/j1.js +11 -0
  12. data/assets/themes/j1/core/css/themes/uno-light/bootstrap.css +720 -672
  13. data/assets/themes/j1/core/css/themes/uno-light/bootstrap.min.css +1 -1
  14. data/assets/themes/j1/modules/infiniteScroll/css/theme/uno.css +150 -0
  15. data/assets/themes/j1/modules/infiniteScroll/css/theme/uno.min.css +15 -0
  16. data/assets/themes/j1/modules/infiniteScroll/js/infiniteScroll.js +1909 -0
  17. data/assets/themes/j1/modules/infiniteScroll/js/infiniteScroll.min.js +11 -0
  18. data/assets/themes/j1/modules/infiniteScroll/js/infiniteScroll.modified.js +1913 -0
  19. data/assets/themes/j1/modules/showOnScroll/js/showOnScroll.js +61 -0
  20. data/assets/themes/j1/modules/showOnScroll/js/showOnScroll.min.js +15 -0
  21. data/lib/j1/version.rb +1 -1
  22. data/lib/starter_web/Gemfile +1 -1
  23. data/lib/starter_web/_config.yml +1 -1
  24. data/lib/starter_web/_data/blocks/banner.yml +5 -5
  25. data/lib/starter_web/_data/blocks/defaults/panel.1.yml +256 -0
  26. data/lib/starter_web/_data/blocks/defaults/panel.2.yml +250 -0
  27. data/lib/starter_web/_data/blocks/defaults/panel.yml +9 -14
  28. data/lib/starter_web/_data/blocks/panel.yml +341 -165
  29. data/lib/starter_web/_data/layouts/article_navigator.yml +168 -0
  30. data/lib/starter_web/_data/layouts/default.yml +1 -1
  31. data/lib/starter_web/_data/layouts/home.yml +16 -9
  32. data/lib/starter_web/_data/layouts/news_panel_posts.yml +168 -0
  33. data/lib/starter_web/_data/modules/defaults/infiniteScroll.yml +73 -0
  34. data/lib/starter_web/_data/modules/infiniteScroll.yml +66 -0
  35. data/lib/starter_web/_data/resources.yml +43 -0
  36. data/lib/starter_web/_includes/attributes.asciidoc +1 -1
  37. data/lib/starter_web/_plugins/lunr_index.rb +1 -1
  38. data/lib/starter_web/assets/images/modules/attics/alexander-shatov-1920x1280.jpg +0 -0
  39. data/lib/starter_web/assets/images/modules/attics/franck-1920x12800.jpg +0 -0
  40. data/lib/starter_web/assets/images/modules/attics/rirri-1920x1280.jpg +0 -0
  41. data/lib/starter_web/assets/images/pages/posts/adrien-olichon-1920x1280.jpg +0 -0
  42. data/lib/starter_web/assets/images/pages/posts/alejandro-barba-1920x1280.jpg +0 -0
  43. data/lib/starter_web/assets/images/pages/posts/andre-francois-mckenzie-1920x1280.jpg +0 -0
  44. data/lib/starter_web/assets/images/pages/posts/andreas-steger-1920x1280.jpg +0 -0
  45. data/lib/starter_web/assets/images/pages/posts/ansgar-scheffold-1920x1280.jpg +0 -0
  46. data/lib/starter_web/assets/images/pages/posts/ben-white-1920x1280.jpg +0 -0
  47. data/lib/starter_web/assets/images/pages/posts/craig-sybert-1920x1280.jpg +0 -0
  48. data/lib/starter_web/assets/images/pages/posts/danielle-cerullo-1920x1280.jpg +0 -0
  49. data/lib/starter_web/assets/images/pages/posts/deb-dowd-1920x1280.jpg +0 -0
  50. data/lib/starter_web/assets/images/pages/posts/halgatewood-1920x1280.jpg +0 -0
  51. data/lib/starter_web/assets/images/pages/posts/hans-eiskonen-1920x1280.jpg +0 -0
  52. data/lib/starter_web/assets/images/pages/posts/ian-barsby-1920x1280.jpg +0 -0
  53. data/lib/starter_web/assets/images/pages/posts/ivan-aleksic-1920x1280.jpg +0 -0
  54. data/lib/starter_web/assets/images/pages/posts/markus-krisetya-1920x1280.jpg +0 -0
  55. data/lib/starter_web/assets/images/pages/posts/markus-spiske-6-1920x1280.jpg +0 -0
  56. data/lib/starter_web/assets/images/pages/posts/markus-winkler-1920x1280.jpg +0 -0
  57. data/lib/starter_web/assets/images/pages/posts/markus-winkler-2-1920x1280.jpg +0 -0
  58. data/lib/starter_web/assets/images/pages/posts/michelle-cassar-1920x1280.jpg +0 -0
  59. data/lib/starter_web/assets/images/pages/posts/mika-baumeister-1920x1280.jpg +0 -0
  60. data/lib/starter_web/assets/images/pages/posts/science-in-hd-1920x1280.jpg +0 -0
  61. data/lib/starter_web/collections/posts/public/series/_posts/2020-01-01-post-test-series.adoc +2 -2
  62. data/lib/starter_web/collections/posts/public/series/_posts/2020-01-02-post-test-series.adoc +2 -1
  63. data/lib/starter_web/collections/posts/public/series/_posts/2020-01-03-post-test-series.adoc +2 -1
  64. data/lib/starter_web/collections/posts/public/series/_posts/2020-01-04-post-test-series.adoc +2 -1
  65. data/lib/starter_web/index.html +1 -2
  66. data/lib/starter_web/package.json +1 -1
  67. data/lib/starter_web/pages/public/blog/navigator/archive/categoryview.html +5 -5
  68. data/lib/starter_web/pages/public/blog/navigator/archive/dateview.html +5 -5
  69. data/lib/starter_web/pages/public/blog/navigator/archive/tagview.html +5 -5
  70. data/lib/starter_web/pages/public/blog/navigator/archive.html +8 -9
  71. data/lib/starter_web/pages/public/learn/quickstart.adoc +23 -32
  72. data/lib/starter_web/pages/public/learn/roundtrip/100_present_images.adoc +37 -44
  73. data/lib/starter_web/pages/public/learn/roundtrip/100_present_videos.adoc +11 -12
  74. data/lib/starter_web/pages/public/learn/roundtrip/200_typography.adoc +18 -18
  75. data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc +19 -20
  76. data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc +22 -23
  77. data/lib/starter_web/pages/public/learn/roundtrip/410_bs_modals_extentions.adoc +6 -6
  78. data/lib/starter_web/pages/public/learn/roundtrip/420_responsive_tables_extensions.adoc +10 -10
  79. data/lib/starter_web/pages/public/learn/roundtrip/500_themes.adoc +24 -22
  80. data/lib/starter_web/pages/public/learn/roundtrip/600_quicksearch.adoc +33 -33
  81. data/lib/starter_web/pages/public/learn/roundtrip/_includes/attributes.asciidoc +5 -0
  82. data/lib/starter_web/pages/public/learn/where_to_go.adoc +2 -2
  83. data/lib/starter_web/pages/public/previewer/bootstrap_theme.adoc +8 -8
  84. data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
  85. data/lib/starter_web/utilsrv/package.json +1 -1
  86. metadata +45 -2
@@ -198,23 +198,18 @@ defaults:
198
198
  #
199
199
  enabled: false
200
200
  id: news_panel_id
201
- type: news_panel
202
- style: flat
201
+ type: news
202
+ animate: fadeInUp
203
+ properties: mt-5 mr-3 mb-5 ml-3
203
204
  title: news-panel-title
204
205
  tagline: news-panel-tagline
205
206
 
206
- lane_span: fixed
207
-
208
- boxes:
209
- - box:
210
- enabled: false
211
- type: last_current
212
- category: featured
213
- - box:
214
- enabled: false
215
- type: recent
216
- category: featured
217
- max_posts: 3
207
+ # cards:
208
+ # - name: Recent Posts
209
+ # card:
210
+ # enabled: true
211
+ # block: card-deck # card-deck | card-list
212
+ # num_per_row: 2 # card-list only: [1 .. 4]
218
213
 
219
214
  # # ----------------------------------------------------------------------------
220
215
  # # STEP panel
@@ -38,12 +38,12 @@ settings:
38
38
  id: home_intro_panel
39
39
  comment: Home Intro Panel
40
40
  type: intro
41
- animate: fadeInUp
42
- properties: mt-3 mr-3 mb-5 ml-3
41
+ animate: false
42
+ properties: mt-5 mr-3 mb-5 ml-3
43
43
 
44
44
  title: All in One
45
45
  tagline: top features
46
- description_properties: mr-3 mb-3
46
+ description_properties: mt-5 mr-3 mb-3
47
47
  description: >
48
48
  <p class="dropcap">
49
49
  People quite often ask if static websites make sense
@@ -74,7 +74,7 @@ settings:
74
74
  icon_size: 3x
75
75
  icon_color:
76
76
  text: >
77
- <p class="dropcap">
77
+ <p class="dropcap mt-3">
78
78
  The Web is everywhere. J1 Template supports modern web browsers
79
79
  on all devices for best results on PCs, Tablets, and SmartPhones.
80
80
  </p>
@@ -102,7 +102,7 @@ settings:
102
102
  icon_size: 3x
103
103
  icon_color:
104
104
  text: >
105
- <p class="dropcap">
105
+ <p class="dropcap mt-3">
106
106
  Current Technology and Design. Excellent performance in running
107
107
  a website. Use Jekyll One to present your content at its best.
108
108
  </p>
@@ -130,7 +130,7 @@ settings:
130
130
  icon_size: 3x
131
131
  icon_color:
132
132
  text: >
133
- <p class="dropcap">
133
+ <p class="dropcap mt-3">
134
134
  No programming is needed to start using J1. The Template
135
135
  provides a large number of building blocks to create
136
136
  modern web pages in minutes.
@@ -147,158 +147,6 @@ settings:
147
147
  icon_color:
148
148
  href: /pages/public/panels/intro_panel#launch-ready
149
149
 
150
-
151
- # ----------------------------------------------------------------------------
152
- # SERVICE Panel
153
- #
154
- service:
155
- # --------------------------------------------------------------------------
156
- # SERVICE panel properties
157
- #
158
- - name: Home Service Panel
159
- panel:
160
- enabled: true
161
- id: home_service_panel
162
- comment: Home Service Panel
163
- type: service
164
- animate: fadeInUp
165
- icon_family: MDI
166
-
167
- style: flat
168
- lane_span: fluid
169
-
170
- header:
171
- enabled: true
172
- title: Components
173
- tagline: overview
174
- description: >
175
- Creating and managing Web sites using Jekyll is different
176
- in comparison to CMS Systems like Drupal, Joomla, or WordPress.
177
- No surprise: Jekyll One Template is <b>different</b> as well.
178
- Template systems are very common, a huge number of site
179
- templates are available for all CMS and Web site generators.
180
- The same to Jekyll. J1 Template is <b>not</b> the first
181
- template for Jekyll available - it is probably the <b>youngest</b>!
182
- <br \><br \>
183
- Classic templates are focussing the <b>layout</b> and <b>design</b>
184
- of a web. They offer pre-build, standardized <b>building blocks</b>
185
- and tools <b>designing</b> web sites. The are embedded into the
186
- creators system and often hard to customize. J1 for Jekyll goes different.
187
- J1 Template combines layout, design and <b>functionality</b> for a web.
188
- The template offers building blocks to create common page components,
189
- implements a system independent markup language (Asciidoc and Markdown)
190
- to create the content and adds a large number of useful functions based
191
- on common Javascript libraries for the web from a single source. That way,
192
- J1 web sites behaves as one unit in design <b>and</b> functionality.
193
- No breaks between the different components.
194
- <br \><br \>
195
- How get this managed? Find below the answers to how J1 Template is
196
- organized, the building blocks, and functional components as an overview.
197
- Read in in a quite compact form what J1 Template constitutes: the <b>Core</b>,
198
- the <b>Components</b> and the <b>Module</b>.
199
-
200
-
201
- cards:
202
-
203
- - name: The Core
204
- card:
205
- enabled: true
206
- type: service
207
- icon: bullseye
208
- icon_size: mdi-6x
209
- icon_color: md-white
210
- href: /pages/public/panel/service_panel/core
211
- title: J1 Template
212
- tagline: The Core
213
- text: >
214
- The core integrates the site generator Jekyll into J1,
215
- contains all base functions for page layout, design, and
216
- configuration. Provides procedures to generate web pages
217
- automatically based on a given layout based on design settings.
218
-
219
- services:
220
-
221
- - name: Layout System
222
- service:
223
- title: Layout System
224
- href: /pages/public/panel/service_panel/core#layout-system
225
-
226
- - name: Template Engine
227
- service:
228
- title: Template Engine
229
- href: /pages/public/panel/service_panel/core#template-engine
230
-
231
- - name: Bootstrap Integration
232
- service:
233
- title: Bootstrap Integration
234
- href: /pages/public/panel/service_panel/core#bootstrap-integration
235
-
236
- - name: The Components
237
- card:
238
- enabled: true
239
- type: service
240
- icon: locker-multiple
241
- icon_size: mdi-6x
242
- icon_color: md-white
243
- href: /pages/public/panel/service_panel/components/
244
- title: J1 Template
245
- tagline: The Components
246
- text: >
247
- Building blocks ready-to-use to create common page components,
248
- connections to systems and workflows of social networks like
249
- Twitter or Facebook or Online Services like Disqus for
250
- a blog-related Web and Comments.
251
-
252
- services:
253
-
254
- - name: Blocks
255
- service:
256
- title: Blocks
257
- href: /pages/public/panel/service_panel/components#panel
258
-
259
- - name: Builder
260
- service:
261
- title: Builder
262
- href: /pages/public/panel/service_panel/components#builder
263
-
264
- - name: Connectors
265
- service:
266
- title: Connectors
267
- href: /pages/public/panel/service_panel/components#connectors
268
-
269
- - name: The Modules
270
- card:
271
- enabled: true
272
- type: service
273
- icon: language-javascript
274
- icon_size: mdi-6x
275
- icon_color: md-white
276
- href: /pages/public/panel/service_panel/modules/
277
- title: J1 Template
278
- tagline: The Modules
279
- text: >
280
- Javascript libraries and ready-to-use applications
281
- gets the site dynamic. JS modules add complex functionality
282
- to Web pages to integrate for example image and video content
283
- or provides sliders to present animated text or image data.
284
-
285
- services:
286
-
287
- - name: Slider
288
- service:
289
- title: Slider
290
- href: /pages/public/panel/service_panel/modules#slider
291
-
292
- - name: Galleries
293
- service:
294
- title: Galleries
295
- href: /pages/public/panel/service_panel/modules#galleries
296
-
297
- - name: Lightboxes
298
- service:
299
- title: Lightboxes
300
- href: /pages/public/panel/service_panel/modules#lightboxes
301
-
302
150
  # ----------------------------------------------------------------------------
303
151
  # NEWS Panel
304
152
  #
@@ -312,12 +160,12 @@ settings:
312
160
  id: home_news_panel
313
161
  comment: Home News Panel
314
162
  type: news
315
- animate: fadeInUp
163
+ animate: false
316
164
  properties: mt-5 mr-3 mb-5 ml-3
317
165
 
318
166
  title: Creators Blog
319
167
  tagline: latest news
320
- description_properties: mr-3 mb-4
168
+ description_properties: mt-3 mr-3
321
169
  description: >
322
170
  <p class="dropcap">
323
171
  Explore the blog and find interesting articles around Jekyll and
@@ -331,11 +179,188 @@ settings:
331
179
 
332
180
  - name: Recent Posts
333
181
  card:
334
- enabled: true
335
- category: featured
336
- # truncatewords: 30 # currently NOT used
337
- max_posts: 3
338
- # readmore_text: Read
182
+ infinite_scroll: true
183
+ animate: fadeInLeft
184
+ block: card-list # card-deck | card-list
185
+ num_per_row: 2 # card-list only: [1 .. 4]
186
+ max_posts: 2
187
+
188
+ # # ----------------------------------------------------------------------------
189
+ # # SERVICE Panel
190
+ # #
191
+ # service:
192
+ # # --------------------------------------------------------------------------
193
+ # # Panel properties
194
+ # #
195
+ # - name: Home Service Panel
196
+ # panel:
197
+ # enabled: true
198
+ # id: home_service_panel
199
+ # comment: Home Service Panel
200
+ # type: service
201
+ # animate: false
202
+ # properties: mt-5 mr-3 mb-5 ml-3
203
+ #
204
+ # title: Projekte
205
+ # tagline: selber machen
206
+ # description_properties: mt-3 mr-3 mb-4
207
+ # description: >
208
+ # <p class="dropcap">
209
+ # Eigene Projekte zur Digitalisierung erscheinen sehr schwierig. Angesichts der
210
+ # Tatsache, dass sich viele Unternehmenn mit der digitalen Transformation schwer
211
+ # tun könnte man glauben: Eigene Projekte sind kaum möglich.
212
+ # </p>
213
+ # <p>
214
+ # Das dem nicht so ist, sollen Beispiele zeigen.
215
+ # </p>
216
+ # cards:
217
+ #
218
+ # - name: Einsteiger
219
+ # card:
220
+ # enabled: true
221
+ # id: card_1
222
+ # type: service
223
+ # icon: account
224
+ # icon_size: mdi-6x
225
+ # icon_color: md-white
226
+ # href: /pages/public/projects/beginner/all/
227
+ # title: Projekte
228
+ # tagline: einsteiger
229
+ # text: >
230
+ # <p class="dropcap mt-3">
231
+ # Ein erster Zugang zur digitalisierten Welt erfordert keine besonderen
232
+ # technischen Kenntnisse. Zusätztliche Software wird nicht gebraucht. Alle
233
+ # Experimente erforden lediglich einen Web-Browser.
234
+ # </p>
235
+ #
236
+ # services:
237
+ #
238
+ # - name: Digitale Spuren
239
+ # service:
240
+ # id: A1
241
+ # description: >
242
+ # <p>
243
+ # Das Internet wird vielfach unmittelbar mit dem World-Wide-Web verbunden. Das
244
+ # WWW gehört zu den wichtigsten Diensten - keine Frage. Mit "Ich gehe mal ins
245
+ # Internet" meint in den meisten Fällen eine Website ansurfen, sie zu besuchen.
246
+ # </p>
247
+ # <p>
248
+ # Das kann man auch durchaus ganz anders verstehen: Eine eigene Website
249
+ # veröffenlichen. Damit ist man im Internet, ein Teil dieser virtuellen
250
+ # digitalen Welt.
251
+ # </p>
252
+ # title: Digitale Spuren
253
+ # href: /pages/public/projects/beginner/cookies/
254
+ #
255
+ # - name: Öffentliche Daten
256
+ # service:
257
+ # id: A2
258
+ # description: >
259
+ # <p>
260
+ # Das Internet wird vielfach unmittelbar mit dem World-Wide-Web verbunden. Das
261
+ # WWW gehört zu den wichtigsten Diensten - keine Frage. Mit "Ich gehe mal ins
262
+ # Internet" meint in den meisten Fällen eine Website ansurfen, sie zu besuchen.
263
+ # </p>
264
+ # <p>
265
+ # Das kann man auch durchaus ganz anders verstehen: Eine eigene Website
266
+ # veröffenlichen. Damit ist man im Internet, ein Teil dieser virtuellen
267
+ # digitalen Welt.
268
+ # </p>
269
+ # title: Öffentliche Daten
270
+ # href: /pages/public/projects/beginner/opendata/
271
+ #
272
+ # - name: Öffentliche Daten 2
273
+ # service:
274
+ # id: A3
275
+ # description: >
276
+ # <p>
277
+ # Das Internet wird vielfach unmittelbar mit dem World-Wide-Web verbunden. Das
278
+ # WWW gehört zu den wichtigsten Diensten - keine Frage. Mit "Ich gehe mal ins
279
+ # Internet" meint in den meisten Fällen eine Website ansurfen, sie zu besuchen.
280
+ # </p>
281
+ # <p>
282
+ # Das kann man auch durchaus ganz anders verstehen: Eine eigene Website
283
+ # veröffenlichen. Damit ist man im Internet, ein Teil dieser virtuellen
284
+ # digitalen Welt.
285
+ # </p>
286
+ # title: Öffentliche Daten 2
287
+ # href: /pages/public/projects/beginner/opendata/
288
+ #
289
+ # - name: Fortgeschrittene
290
+ # card:
291
+ # enabled: true
292
+ # id: card_2
293
+ # type: service
294
+ # icon: account-tie
295
+ # icon_size: mdi-6x
296
+ # icon_color: md-white
297
+ # href: /pages/public/projects/advanced/all/
298
+ # title: Projekte
299
+ # tagline: fortgeschrittene
300
+ # text: >
301
+ # <p class="dropcap mt-3">
302
+ # Projekte für Fortgeschrittene richten sich an erfahrene Anwender:innen bzw.
303
+ # Leute die mehr erfahren wollen. Die Bearbeitung wird einige Zeit brauchen.
304
+ # Gut investierte Zeit, Einblicke die sich lohnen. Erfahrungen die man nicht
305
+ # so leicht vergessen wird.
306
+ # </p>
307
+ # services:
308
+ #
309
+ # - name: Websites
310
+ # service:
311
+ # id: B1
312
+ # description: >
313
+ # <p>
314
+ # Dank guter Werkzeuge ist die Erstellung von Webseiten einfacher geworden.
315
+ # Nicht unbedingt simpel, aber auch keine Wissenschaft die nur wenige beherrschen.
316
+ # Mit Generatoren für Webseiten ist ein Basisweb in wenigen Minuten erstellt.
317
+ # Für die vorgeschlagenen Experimente reichen solche Webs völlig aus.
318
+ # Dazu die gute Nachricht: Die meisten dieser Tools stehen als OpenSource Allen
319
+ # kostenlos zur Verfügung.
320
+ # </p>
321
+ # <p>
322
+ # Mit dem Generator für Webseiten J1-Template ist ein Basisweb in wenigen
323
+ # Minuten erstellt. Dieses Site ist mit J1 generiert und kann kostenlos
324
+ # verwendet werden. Nicht schlecht, oder?
325
+ # </p>
326
+ #
327
+ # title: Websites herstellen
328
+ # href: /pages/public/projects/advanced/web/create_websites/
329
+ #
330
+ # - name: Zusammenarbeit
331
+ # service:
332
+ # id: B2
333
+ # description: >
334
+ # <p>
335
+ # Das Internet wird vielfach unmittelbar mit dem World-Wide-Web verbunden. Das
336
+ # WWW gehört zu den wichtigsten Diensten - keine Frage. Mit "Ich gehe mal ins
337
+ # Internet" meint in den meisten Fällen eine Website ansurfen, sie zu besuchen.
338
+ # </p>
339
+ # <p>
340
+ # Das kann man auch durchaus ganz anders verstehen: Eine eigene Website
341
+ # veröffenlichen. Damit ist man im Internet, ein Teil dieser virtuellen
342
+ # digitalen Welt.
343
+ # </p>
344
+ # title: Zusammenarbeit
345
+ # href: /pages/public/projects/advanced/web/share_code/
346
+ #
347
+ # - name: Webs veröffentlichen
348
+ # service:
349
+ # id: B3
350
+ # description: >
351
+ # <p>
352
+ # Das Internet wird vielfach unmittelbar mit dem World-Wide-Web verbunden. Das
353
+ # WWW gehört zu den wichtigsten Diensten - keine Frage. Mit "Ich gehe mal ins
354
+ # Internet" meint in den meisten Fällen eine Website ansurfen, sie zu besuchen.
355
+ # </p>
356
+ # <p>
357
+ # Das kann man auch durchaus ganz anders verstehen: Eine eigene Website
358
+ # veröffenlichen. Damit ist man im Internet, ein Teil dieser virtuellen
359
+ # digitalen Welt.
360
+ # </p>
361
+ # title: Webs veröffentlichen
362
+ # href: /pages/public/projects/advanced/web/publishing/
363
+
339
364
 
340
365
  # # ----------------------------------------------------------------------------
341
366
  # # STEP Panel
@@ -359,5 +384,156 @@ settings:
359
384
  # Donec id elit non mi porta gravida at eget
360
385
  # metus id elit mi egetine. Fusce dapibus
361
386
 
387
+ # # ----------------------------------------------------------------------------
388
+ # # SERVICE Panel
389
+ # #
390
+ # service:
391
+ # # --------------------------------------------------------------------------
392
+ # # SERVICE panel properties
393
+ # #
394
+ # - name: Home Service Panel
395
+ # panel:
396
+ # enabled: true
397
+ # id: home_service_panel
398
+ # comment: Home Service Panel
399
+ # type: service
400
+ # animate: false
401
+ # icon_family: MDI
402
+ #
403
+ # style: flat
404
+ # lane_span: fluid
405
+ #
406
+ # header:
407
+ # enabled: true
408
+ # title: Components
409
+ # tagline: overview
410
+ # description: >
411
+ # Creating and managing Web sites using Jekyll is different
412
+ # in comparison to CMS Systems like Drupal, Joomla, or WordPress.
413
+ # No surprise: Jekyll One Template is <b>different</b> as well.
414
+ # Template systems are very common, a huge number of site
415
+ # templates are available for all CMS and Web site generators.
416
+ # The same to Jekyll. J1 Template is <b>not</b> the first
417
+ # template for Jekyll available - it is probably the <b>youngest</b>!
418
+ # <br \><br \>
419
+ # Classic templates are focussing the <b>layout</b> and <b>design</b>
420
+ # of a web. They offer pre-build, standardized <b>building blocks</b>
421
+ # and tools <b>designing</b> web sites. The are embedded into the
422
+ # creators system and often hard to customize. J1 for Jekyll goes different.
423
+ # J1 Template combines layout, design and <b>functionality</b> for a web.
424
+ # The template offers building blocks to create common page components,
425
+ # implements a system independent markup language (Asciidoc and Markdown)
426
+ # to create the content and adds a large number of useful functions based
427
+ # on common Javascript libraries for the web from a single source. That way,
428
+ # J1 web sites behaves as one unit in design <b>and</b> functionality.
429
+ # No breaks between the different components.
430
+ # <br \><br \>
431
+ # How get this managed? Find below the answers to how J1 Template is
432
+ # organized, the building blocks, and functional components as an overview.
433
+ # Read in in a quite compact form what J1 Template constitutes: the <b>Core</b>,
434
+ # the <b>Components</b> and the <b>Module</b>.
435
+ #
436
+ #
437
+ # cards:
438
+ #
439
+ # - name: The Core
440
+ # card:
441
+ # enabled: true
442
+ # type: service
443
+ # icon: bullseye
444
+ # icon_size: mdi-6x
445
+ # icon_color: md-white
446
+ # href: /pages/public/panel/service_panel/core
447
+ # title: J1 Template
448
+ # tagline: The Core
449
+ # text: >
450
+ # The core integrates the site generator Jekyll into J1,
451
+ # contains all base functions for page layout, design, and
452
+ # configuration. Provides procedures to generate web pages
453
+ # automatically based on a given layout based on design settings.
454
+ #
455
+ # services:
456
+ #
457
+ # - name: Layout System
458
+ # service:
459
+ # title: Layout System
460
+ # href: /pages/public/panel/service_panel/core#layout-system
461
+ #
462
+ # - name: Template Engine
463
+ # service:
464
+ # title: Template Engine
465
+ # href: /pages/public/panel/service_panel/core#template-engine
466
+ #
467
+ # - name: Bootstrap Integration
468
+ # service:
469
+ # title: Bootstrap Integration
470
+ # href: /pages/public/panel/service_panel/core#bootstrap-integration
471
+ #
472
+ # - name: The Components
473
+ # card:
474
+ # enabled: true
475
+ # type: service
476
+ # icon: locker-multiple
477
+ # icon_size: mdi-6x
478
+ # icon_color: md-white
479
+ # href: /pages/public/panel/service_panel/components/
480
+ # title: J1 Template
481
+ # tagline: The Components
482
+ # text: >
483
+ # Building blocks ready-to-use to create common page components,
484
+ # connections to systems and workflows of social networks like
485
+ # Twitter or Facebook or Online Services like Disqus for
486
+ # a blog-related Web and Comments.
487
+ #
488
+ # services:
489
+ #
490
+ # - name: Blocks
491
+ # service:
492
+ # title: Blocks
493
+ # href: /pages/public/panel/service_panel/components#panel
494
+ #
495
+ # - name: Builder
496
+ # service:
497
+ # title: Builder
498
+ # href: /pages/public/panel/service_panel/components#builder
499
+ #
500
+ # - name: Connectors
501
+ # service:
502
+ # title: Connectors
503
+ # href: /pages/public/panel/service_panel/components#connectors
504
+ #
505
+ # - name: The Modules
506
+ # card:
507
+ # enabled: true
508
+ # type: service
509
+ # icon: language-javascript
510
+ # icon_size: mdi-6x
511
+ # icon_color: md-white
512
+ # href: /pages/public/panel/service_panel/modules/
513
+ # title: J1 Template
514
+ # tagline: The Modules
515
+ # text: >
516
+ # Javascript libraries and ready-to-use applications
517
+ # gets the site dynamic. JS modules add complex functionality
518
+ # to Web pages to integrate for example image and video content
519
+ # or provides sliders to present animated text or image data.
520
+ #
521
+ # services:
522
+ #
523
+ # - name: Slider
524
+ # service:
525
+ # title: Slider
526
+ # href: /pages/public/panel/service_panel/modules#slider
527
+ #
528
+ # - name: Galleries
529
+ # service:
530
+ # title: Galleries
531
+ # href: /pages/public/panel/service_panel/modules#galleries
532
+ #
533
+ # - name: Lightboxes
534
+ # service:
535
+ # title: Lightboxes
536
+ # href: /pages/public/panel/service_panel/modules#lightboxes
537
+
362
538
  # ------------------------------------------------------------------------------
363
539
  # END config