j1-template 2020.0.18 → 2020.0.19

data/lib/starter_web/pages/public/blog/navigator/archive/tagview.html

@@ -146,23 +146,22 @@ resource_options:
       {% include {{select_icon_size}} family=icon_family size=icon_size %}
       {% assign icon_size = size %}
 
-      {% assign excerpt = post.excerpt | truncatewords: 50 | strip_html | strip_newlines | strip %}
+      {% assign excerpt = post.excerpt|truncatewords:50|replace:'...',' ...'|strip_html|strip_newlines|strip %}
 
       <!-- place post  -->
-      <div class="card card-flat mb-4">
-        <div class="card-body">
-          <!-- <span class="post-meta">{{post.date|date: "%B %d, %Y"}}</span> -->
-          <h5 id="{{100000 | rand}}" class="card-title">{{post.title}}</h5>
-          <h6 class="notoc card-subtitle text-muted mb-2">{{post.tagline}}</h6>
-          <div class="card-text"><p>{{excerpt}}</p></div>
+      <article class="card raised-z5 mb-5">
+        <h3 id="{{100000|rand}}" class="card-header bg-primary">{{post.title}}</h3>
+        <!-- h5 class="notoc card-subtitle text-muted mb-2">{{post.tagline}}</h5 -->
+        <div class="card-body r-text-300">{{excerpt}}</div>
+        <div class="card-body text-muted r-text-200">
+          <i class="mdi mdi-calendar-blank"></i> {{post.date|date:"%Y %B, %e"}}
         </div>
-        <div class="card-footer">
-          <a class="btn btn-secondary btn-raised btn-flex" href="{{post.url}}#readmore">
-            <i class="mdi mdi-eye mdi-lg mr-2" style="color:#FFFFFF;"></i>
-            Read · {{post.tagline}}
+        <div class="card-footer r-text-200">
+          <a class="card-link md-blue font-weight-bold g-font-size-12 text-uppercase"
+             href="{{post.url}}#readmore">Read · {{post.tagline}}
           </a>
         </div>
-      </div>
+      </article>
     {% endif %}{% endfor %}
   {% endunless %}{% endfor %}
 </div>

data/lib/starter_web/pages/public/learn/roundtrip/100_present_images.adoc

@@ -14,7 +14,7 @@ permalink:                              /pages/public/learn/roundtrip/present_im
 regenerate:                             true
 
 resources:                              [
-                                          carousel, lightbox,
+                                          clipboard, rouge, carousel, lightbox,
                                           justified_gallery, light_gallery
                                         ]
 resource_options:
@@ -64,26 +64,26 @@ include::{includedir}/attributes.asciidoc[tag=data]
 // Include sub-documents
 // -----------------------------------------------------------------------------
 
-Welcome to the first preview page focussing the *image module*. This page shows
+Welcome to the first preview page focussing the image module. This page shows
 you some of the quite useful features of J1 Template to manage your image based
 content using lightboxes, carousels (slider) and galleries.
 
-The *image module* offer complex functionality based on powerful open source
-libraries like the build-in Gallely *gallery* for simple _Bootstrap_ grid-based
-image galleries or *Justified Gallery* for high-end, masonry styled preview
-maps. The build-in carousel app *carousel*, using the jQuery plugin *Owl Carousel*
+The image module offer complex functionality based on powerful open source
+libraries like the build-in Gallely gallery for simple _Bootstrap_ grid-based
+image galleries or Justified Gallery for high-end, masonry styled preview
+maps. The build-in carousel app carousel, using the jQuery plugin Owl Carousel
 as a base, let you present your images as slide shows.
 
-Lightboxes like *LightGallery* or *Lightbox V2* support your web for full image
-views of your *picture* or *video* content. Have a look, a quick tour what J1
+Lightboxes like LightGallery or Lightbox V2 support your web for full image
+views of your picture or video content. Have a look, a quick tour what J1
 can do. Have fun!
 
 == J1 Lightboxes
 
