j1-template 2022.0.10 → 2022.0.14
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/themes/j1/adapter/js/advertising.js +66 -48
- data/assets/themes/j1/adapter/js/algolia.js +10 -13
- data/assets/themes/j1/adapter/js/analytics.js +259 -0
- data/assets/themes/j1/adapter/js/asciidoctor.js +10 -13
- data/assets/themes/j1/adapter/js/attic.js +10 -5
- data/assets/themes/j1/adapter/js/bmd.js +10 -14
- data/assets/themes/j1/adapter/js/carousel.js +10 -13
- data/assets/themes/j1/adapter/js/clipboard.js +9 -10
- data/assets/themes/j1/adapter/js/comments.js +407 -0
- data/assets/themes/j1/adapter/js/cookieConsent.js +106 -87
- data/assets/themes/j1/adapter/js/fab.js +11 -11
- data/assets/themes/j1/adapter/js/framer.js +60 -62
- data/assets/themes/j1/adapter/js/j1.js +225 -268
- data/assets/themes/j1/adapter/js/justifiedGallery.js +12 -14
- data/assets/themes/j1/adapter/js/justifiedGalleryCustomizer.js +10 -13
- data/assets/themes/j1/adapter/js/lightbox.js +12 -9
- data/assets/themes/j1/adapter/js/logger.js +11 -5
- data/assets/themes/j1/adapter/js/mmenu.js +11 -12
- data/assets/themes/j1/adapter/js/navigator.js +13 -12
- data/assets/themes/j1/adapter/js/quicksearch.js +10 -13
- data/assets/themes/j1/adapter/js/rouge.js +10 -13
- data/assets/themes/j1/adapter/js/rtable.js +10 -13
- data/assets/themes/j1/adapter/js/rtextResizer.js +10 -13
- data/assets/themes/j1/adapter/js/scroller.js +13 -11
- data/assets/themes/j1/adapter/js/themer.js +12 -3
- data/assets/themes/j1/adapter/js/toccer.js +10 -13
- data/assets/themes/j1/adapter/js/translator.js +35 -81
- data/assets/themes/j1/core/js/template.js +13 -5
- data/assets/themes/j1/core/js/template.min.js +1 -1
- data/assets/themes/j1/core/js/template.min.js.map +1 -1
- data/assets/themes/j1/modules/advertising/js/google/adInitializer.js +14 -4
- data/assets/themes/j1/modules/cookieConsent/js/cookieConsent.js +11 -2
- data/assets/themes/j1/modules/cookieConsent/js/cookieConsent.min.js +1 -1
- data/lib/j1/version.rb +1 -1
- data/lib/starter_web/Gemfile +1 -1
- data/lib/starter_web/_config.yml +1 -9
- data/lib/starter_web/_data/apps/carousel.yml +2 -2
- data/lib/starter_web/_data/apps/defaults/carousel.yml +3 -2
- data/lib/starter_web/_data/apps/defaults/justifiedGallery.yml +2 -2
- data/lib/starter_web/_data/apps/defaults/justifiedGalleryCustomizer.yml +2 -2
- data/lib/starter_web/_data/apps/defaults/lightGallery.yml +2 -2
- data/lib/starter_web/_data/apps/defaults/lightbox.yml +2 -2
- data/lib/starter_web/_data/apps/justifiedGallery.yml +2 -2
- data/lib/starter_web/_data/apps/justifiedGalleryCustomizer.yml +2 -2
- data/lib/starter_web/_data/apps/lightGallery.yml +2 -2
- data/lib/starter_web/_data/apps/lightbox.yml +2 -2
- data/lib/starter_web/_data/blocks/banner.yml +3 -2
- data/lib/starter_web/_data/blocks/defaults/banner.yml +9 -0
- data/lib/starter_web/_data/blocks/defaults/footer.yml +9 -0
- data/lib/starter_web/_data/blocks/defaults/panel.yml +9 -0
- data/lib/starter_web/_data/blocks/footer.yml +3 -2
- data/lib/starter_web/_data/blocks/panel.yml +3 -2
- data/lib/starter_web/_data/builder/blog_navigator.yml +3 -2
- data/lib/starter_web/_data/builder/defaults/blog_navigator.yml +8 -8
- data/lib/starter_web/_data/j1_config.yml +0 -116
- data/lib/starter_web/_data/layouts/default.yml +14 -14
- data/lib/starter_web/_data/layouts/home.ads.yml +262 -0
- data/lib/starter_web/_data/layouts/home.no-ads.yml +262 -0
- data/lib/starter_web/_data/layouts/home.yml +1 -1
- data/lib/starter_web/_data/layouts/page.yml +7 -18
- data/lib/starter_web/_data/layouts/post.yml +0 -11
- data/lib/starter_web/_data/modules/advertising.yml +4 -14
- data/lib/starter_web/_data/modules/analytics.yml +99 -0
- data/lib/starter_web/_data/modules/attics.yml +3 -2
- data/lib/starter_web/_data/modules/comments.yml +55 -0
- data/lib/starter_web/_data/modules/cookieconsent.yml +2 -1
- data/lib/starter_web/_data/modules/cookies.yml +6 -1
- data/lib/starter_web/_data/modules/defaults/advertising.yml +9 -9
- data/lib/starter_web/_data/modules/defaults/analytics.yml +93 -0
- data/lib/starter_web/_data/modules/defaults/attics.yml +3 -2
- data/lib/starter_web/_data/modules/defaults/authentication.yml +51 -48
- data/lib/starter_web/_data/modules/defaults/comments.yml +114 -0
- data/lib/starter_web/_data/modules/defaults/cookieconsent.yml +3 -3
- data/lib/starter_web/_data/modules/defaults/cookies.yml +107 -26
- data/lib/starter_web/_data/modules/defaults/fab.yml +4 -2
- data/lib/starter_web/_data/modules/defaults/framer.yml +2 -3
- data/lib/starter_web/_data/modules/defaults/log4javascript.yml +3 -2
- data/lib/starter_web/_data/modules/defaults/log4r.yml +2 -2
- data/lib/starter_web/_data/modules/defaults/navigator.yml +4 -2
- data/lib/starter_web/_data/modules/defaults/quicksearch.yml +4 -3
- data/lib/starter_web/_data/modules/defaults/rtable.yml +3 -2
- data/lib/starter_web/_data/modules/defaults/scoller.yml +3 -2
- data/lib/starter_web/_data/modules/defaults/themer.yml +119 -118
- data/lib/starter_web/_data/modules/defaults/toccer.yml +1 -1
- data/lib/starter_web/_data/modules/defaults/translator.yml +1 -1
- data/lib/starter_web/_data/modules/fab.yml +3 -2
- data/lib/starter_web/_data/modules/framer.yml +3 -4
- data/lib/starter_web/_data/modules/log4r.yml +2 -2
- data/lib/starter_web/_data/modules/navigator.yml +4 -2
- data/lib/starter_web/_data/modules/quicksearch.yml +3 -3
- data/lib/starter_web/_data/modules/rtable.yml +3 -3
- data/lib/starter_web/_data/modules/scroller.yml +2 -3
- data/lib/starter_web/_data/modules/themer.yml +2 -3
- data/lib/starter_web/_data/modules/toccer.yml +3 -3
- data/lib/starter_web/_data/modules/translator.yml +1 -1
- data/lib/starter_web/_data/plugins/defaults/paginator.yml +2 -2
- data/lib/starter_web/_data/plugins/paginator.yml +2 -2
- data/lib/starter_web/_data/resources.yml +442 -309
- data/lib/starter_web/_includes/attributes.asciidoc +1 -1
- data/lib/starter_web/_plugins/lunr_index.rb +1 -1
- data/lib/starter_web/collections/posts/public/featured/_posts/0000-00-00-welcome-to-j1.adoc.erb +1 -1
- data/lib/starter_web/collections/posts/public/featured/_posts/2021-01-01-about-cookies.adoc +1 -1
- data/lib/starter_web/collections/posts/public/featured/_posts/2021-01-01-about-cookies.ads.asciidoc +196 -0
- data/lib/starter_web/collections/posts/public/featured/_posts/2021-01-01-about-cookies.comments.asciidoc +182 -0
- data/lib/starter_web/collections/posts/public/featured/_posts/2021-02-01-site-generators.adoc +1 -1
- data/lib/starter_web/collections/posts/public/featured/_posts/2021-03-03-about-j1.adoc +1 -1
- data/lib/starter_web/collections/posts/public/series/_posts/2020-01-01-post-wiki-series.adoc +1 -1
- data/lib/starter_web/collections/posts/public/series/_posts/2020-01-02-post-wiki-series.adoc +1 -1
- data/lib/starter_web/collections/posts/public/series/_posts/2020-01-03-post-wiki-series.adoc +1 -1
- data/lib/starter_web/index.html +0 -3
- data/lib/starter_web/package.json +1 -1
- data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/000_intro.adoc +1 -1
- data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/100_converter.adoc +1 -1
- data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/200_themes.adoc +1 -1
- data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/documentation.adoc +1 -4
- data/lib/starter_web/pages/public/asciidoc_skeletons/multi-document/multi.adoc +1 -4
- data/lib/starter_web/pages/public/asciidoc_skeletons/simple-document/simple.adoc +1 -4
- data/lib/starter_web/pages/public/learn/roundtrip/{100_present_images.no_ads.asciidoc → 100_present_images.base.asciidoc} +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/100_present_images.comments.asciidoc +237 -0
- data/lib/starter_web/pages/public/manuals/dropdown-help.adoc +23 -2
- data/lib/starter_web/pages/public/previewer/preview_bootstrap_theme.adoc +100 -166
- data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
- data/lib/starter_web/utilsrv/package.json +1 -1
- metadata +14 -26
- data/_includes/themes/j1/blocks/ads/ad.html +0 -64
- data/_includes/themes/j1/modules/boards/news_pin_board.html +0 -183
- data/_includes/themes/j1/modules/connectors/analytic/custom-provider.html +0 -32
- data/_includes/themes/j1/modules/connectors/analytic/google-analytics.html +0 -30
- data/_includes/themes/j1/modules/connectors/analytics +0 -60
- data/_includes/themes/j1/modules/connectors/comment/commento.html +0 -31
- data/_includes/themes/j1/modules/connectors/comment/custom-provider.html +0 -30
- data/_includes/themes/j1/modules/connectors/comment/disqus.html +0 -32
- data/_includes/themes/j1/modules/connectors/comment/facebook.html +0 -30
- data/_includes/themes/j1/modules/connectors/comment/hyvor.html +0 -32
- data/_includes/themes/j1/modules/connectors/comment/just-comments.html +0 -31
- data/_includes/themes/j1/modules/connectors/comments +0 -64
- data/_includes/themes/j1/modules/connectors/sharing +0 -29
- data/_includes/themes/j1/modules/connectors/survey/custom-provider.html +0 -30
- data/_includes/themes/j1/modules/connectors/survey/jotform.html +0 -32
- data/_includes/themes/j1/modules/connectors/surveys +0 -58
- data/_includes/themes/j1/modules/connectors/translator +0 -58
- data/_includes/themes/j1/modules/connectors/translators/custom-translator.html +0 -32
- data/_includes/themes/j1/modules/connectors/translators/google-translator.html +0 -53
- data/_includes/themes/j1/modules/search/algolia.html +0 -181
- data/_includes/themes/j1/modules/search/docsearch.html +0 -42
- data/assets/data/disqus.js +0 -81
- data/assets/data/hyvor.js +0 -72
@@ -0,0 +1,237 @@
|
|
1
|
+
---
|
2
|
+
title: Roundtrip
|
3
|
+
tagline: present images
|
4
|
+
date: 2020-11-03 00:00:00 +100
|
5
|
+
description: >
|
6
|
+
Welcome to the preview page focussing on the image module. This page
|
7
|
+
shows some valuable features of the J1 Template to manage your image-based
|
8
|
+
content using lightboxes, carousels (slider), and galleries.
|
9
|
+
|
10
|
+
categories: [ Roundtrip ]
|
11
|
+
tags: [ Introduction, Module, Image ]
|
12
|
+
|
13
|
+
fab_menu_id: page_ctrl_simple
|
14
|
+
|
15
|
+
permalink: /pages/public/learn/roundtrip/present_images/
|
16
|
+
regenerate: false
|
17
|
+
|
18
|
+
resources: [
|
19
|
+
animate, comments, clipboard,
|
20
|
+
carousel, justifiedGallery,
|
21
|
+
lightbox, lightGallery,
|
22
|
+
rouge
|
23
|
+
]
|
24
|
+
resource_options:
|
25
|
+
- attic:
|
26
|
+
padding_top: 400
|
27
|
+
padding_bottom: 50
|
28
|
+
opacity: 0.5
|
29
|
+
slides:
|
30
|
+
- url: /assets/images/pages/roundtrip/images-1920x1280-bw.jpg
|
31
|
+
alt: Photo by Ricardo Gomez Angel on Unsplash
|
32
|
+
badge:
|
33
|
+
type: unsplash
|
34
|
+
author: Ricardo Gomez Angel
|
35
|
+
href: https://unsplash.com/@ripato/portfolio
|
36
|
+
---
|
37
|
+
|
38
|
+
// Page Initializer
|
39
|
+
// =============================================================================
|
40
|
+
// Enable the Liquid Preprocessor
|
41
|
+
:page-liquid:
|
42
|
+
|
43
|
+
// Set (local) page attributes here
|
44
|
+
// -----------------------------------------------------------------------------
|
45
|
+
// :page--attr: <attr-value>
|
46
|
+
:images-dir: {imagesdir}/pages/roundtrip/100_present_images
|
47
|
+
|
48
|
+
// Load Liquid procedures
|
49
|
+
// -----------------------------------------------------------------------------
|
50
|
+
{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
|
51
|
+
|
52
|
+
// Load page attributes
|
53
|
+
// -----------------------------------------------------------------------------
|
54
|
+
{% include {{load_attributes}} scope="all" %}
|
55
|
+
|
56
|
+
// Page content
|
57
|
+
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
58
|
+
|
59
|
+
// Include sub-documents (if any)
|
60
|
+
// -----------------------------------------------------------------------------
|
61
|
+
[role="dropcap"]
|
62
|
+
Welcome to the first preview page focussing on the image module. This page
|
63
|
+
shows some valuable features of the J1 Template to manage your image-based
|
64
|
+
content using lightboxes, carousels (slider), and galleries.
|
65
|
+
|
66
|
+
The image module offers complex functionality based on powerful OpenSource
|
67
|
+
libraries like JustifiedGallery for high-end, masonry-styled preview maps.
|
68
|
+
J1 Template uses the jQuery plugin Owl Carousel as a base for image sliders.
|
69
|
+
A carousel app (slider) lets you present your images as shows.
|
70
|
+
|
71
|
+
Lightboxes like LightGallery or Lightbox V2 support your web for enlarged
|
72
|
+
image views of your picture or video content. Have a look, a quick tour
|
73
|
+
of what J1 can do for image data. Have fun!
|
74
|
+
|
75
|
+
== J1 Lightboxes
|
76
|
+
|
77
|
+
A Lightbox is, in general, a helper which displays enlarged, almost
|
78
|
+
screen-filling versions of images (or videos) while dimming the remainder
|
79
|
+
of the page. The technique, introduced by Lightbox V2, gained widespread
|
80
|
+
popularity thanks to its simple style. The term lightbox has been employed
|
81
|
+
since then for Javascript libraries to support such functionality.
|
82
|
+
|
83
|
+
For the J1 Template, two different lightboxes are available:
|
84
|
+
|
85
|
+
* Lightbox V2 (lightbox)
|
86
|
+
* LightGallery
|
87
|
+
|
88
|
+
The default tool employed by J1 Template is Lightbox V2, a Javascript library
|
89
|
+
written by _Lokesh Dhakar_. The name of that (build-in) is *lightbox*.
|
90
|
+
For more complex use cases, like a thumbnail gallery preview or video support,
|
91
|
+
LightGallery can be used alternatively.
|
92
|
+
|
93
|
+
NOTE: The name LightGallery implies a sort of a Gallery, but the library is a
|
94
|
+
_lightbox_. And, LightGallery provides much more functionality on image-based
|
95
|
+
data rather than enlarged displaying of images. See the examples below to check
|
96
|
+
for the differences in comparison to the simpler Lightbox V2 lightbox.
|
97
|
+
|
98
|
+
Both lightboxes are fully integrated to be used as standalone modules or
|
99
|
+
used as helpers *under-the-hood* by other apps or modules focussing on
|
100
|
+
image-data like gallery or carousel, the build-in carousel module.
|
101
|
+
|
102
|
+
== Lightbox Examples
|
103
|
+
|
104
|
+
Find below an example of using the lightbox Lightbox standalone. See how
|
105
|
+
single (individual) images are linked for use with Lightbox.
|
106
|
+
|
107
|
+
.Lightbox block for standalone images
|
108
|
+
lightbox::example-standalone[ 400, {data-images-standalone} ]
|
109
|
+
|
110
|
+
Lightbox supports image groups (image sets). Click on the images below to
|
111
|
+
see how Lightbox manages a group of images.
|
112
|
+
|
113
|
+
.Lightbox block for grouped images
|
114
|
+
lightbox::example-group[ 400, {data-images-group}, group ]
|
115
|
+
|
116
|
+
=== LightGallery Example
|
117
|
+
|
118
|
+
LightGallery provides more complex functions on image data. The module
|
119
|
+
supports a gallery-style thumbnail preview plus image resizing, a download
|
120
|
+
dialog, sharing provider support, and more helpful. Check what
|
121
|
+
LightGallery can do this by the following example.
|
122
|
+
|
123
|
+
gallery::jg_old_times[]
|
124
|
+
|
125
|
+
== J1 Carousel App
|
126
|
+
|
127
|
+
J1 Carousel is based on OWL Carousel V1 in the latest (and unfortunately
|
128
|
+
last) version of 1.3.3. OWL Carousel is a clean and neat jQuery slider plugin
|
129
|
+
for creating fully responsive and touch-enabled carousel sliders.
|
130
|
+
|
131
|
+
NOTE: OWL Carousel V1 is no longer available on the Internet; for an
|
132
|
+
unknown reason. Anyway, the J1 Template is using this version of OWL
|
133
|
+
Carousel is a build-in carousel module because the software does an excellent
|
134
|
+
job, is based on an MIT license with no issues using them for private and
|
135
|
+
business use. And offers a lot of great features!
|
136
|
+
|
137
|
+
=== Simple Text Carousel
|
138
|
+
|
139
|
+
A slider or carousel is typically used for displaying images. Still, the
|
140
|
+
implementation for the J1 Template supports a lot more sources to be
|
141
|
+
displayed as a slide show: simple text, for example.
|
142
|
+
|
143
|
+
.Simple text carousel
|
144
|
+
carousel::demo_text_carousel[role="mb-3"]
|
145
|
+
|
146
|
+
Important statements or topics can be placed, e.g., on top of an article or
|
147
|
+
a paragraph, to give them better visibility. In one line, you can present
|
148
|
+
many facts to know animated for the reader's attention within a single
|
149
|
+
line. No much space is needed!
|
150
|
+
|
151
|
+
=== Parallax Text Carousel
|
152
|
+
|
153
|
+
A more eye-minded type of text-based slide show is a parallax text slider. If
|
154
|
+
you want to emphasize your statements focussing the meaning, this kind of a
|
155
|
+
slide show may be interesting. Image-based slide shows may draw off the
|
156
|
+
reader's attention from the text, therefore a pure text-based presentation
|
157
|
+
maybe the better choice.
|
158
|
+
|
159
|
+
.Parallax text carousel
|
160
|
+
carousel::demo_text_carousel_parallax[role="mb-3"]
|
161
|
+
|
162
|
+
Parallax text shows can be placed as banners on a page. For text shows,
|
163
|
+
different animations are available. Internally, J1 Template uses some of
|
164
|
+
the great CSS styles offered by _animate.css_.
|
165
|
+
|
166
|
+
TIP: Have a look a https://daneden.github.io/animate.css/[Dan Eden's home page]
|
167
|
+
to see all the possible dynamic styles you can create based on pure CSS. Some
|
168
|
+
of them are implemented for OWL Carousel for animation. See the documentation
|
169
|
+
for the CAROUSEL Module for more details.
|
170
|
+
|
171
|
+
=== Simple Image Carousel
|
172
|
+
|
173
|
+
Carousels are mostly used for pictures data to animate the images as a series.
|
174
|
+
Find with the following some examples of how to use a carousel for your image
|
175
|
+
data.
|
176
|
+
|
177
|
+
A simple image show is useful, for example, as an animated (or not animated)
|
178
|
+
banner presenting exciting things about your site or the products offered.
|
179
|
+
|
180
|
+
.Simple Image Carousel
|
181
|
+
carousel::demo_simple[role="mb-3"]
|
182
|
+
|
183
|
+
=== Carousel + Caption + Lightbox
|
184
|
+
|
185
|
+
Carousels are used for an exceptionally compact form of image galleries.
|
186
|
+
This example shows some pictures having individual caption text and supports
|
187
|
+
a lightbox to enlarge images full size. For the example below, an almost simple
|
188
|
+
lightbox is used: Lightbox V2; or short: lightbox.
|
189
|
+
|
190
|
+
.Nice cats
|
191
|
+
carousel::demo_cats[role="mb-3"]
|
192
|
+
|
193
|
+
The J1 module lightbox is a simple Lightbox but offers a bunch of impressive
|
194
|
+
features for displaying images. For example, the lightbox can display all
|
195
|
+
images (of a carousel) as a group. If one picture is opened in the lightbox,
|
196
|
+
others are browsed by easy-to-use control buttons.
|
197
|
+
|
198
|
+
=== One Slide Carousel + Lightbox
|
199
|
+
|
200
|
+
The build-in Carousel carousel supports multiple and single image shows.
|
201
|
+
Here you find an example of a single image slide show with controls enabled
|
202
|
+
to browse all images back and forth. An indicator below the slider shows how
|
203
|
+
many images the show contains.
|
204
|
+
|
205
|
+
.Single Slide Carousel and a Lightbox
|
206
|
+
carousel::demo_oneslide[role="mb-3"]
|
207
|
+
|
208
|
+
== JustifiedGallery
|
209
|
+
|
210
|
+
JustifiedGallery is a great jQuery plugin to create responsive, infinite,
|
211
|
+
and high-quality justified image galleries. J1 Template combines the Gallery
|
212
|
+
with the lightboxes supported to enlarge the images of a gallery.
|
213
|
+
|
214
|
+
See JustifiedGallery in action - and for sure, all that you see is even
|
215
|
+
responsive. Change the size of your current browser window, by width or height,
|
216
|
+
to see what will happen!
|
217
|
+
|
218
|
+
Pictures you've made are typically not even in size. Images may have the
|
219
|
+
same size (resolution), but some are orientated landscapes, or others
|
220
|
+
may be portraits. For that reason, a more powerful gallery is needed to create
|
221
|
+
so-called justified views.
|
222
|
+
|
223
|
+
JustifiedGallery uses a so-called masonry grid layout. It works by
|
224
|
+
placing elements in an optimal position based on available horizontal and
|
225
|
+
vertical space. Sort of like mason fitting stones in a wall. You'll have
|
226
|
+
seen it in use all over the Internet!
|
227
|
+
|
228
|
+
.Masonry grid layout of JustifiedGallery
|
229
|
+
gallery::jg_customizer[]
|
230
|
+
|
231
|
+
== What next
|
232
|
+
|
233
|
+
Hopefully, you've enjoyed exploring the possibilities J1 offers for managing
|
234
|
+
and displaying digital image content. But much, much more can the J1 do for
|
235
|
+
your web.
|
236
|
+
|
237
|
+
Incredible? See the next example page link:{url-roundtrip--present-videos}[Present videos].
|
@@ -8,16 +8,37 @@ description: >
|
|
8
8
|
the "Starter web", a general-purpose scaffold to be modified
|
9
9
|
for your needs.
|
10
10
|
|
11
|
+
keywords: >
|
12
|
+
msdropdown, manual, usage, attribute, callback, option,
|
13
|
+
opensource, free, load, download, start, starter, example,
|
14
|
+
high, easy, use, secure, encrypt, standard, popular,
|
15
|
+
generate, develop, create, learn, distribute, publish, deploy,
|
16
|
+
beginner, advanced, expert, student, learner, writer, reader, visitor
|
17
|
+
framework, toolkit, integration, extension, module, api,
|
18
|
+
dynamic, static, generator, client, server, internet, local, localhost
|
19
|
+
page, web, website, webdesign, material, design, responsive,
|
20
|
+
javascript, nodejs, ruby, windows, linux, osx, mac, os,
|
21
|
+
http, https, html, html5, css, scss, style,
|
22
|
+
browser, firefox, chrome, edge, opera, safari,
|
23
|
+
configuration, generator, navigation, menu, dropdown, fab, action, button
|
24
|
+
application, interface, provider, api, repository,
|
25
|
+
cookie, language, translation, gdpr, dsgvo, privacy,
|
26
|
+
asciidoc, aciidoctor, bootstrap, jekyll, liquid,
|
27
|
+
hyvor, disqus, git, github, netlify, heroku, apple, microsoft,
|
28
|
+
provider, service, internet, support,
|
29
|
+
google, analytics, advertising, search, console, silverlight, score,
|
30
|
+
j1, template, jekyllone, comment
|
31
|
+
|
11
32
|
categories: [ Manuals ]
|
12
33
|
tags: [ MsDropdown ]
|
13
34
|
|
14
35
|
comments: true
|
15
36
|
fab_menu_id: page_ctrl_simple
|
16
37
|
|
17
|
-
permalink: /pages/public/manuals/
|
38
|
+
permalink: /pages/public/manuals/msdropdown/
|
18
39
|
regenerate: false
|
19
40
|
|
20
|
-
resources: [
|
41
|
+
resources: [ clipboard, comments, rouge, animate ]
|
21
42
|
resource_options:
|
22
43
|
- attic:
|
23
44
|
padding_top: 400
|