RubyGems - j1-template - Versions diffs - 2020.0.16 → 2020.0.21 - Mend

j1-template 2020.0.16 → 2020.0.21

Files changed (395) hide show

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

@@ -11,7 +11,7 @@ scrollbar:                              false
 toc:                                    true
 permalink:                              /pages/public/learn/roundtrip/present_videos/
-regenerate:                             true
+regenerate:                             false
 resources:                              [
                                           light_gallery, justified_gallery, video_js,
@@ -44,85 +44,72 @@ resource_options:
 ---
+// Page Initializer
+// =============================================================================
 // Enable the Liquid Preprocessor
-// -----------------------------------------------------------------------------
 :page-liquid:
-// Set other global page attributes here
-// -----------------------------------------------------------------------------
-//:my-asciidoc-attribute:
 //  Load Liquid procedures
 // -----------------------------------------------------------------------------
-{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
-// Initialize entry document environmental attributes
-// -----------------------------------------------------------------------------
-{% include {{set_env_entry_document}} %}
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
-// Load tag, url and data attributes
+// Load page attributes (all)
 // -----------------------------------------------------------------------------
-include::{includedir}/attributes.asciidoc[tag=tags]
-include::{includedir}/attributes.asciidoc[tag=urls]
-include::{includedir}/attributes.asciidoc[tag=data]
+{% include {{load_attributes}} scope="all" %}
 // Set local page attributes
 // -----------------------------------------------------------------------------
 :images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
 // Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-// Include sub-documents
-// -----------------------------------------------------------------------------
+// =============================================================================
 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 +120,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 +130,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 CHANGED

@@ -8,7 +8,7 @@ index:                                  [ Template, Roundtrip, Typography ]
 categories:                             [ pages ]
 permalink:                              /pages/public/learn/roundtrip/typography/
-regenerate:                             true
+regenerate:                             false
 toc:                                    true
 advertising:                            false
@@ -33,40 +33,25 @@ resource_options:
             href:                       https://unsplash.com/@alicekat/portfolio
 ---
+// Page Initializer
+// =============================================================================
 // Enable the Liquid Preprocessor
-// -----------------------------------------------------------------------------
 :page-liquid:
-// Set other global page attributes here
-// -----------------------------------------------------------------------------
-//:my-asciidoc-attribute:
 //  Load Liquid procedures
 // -----------------------------------------------------------------------------
-{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
-// Initialize entry document environmental attributes
+// Load page attributes (all)
 // -----------------------------------------------------------------------------
-{% include {{set_env_entry_document}} %}
-// Load tag, url and data attributes
-// -----------------------------------------------------------------------------
-include::{includedir}/attributes.asciidoc[tag=tags]
-include::{includedir}/attributes.asciidoc[tag=urls]
-include::{includedir}/attributes.asciidoc[tag=data]
+{% include {{load_attributes}} scope="all" %}
 // Set local page attributes
 // -----------------------------------------------------------------------------
-// :images-dir:                         {imagesdir}/path/to/page/images
+:images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
 // Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-// Include sub-documents
-// -----------------------------------------------------------------------------
+// =============================================================================
 == Typography
@@ -78,7 +63,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
@@ -90,15 +75,15 @@ will happen in terms of responsiveness.
 ++++
 <div>
-  <button type="button" name="toggle-r-text" class="btn btn-info btn-raised btn-flex mt-3 mb-3">
+  <button type="button" name="toggle-r-text" class="btn btn-primary btn-raised btn-flex mt-3 mb-3">
     <i class="toggle-button mdi mdi-toggle-switch-off mdi-lg mdi-md-bg-primary-50 mr-1"></i>
     Toggle rtext
   </button>
-  <div class="card card-flat mb-4">
+  <div class="mb-4">
     <div class="content">
-      <h4 class="notoc card-title">The Extremes of Good and Evil</h4>
-      <h6 class="notoc category text-gray mb-3">Cicero, Paragraph 1.10.32 · Translation by H. Rackham, Issue 1914 - De Finibus</h6>
-      <p class="card-description toggle-description no-r-text">
+      <h4 class="notoc">The Extremes of Good and Evil</h4>
+      <h6 class="notoc text-gray mb-3">Cicero, Paragraph 1.10.32 · Translation by H. Rackham, Issue 1914 - De Finibus</h6>
+      <p class="toggle-description no-r-text">
         But I must explain to you how all this mistaken idea of denouncing
         pleasure and praising pain was born and I will give you a complete
         account of the system, and expound the actual teachings of the great
@@ -140,21 +125,21 @@ 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.
 ++++
 <div>
-  <button type="button" name="scale-r-text" class="btn btn-info btn-raised btn-flex mt-3 mb-3">
+  <button type="button" name="scale-r-text" class="btn btn-primary btn-raised btn-flex mt-3 mb-3">
     <i class="scale-button mdi mdi-arrow-up mdi-lg mdi-md-bg-primary-50 mr-1"></i>
     Scale rtext
   </button>
-  <div class="card card-flat mb-4">
+  <div class="mb-4">
     <div class="content">
-      <h4 class="notoc card-title">The Extremes of Good and Evil</h4>
-      <h6 class="notoc category text-gray mb-3">Cicero, Paragraph 1.10.33 · Translation by H. Rackham, Issue 1914 - De Finibus</h6>
-      <p class="card-description scale-description r-text-300">
+      <h4 class="notoc">The Extremes of Good and Evil</h4>
+      <h6 class="notoc text-gray mb-3">Cicero, Paragraph 1.10.33 · Translation by H. Rackham, Issue 1914 - De Finibus</h6>
+      <p class="scale-description r-text-300">
         On the other hand, we denounce with righteous indignation and dislike men who
         are so beguiled and demoralized by the charms of pleasure of the moment, so
         blinded by desire, that they cannot foresee the pain and trouble that are
@@ -198,7 +183,7 @@ base.
 That way, five series are available by the five scale factors. See the following
 table how `r-text` scales.
-[cols="3,2,7a", options="header", role="table-responsive-stacked-lg mb-5"]
+[cols="3,2,7a", options="header", role="table-responsive-stacked-lg"]
 |===============================================================================
 |Property | Factor |Example text
@@ -252,11 +237,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 +252,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 +269,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:
@@ -298,7 +283,7 @@ used. All Bootstrap base classes can be used to colorize:
 |`nav-pills-primary`
 |
 ++++
-<button type="button" class="btn btn-primary btn-raised btn-round">
+<button type="button" class="btn btn-secondary btn-raised btn-round">
   color example
 </button>
 ++++
@@ -314,7 +299,7 @@ used. All Bootstrap base classes can be used to colorize:
 |`nav-pills-info`
 |
 ++++
-<button type="button" class="btn btn-info btn-raised btn-round">
+<button type="button" class="btn btn-primary btn-raised btn-round">
   color example
 </button>
 ++++
@@ -529,4 +514,4 @@ J1 Template supports popular icons font sets like:
 * Iconify
 Would you like learn more about icons? The next example page focus on what's
-possible using link:{roundtrip-icon-fonts}[icon fonts].
+possible using link:{roundtrip-icon-fonts}[icon fonts, {browser-window--new}].

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

@@ -25,66 +25,52 @@ resource_options:
             href:                       https://unsplash.com/@aquatium
 ---
+// Page Initializer
+// =============================================================================
 // Enable the Liquid Preprocessor
-// -----------------------------------------------------------------------------
 :page-liquid:
-// Set other global page attributes here
-// -----------------------------------------------------------------------------
-//:my-asciidoc-attribute:
 //  Load Liquid procedures
 // -----------------------------------------------------------------------------
-{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
-// Initialize entry document environmental attributes
+// Load page attributes (all)
 // -----------------------------------------------------------------------------
-{% include {{set_env_entry_document}} %}
-// Load tag, url and data attributes
-// -----------------------------------------------------------------------------
-include::{includedir}/attributes.asciidoc[tag=tags]
-include::{includedir}/attributes.asciidoc[tag=urls]
-include::{includedir}/attributes.asciidoc[tag=data]
+{% include {{load_attributes}} scope="all" %}
 // Set local page attributes
 // -----------------------------------------------------------------------------
-// :images-dir:                         {imagesdir}/path/to/page/images
+:images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
 // Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-// Include sub-documents
-// -----------------------------------------------------------------------------
+// =============================================================================
 == Icon Fonts
 J1 Template support popular icons font sets out-of-the-box:
-* link:{mdi-home}[Material Design Icons, {window}] (MDI)
-* link:{fontawesome-home}[FontAwesome Icons V5, {window}] (FA)
-* link:{iconify-home}[Iconify Icons, {window}] (II)
+* link:{mdi-home}[Material Design Icons, {browser-window--new}] (MDI)
+* link:{fontawesome-home}[FontAwesome Icons V5, {browser-window--new}] (FA)
+* link:{iconify-home}[Iconify Icons, {browser-window--new}] (II)
 The icon sets MDI and FA are very good in design and have a rich set of
 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.
 == Material Design Icons
-The primary icon set for J1 Template are link:{mdi-home}[Material Design Icons, {window}],
+The primary icon set for J1 Template are link:{mdi-home}[Material Design Icons, {browser-window--new}],
 because it is an rich set providing more than 3300+ icons (v3.3.92). From a design
 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 +81,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 +90,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 +99,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,9 +185,9 @@ 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
+link:{previewer-mdi}[Preview Page, {browser-window--new}] and check-out what's
 possible using MDI font icons!
 == FontAwesome Icons
@@ -214,8 +200,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 +215,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 +224,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 +233,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,40 +304,40 @@ 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}].
+link:{previewer-mdi}[Preview Page, {browser-window--new}].
 You can checkout what icons available at link:{fontawesome-icons}[FontAwesome Icons,
-{window}]. _FontAwesome_ V5 is fully integrated - no need for additional
+{browser-window--new}]. _FontAwesome_ V5 is fully integrated - no need for additional
 resources to load. But in compare to Version 4 a lot of differences needs to be
 noticed.
 If you haven't used V5 yet, it is highly recommended to visit the
-link:{fontawesome-get-started}[Get started, {window}] pages to learn
+link:{fontawesome-get-started}[Get started, {browser-window--new}] pages to learn
 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
-link:{iconify-home}[Iconify, {window}]. Iconify is a so-called unified
-*open source icon framework* that makes it possible to use icons from different
+An interesting solution for using font icons from a remote repository is
+link:{iconify-home}[Iconify, {browser-window--new}]. Iconify is a so-called unified
+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
 client is available with the JS assets (/assets/themes/j1/extensions/iconify)
 and is loaded per default. To see what icon sets available with that framework,
-check the page link:{iconify-icon-sets}[Iconify Icon Sets, {window}].
+check the page link:{iconify-icon-sets}[Iconify Icon Sets, {browser-window--new}].
 Currently, over 40,000 vector icons are available for many different use cases.
 Find some examples below.
@@ -363,7 +349,7 @@ Find some examples below.
 |3x
 |no modifier set
-|All `icons` can be found on the preview page at link:{iconify-brand-icons}[SVG Logos, {window}]
+|All `icons` can be found on the preview page at link:{iconify-brand-icons}[SVG Logos, {browser-window--new}]
 [source, adoc, role="noclip"]
 ----
 iconify:logos:opensource[3x]
@@ -372,7 +358,7 @@ iconify:logos:opensource[3x]
 |5x
 |no modifier set
-|All `icons` can be found on the preview page at link:{iconify-brand-icons}[SVG Logos, {window}]
+|All `icons` can be found on the preview page at link:{iconify-brand-icons}[SVG Logos, {browser-window--new}]
 [source, adoc, role="noclip"]
 ----
 iconify:logos:atom[5x]
@@ -388,7 +374,7 @@ iconify:logos:atom[5x]
 |3x
 |no modifier set
-|All `icons` can be found on the preview page at link:{iconify-medical-icons}[Medical Icons, {window}]
+|All `icons` can be found on the preview page at link:{iconify-medical-icons}[Medical Icons, {browser-window--new}]
 [source, adoc, role="noclip"]
 ----
 iconify:medical-icon:i-ear-nose-throat[3x]
@@ -397,7 +383,7 @@ iconify:medical-icon:i-ear-nose-throat[3x]
 |5x
 |`md-red-900`
-|All `icons` can be found on the preview page at link:{iconify-medical-icons}[Medical Icons, {window}]
+|All `icons` can be found on the preview page at link:{iconify-medical-icons}[Medical Icons, {browser-window--new}]
 [source, adoc, role="noclip"]
 ----
 iconify:medical-icon:i-ear-nose-throat[5x md-red-900]
@@ -413,7 +399,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?