-A *Lightbox* in general is a helper which displays enlarged, almost
+A Lightbox in general is a helper which displays enlarged, almost
 screen-filling versions of pictures (or videos), while dimming the rest of the
 page. The technique, introduced by Lightbox V2, gained widespread popularity
-due to its simple and elegant style. The term *lightbox* is used since then for
+due to its simple and elegant style. The term lightbox is used since then for
 Javascript libraries to support such functionality.
 
 For J1 Template, two different lightboxes can be used:
@@ -91,41 +91,40 @@ For J1 Template, two different lightboxes can be used:
 * Lightbox V2 (lightbox)
 * LightGallery
 
-The default lightbox used by J1 Template is *Lightbox V2*, a Javascript library
-written by _Lokesh Dhakar_. The name of that (build-in) is simply: *lightbox*.
+The default lightbox used by J1 Template is Lightbox V2, a Javascript library
+written by _Lokesh Dhakar_. The name of that (build-in) is simply: lightbox.
 For more complex use cases, like a thumbnail gallery preview or video support,
-*LightGallery* can be used alternatively.
+LightGallery can be used alternatively.
 
-NOTE: The name *LightGallery* implies a sort of a Gallery but the library is a
-_lightbox_. And, *LightGallery* provides much more functionality on image-based
+NOTE: The name LightGallery implies a sort of a Gallery but the library is a
+_lightbox_. And, LightGallery provides much more functionality on image-based
 data rather than enlarged displaying of images. See the examples below to check
-for the differences in compare to the more simpler *Lightbox V2* lightbox.
+for the differences in compare to the more simpler Lightbox V2 lightbox.
 
 Both lightboxes are fully integrated to be used as standalone modules or to be
 used as helpers _under-the-hood_ by other apps or modules focussing on image
-data like *gallery* or *carousel*, the build-in carousel module.
+data like gallery or carousel, the build-in carousel module.
 
 == Lightbox Examples
 
-Find below an example of using the lightbox Lightbox *standalone*. See how
-*single* (individual) images are linked for the use with *Lightbox*.
+Find below an example of using the lightbox Lightbox standalone. See how
+single (individual) images are linked for the use with Lightbox.
 
 .A Lightbox block for standalone images
 lightbox::example-standalone[ 400, {data-images-standalone} ]
 
-For a *group* of images (image sets), *Lightbox* support image *groups*. Click
-on the images below to see how *Lightbox* manage image groups.
+For a group of images (image sets), Lightbox support image groups. Click
+on the images below to see how Lightbox manage image groups.
 
 .A Lightbox block for grouped images
 lightbox::example-group[ 400, {data-images-group}, group ]
 
-
 === LightGallery Example
 
-*LightGallery* provides more complex functions on image data. The lightbox
+LightGallery provides more complex functions on image data. The lightbox
 supports a gallery-styled thumbnail preview plus image resizing, a dowload
 dialog, sharing provider support and some more helpfull. Check what
-*LightGallery* can do by the following example.
+LightGallery can do by the following example.
 
 [subs=attributes]
 ++++
@@ -160,39 +159,37 @@ dialog, sharing provider support and some more helpfull. Check what
   </script>
 ++++
 
-
 == J1 Carousel App
 
-*J1 Carousel* is based on *OWL Carousel V1* in the latest (and unfortuneatly
+J1 Carousel is based on OWL Carousel V1 in the latest (and unfortuneatly
 last) version of 1.3.3. OWL Carousel is a clean and neat jQuery slider plugin
 for creating fully responsive and touch-enabled carousel sliders.
 
-NOTE: OWL Carousel V1 is *not* longer available on the Internet; for unknown
-reason. Anyway, J1 Template is using this version of *OWL Carousel* as a
+NOTE: OWL Carousel V1 is not longer available on the Internet; for unknown
+reason. Anyway, J1 Template is using this version of OWL Carousel as a
 build-in carousel module because the software does an excellent job, is based
 on a MIT license with no issues using them for private and business use.
 And offers a lot of great features!
 
-/////
 === Simple Text Carousel
 
 A slider or carousel typically is used for displaying images but the
-implementation for J1 Template support a lot more *sources* to be displayed
-as a slide show: simple *text* for example.
+implementation for J1 Template support a lot more sources to be displayed
+as a slide show: simple text for example.
 
 carousel::owl_demo_text_carousel[role="mb-3"]
 
 Important statements or topics can be placed e.g. on top of an article or a
-paragraph to give them a better *visibility*. In one line, you can present
-a bunch of *facts* to know animated for the readers attention within as single
+paragraph to give them a better visibility. In one line, you can present
+a bunch of facts to know animated for the readers attention within as single
 line - no much space is needed.
 
 === Parallax Text Carousel
 
-A more *eye-minded* type of a text show is a *parallax* text slider. If you
+A more eye-minded type of a text show is a parallax text slider. If you
 want to place emphasis on you personal statements focussing the meaning, this
 type of a slide show may be interesting. Image based slide shows may draw off
-the readers attention from the text, therefor a *pure text based* presentation
+the readers attention from the text, therefor a pure text based presentation
 may the better choice.
 
 .Parallax Slider
@@ -214,16 +211,14 @@ may the better choice.
   </script>
 ++++
 
-
 Parallax text shows are can be placed as banners on a page. A lot of different
 animations can be used. Internally, J1 Template is using some of the really
 great CSS styles offered by _animate.css_.
 
 TIP: Have a look a https://daneden.github.io/animate.css/[Dan Eden's home page]
-to see all the possible dynamic styles you can create based on pure CSS. *Some*
-of them are implemented for *OWL Carousel* for animation. See the documetation
-for the *CAROUSEL Module* for more details.
-/////
+to see all the possible dynamic styles you can create based on pure CSS. Some
+of them are implemented for OWL Carousel for animation. See the documetation
+for the CAROUSEL Module for more details.
 
 === Simple Image Carousel
 
@@ -240,53 +235,51 @@ carousel::owl_demo_simple[role="mb-5"]
 === Carousel + Caption + Lightbox
 
 Carousels can be used for a quite compact form of image galleries. This example
-show some pictures having individual caption text *and* support a lightbox to
+show some pictures having individual caption text and support a lightbox to
 enlarge images full size. For the example below, a quite simple lightbox
-is used: *Lightbox V2*; or short: *lightbox*.
+is used: Lightbox V2; or short: lightbox.
 
 .Nice cats
 carousel::owl_demo_cats[role="mb-5"]
 
-
-The J1 module *lightbox* is a simple Lightbox but offers a bunch of interesting
+The J1 module lightbox is a simple Lightbox but offers a bunch of interesting
 features for displaying images. For example, lightbox can display all images
-(of a carousel) as a *group*. If one picture is opened in the lightbox, all
+(of a carousel) as a group. If one picture is opened in the lightbox, all
 the other can browsed as well.
 
 === One Slide Carousel + Lightbox
 
-The build-in Carousel *carousel* supports multiple *and* single image shows.
-Here you find an example of an single image slide show with *controls* enabled
+The build-in Carousel carousel supports multiple and single image shows.
+Here you find an example of an single image slide show with controls enabled
 to browse all images back and forth. An indicator below the slider shows how
 many images the show contains.
 
 .Single Slide Carousel and a Lightbox
 carousel::owl_demo_oneslide[role="mb-5"]
 
-
 == J1 Gallery App
 
-To create *image* and *video* galleries, J1 Template implements the jQuery
-plugin *JustifiedGallery* as the *main* gallery module. Beside Justified
+To create image and video galleries, J1 Template implements the jQuery
+plugin JustifiedGallery as the main gallery module. Beside Justified
 Gallery, a gallery based on pure _Bootstrap_ code is available with the build-in
-gallery app *gallery*.
+gallery app gallery.
 
-*Justified Gallery* is a great jQuery plugin to create responsive, infinite
-and high quality *justified* image galleries. J1 Template combines the gallery
-with the *lightboxes* supported to *enlage* the images of a gallery.
+Justified Gallery is a great jQuery plugin to create responsive, infinite
+and high quality justified image galleries. J1 Template combines the gallery
+with the lightboxes supported to enlage the images of a gallery.
 
-See *Justified Gallery* in action - and for sure all what you see is even
+See Justified Gallery in action - and for sure all what you see is even
 responsive. Change the size of your current browser window, by width or height,
 to see what will happen!
 
 === Justified Gallery
 
-Pictures you've made are typically *not* even in size. Images may have the
+Pictures you've made are typically not even in size. Images may have the
 same size (resolution), but some of the are orientated landscape or other
 may portrait. For that reason, a more powerful gallery is needed to create
-so-called *justified* views.
+so-called justified views.
 
-*Justified Gallery* is using a so-called *masonry grid* layout. It works by
+Justified Gallery is using a so-called masonry grid layout. It works by
 placing elements in an optimal position based on available horizontal and
 vertical space. Sort of like mason fitting stones in a wall. You’ll have
 seen it in use all over the Internet!
@@ -294,7 +287,6 @@ seen it in use all over the Internet!
 .Masonry grid layout of Justified Gallery
 gallery::jg_customizer[]
 
-
 == Whats next
 
 Hopefully you've enjoyed exploring the possibilities J1 offers for managing

data/lib/starter_web/pages/public/learn/roundtrip/100_present_videos.adoc

@@ -79,50 +79,50 @@ include::{includedir}/attributes.asciidoc[tag=data]
 
 Playing video on a web page seems not that special since you can already
 watch videos on web pages through plugins like _Flash Player_, _Quicktime_
-or _Silverlight_. A new standard goes to *HTML5 Video*, a pure *HTML* way to
+or _Silverlight_. A new standard goes to HTML5 Video, a pure HTML way to
 show video on the web; instead of the previous de facto standard of using
-*proprietary* software.
+proprietary software.
 
 == Video Galleries
 
-*HTML5 Video* open the doors to *your way* presenting video content. Modern
+HTML5 Video open the doors to your way presenting video content. Modern
 browsers support the video tag `<video>` for the HTML5 Video standard. Browsers
 have a build-in multimedia framework already for decoding and displaying
 video content. No need to use such proprietary software components anymore!
 
-HTML5 Video support is given by the App *gallery* combined with the Lightbox
-*LightGallery*.
+HTML5 Video support is given by the App gallery combined with the Lightbox
+LightGallery.
 
 Two types of video sources are supported:
 
-. videos from *local* files (your web space)
-. videos from *online* sources (on the Internet) like YouTube, Vimeo, etc.
+. videos from local files (your web space)
+. videos from online sources (on the Internet) like YouTube, Vimeo, etc.
 
-The combination of the App *gallery* and the lightbox *LightGallery* is quite
+The combination of the App gallery and the lightbox LightGallery is quite
 usable for all the video content you want to present on your site. Galleries
 can be placed elsewhere with your content. You can use them for video blogs
 for example by placing them into your blog articles content.
 
-WARNING: *LightGallery* can be used *for free* for *private use* but for
-business use, a *commercial license* is needed. See link:{light-gallery-license}[Light Gallery license]
-how to use LightGallery for *commercial* webs and projects.
+WARNING: LightGallery can be used for free for private use but for
+business use, a commercial license is needed. See link:{light-gallery-license}[Light Gallery license]
+how to use LightGallery for commercial webs and projects.
 
 == Local video content
 
 Digital image content, simple pictures or vidoes, are quite easy to make.
 Today, each and every mobile has a camera - not that bad! Presenting a bunch
-of (digital) pictures is very easy by using *Justified Gallery* for example.
+of (digital) pictures is very easy by using Justified Gallery for example.
 Videos created by a digi cam or a mobile can played by J1 Template using the
-*HTML5 Video* support of *LightGallery*.
+HTML5 Video support of LightGallery.
 
-Two players are available with *LightGallery*:
+Two players are available with LightGallery:
 
 . an internal player used by default
 . http://videojs.com/[video.js], a excellent Javascript video library
 
 NOTE: The HTML5 specification does _not_ define which video and audio formats
-browsers _should_ support. J1 *LightGallery* supports all _typical_ types of
-HTML5 Video formats browsers support today such as *MP4*, *WebM*, and *Ogg*.
+browsers _should_ support. J1 LightGallery supports all _typical_ types of
+HTML5 Video formats browsers support today such as MP4, WebM, and Ogg.
 
 .HTML5 video gallery
 gallery::jg_video_html5[role="mb-5"]
@@ -133,7 +133,7 @@ The Internet is full of interesting content. Video content is very popular,
 the number of channels at e.g. _YouTube_ is enormous. If you want to present
 video content from the Internet, e.g. your channnel, the online video
 support of J1 Template may a good choice. Find some enjoyable videos from
-*James Cordon's* channel: *Carpool Karaoke*.
+James Cordon's channel: Carpool Karaoke.
 
 .YouTube Video Gallery - Carpool Karaoke
 gallery::jg_video_online_youtube[role="mb-5"]
@@ -143,9 +143,9 @@ gallery::jg_video_online_vimeo[role="mb-5"]
 
 == Whats next
 
-Images and videos are quite *visual* - and could be impressive, for sure.
-But the most visual component is *text* for all pages, for all sites on the
+Images and videos are quite visual - and could be impressive, for sure.
+But the most visual component is text for all pages, for all sites on the
 Internet. To see how text could be presented great for modern responsive
-websites, check the section *Typography* next.
+websites, check the section Typography next.
 
 What? Find out how it works. go for: link:{roundtrip-typography}[Typography].

data/lib/starter_web/pages/public/learn/roundtrip/200_typography.adoc

@@ -78,7 +78,7 @@ images.
 == Responsive Text
 
 One common flaw seen in many templates and frameworks (sadly to say: the same
-to Bootstrap) is a lack of support for truly *responsive text*. While elements
+to Bootstrap) is a lack of support for truly responsive text. While elements
 on a page resize fluidly, text still resizes on a fixed basis. To avoiding this
 issue, especially for heavily text focussed pages, J1 Template supports styles
 that fluidly scales text size and line-height to optimize readability for the
@@ -140,7 +140,7 @@ you can offer different text sizes of your Web for vistors having a visual
 handicap or reading disabilities.
 
 To see `r-text` scaling in action, click on the button above to resize
-the text from `r-text` level *300* to *500* back and forth. And again: resize
+the text from `r-text` level 300 to 500 back and forth. And again: resize
 your Browser and watch the size of this text body change to see responsiveness
 of the text in action.
 
@@ -252,11 +252,11 @@ explorer of the truth, the master-builder of human happiness.
 //////////
 === Mixing font sizes
 
-See the example below. Two cards are tied together by a title of *Your Topic*.
-The *taglines* are different and focus on *different* things. Because the title
-is on each and every card of such a group, it makes sense to give the *upper*
-level headline a smaller font size than the *tagline* that decribes different
-*features*.
+See the example below. Two cards are tied together by a title of Your Topic.
+The taglines are different and focus on different things. Because the title
+is on each and every card of such a group, it makes sense to give the upper
+level headline a smaller font size than the tagline that decribes different
+features.
 
 To not loose the focus on reading the text, font icons are used to support what
 a card decribes to get the readers orientated better. The left one has a
@@ -267,7 +267,7 @@ video and audio.
 <div id="roundtrip_example_panel" class="mt-2 mb-3"></div>
 ++++
 
-The *body* text is the *smallest* in size. On one hand to save space on other
+The body text is the smallest in size. On one hand to save space on other
 hand the readers know in general what they can can expect to read about. To
 focus the body text, it's positioned in the middle and centered for optimal
 placement. A final quote text followed by a button in card footer guides the
@@ -284,10 +284,10 @@ elements may help to reduce to space needed - more can be placed on page. On
 other hand, navigation elements present by playful and interactive means.
 
 The next two simple examples shows you what type of UI's may helpful to present
-a bunch of information *on a small footprint*: tabbed text by using Bootstrap's
-*Nav Pills*.
+a bunch of information on a small footprint: tabbed text by using Bootstrap's
+Nav Pills.
 
-The design for the Bootstrap *nav pills* were change into MD Design. As all
+The design for the Bootstrap nav pills were change into MD Design. As all
 elements available with J1 Template, the _Meterial Design_ color palette is
 used. All Bootstrap base classes can be used to colorize:
 

data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc

@@ -50,7 +50,7 @@ include::{includedir}/attributes.asciidoc[tag=data]
 
 // Set local page attributes
 // -----------------------------------------------------------------------------
-// :images-dir:                         {imagesdir}/path/to/page/images 
+// :images-dir:                         {imagesdir}/path/to/page/images
 
 
 // Page content
@@ -72,7 +72,7 @@ different icons for many categories used for the Web. See below some details
 for <<Material Design Icons>> and <<FontAwesome Icons>>.
 
 Iconify Icons is not a local stored icon set like MDI or FA. All icons are
-loaded over the *Internet* using the so-called unified open source icon
+loaded over the Internet using the so-called unified open source icon
 framework. See section <<Iconify Icons>> for more information.
 
 
@@ -84,7 +84,7 @@ prospective, _MDI_ has an excellent Material Design support an comes with the
 original icon set created by _Google_ build-in.
 
 _Material Design Icons_ (MDI) is a very helpful design resource for Web Design
-that is based on *_Google_'s Material Design*. _MDI_ is a community-driven
+that is based on _Google_'s Material Design. _MDI_ is a community-driven
 project to create an increased icon-set based on _Google_'s official repository
 and MD style specification.
 
@@ -95,7 +95,7 @@ and MD style specification.
 
 |1x
 |no modifier set
-|All `icon_name` can be found on the Preview page for *MDI Icon Previewer*
+|All `icon_name` can be found on the Preview page for MDI Icon Previewer
 [source, adoc, role="noclip"]
 ----
 mdi:account[1x]
@@ -104,7 +104,7 @@ mdi:account[1x]
 
 |3x
 |no modifier set
-|All `icon_name` can be found on the Preview page for *MDI Icon Previewer*
+|All `icon_name` can be found on the Preview page for MDI Icon Previewer
 [source, adoc, role="noclip"]
 ----
 mdi:account[3x]
@@ -113,7 +113,7 @@ mdi:account[3x]
 
 |5x
 |no modifier set
-|All `icon_name` can be found on the Preview page for *MDI Icon Previewer*
+|All `icon_name` can be found on the Preview page for MDI Icon Previewer
 [source, adoc, role="noclip"]
 ----
 mdi:account[5x]
@@ -199,7 +199,7 @@ the official set created by _Google_.
 _J1 Template_ supports the full set of _MDI_ for the Web (Webfont, WOFF). The
 icon set is fully integrated and can be used out-of-the-box.
 
-For MDI a *Preview Page* is available to explore what can be done base on the
+For MDI a Preview Page is available to explore what can be done base on the
 J1 implemetation regarding sizes, colors, animations etc. Go for the
 link:{previewer-mdi}[Preview Page, {window}] and check-out what's
 possible using MDI font icons!
@@ -214,8 +214,8 @@ frameworks used for web development. Today, FA comes with 2300+ icons included.
 
 [NOTE]
 ====
-Since version 5, the icon set comes in two packages: FontAwesome *Free*
-and the *proprietary* FontAwesome *Pro* version available for a license fee.
+Since version 5, the icon set comes in two packages: FontAwesome Free
+and the proprietary FontAwesome Pro version available for a license fee.
 
 The free versions (all releases up to 4 and the free version for 5) are
 available under SIL Open Font License 1.1, Creative Commons Attribution 4.0,
@@ -229,7 +229,7 @@ and the MIT License.
 
 |1x
 |no modifier set
-|All `icon_name` can be found on the Preview page for *MDI Icon Previewer*
+|All `icon_name` can be found on the Preview page for MDI Icon Previewer
 [source, adoc, role="noclip"]
 ----
 fas:user[1x]
@@ -238,7 +238,7 @@ fas:user[1x]
 
 |3x
 |no modifier set
-|All `icon_name` can be found on the Preview page for *MDI Icon Previewer*
+|All `icon_name` can be found on the Preview page for MDI Icon Previewer
 [source, adoc, role="noclip"]
 ----
 fas:user[3x]
@@ -247,7 +247,7 @@ fas:user[3x]
 
 |5x
 |no modifier set
-|All `icon_name` can be found on the Preview page for *MDI Icon Previewer*
+|All `icon_name` can be found on the Preview page for MDI Icon Previewer
 [source, adoc, role="noclip"]
 ----
 fas:user[5x]
@@ -318,11 +318,11 @@ this in section link:{roundtrip-asciidoc-extensions}#icon-fonts[Asciidoc Extensi
 
 FontAwesome V5 meets the Material Design idea (of _Google_) and in compare to
 Version 4, the current version is much more than a face-lifting. The Version 5
-comes with more than 2300+ icons but many of them are available with the *Pro*
-license only. For the *Free* version, a subset of 900+ icons is available.
+comes with more than 2300+ icons but many of them are available with the Pro
+license only. For the Free version, a subset of 900+ icons is available.
 
 NOTE: The CSS styles for FontAwesome V5 has been extended for J1 Template to
-the *same* styles (and their respective *names*) as for other Font Icon sets.
+the same styles (and their respective names) as for other Font Icon sets.
 Already existing styles like `fa-flip-vertical` is available as `fa-flip-v`
 as well. See all styles that can be used with the MDI
 link:{previewer-mdi}[Preview Page, {window}].
@@ -339,13 +339,13 @@ the basics and features and styles.
 
 == Iconify Icons
 
-MDI and FA are quite rich icon sets but designed for *general* use. Sometimes
-icons are missing in one of these fonts like specific *brand* or *theme*
+MDI and FA are quite rich icon sets but designed for general use. Sometimes
+icons are missing in one of these fonts like specific brand or theme
 icons.
 
-An interesting solution for using font icons from a *remote* repository is
+An interesting solution for using font icons from a remote repository is
 link:{iconify-home}[Iconify, {window}]. Iconify is a so-called unified
-*open source icon framework* that makes it possible to use icons from different
+open source icon framework that makes it possible to use icons from different
 icon sets using one syntax.
 
 To access that framework, a Javascript client is needed. For J1 Template, the
@@ -413,7 +413,7 @@ this in section link:{roundtrip-asciidoc-extensions}#icon-fonts[Asciidoc Extensi
 == Whats next
 
 Hopefully you've enjoyed the possibilities J1 offers for managing and
-manipulating *Font Icons*. Do you think these Icons sets fit your needs?
+manipulating Font Icons. Do you think these Icons sets fit your needs?
 
 Using Iconify, for all topics a icon font should be found. And it's simple,
 is'nt it?