j1_template_mde 2018.4.17 → 2018.4.18

data/lib/starter_web/_data/modules/j1_footer.yml

@@ -27,13 +27,13 @@
 #   the HTML code at the time the panel is loaded (by the
 #   J1 Adapter for J1 Template).
 #
-#   values:                         string
-#   default:                        /assets/data/footer/index.html
+#   values:                           string
+#   default:                          /assets/data/footer/index.html
 #
 global:
-  id:                               j1_footer
-  theme:                            footer-light-theme
-  data_path:                        /assets/data/footer/index.html
+  id:                                 j1_footer
+  theme:                              footer-light-theme
+  data_path:                          /assets/data/footer/index.html
 
 
 footer:
@@ -42,8 +42,8 @@ footer:
     - copyright_statement:            J1 · Copyright © 2019 · All Rights reserved
     - impress_statement:              Impress
       impress_link:                   /pages/public/legal/en/impress/
-    - terms_statement:                Terms Of Use
-      terms_link:                     /pages/public/legal/en/terms_of_use/
+    - terms_statement:                # Terms Of Use
+      terms_link:                     # /pages/public/legal/en/terms_of_use/
     - privacy_statement:              Privacy
       privacy_link:                   /pages/public/legal/en/privacy/
     - license_statement:              License

data/lib/starter_web/_data/modules/j1_header.yml

@@ -57,7 +57,7 @@ defaults:
     background_color_2:                 md_indigo
 
     action_enabled:                     false
-    action_url:                         "javascript:void(0)"
+    action_url:                         "#"
     action_button:                      btn-default btn-raised
     action_icon:                        cloud-action
     action_icon_family:                 FontAweSome
@@ -189,7 +189,7 @@ headers:
 #          - url:                       "/assets/images/master_header/pagehead-default-1200.jpg"
 #            alt:                       "J1 Master Header - Default image for Layout PAGE"
 #            caption:                   "Caption for the header image with a link"
-#            caption_href:              "javascript:void(0)"
+#            caption_href:              "#"
 #            caption_color:             "rgba(255, 255, 255, 0.8)"
 
   # ------------------------------------------------------------------

data/lib/starter_web/_data/modules/j1_navigator.yml

@@ -111,7 +111,7 @@ defaults:
     icon_size:                          mdi-1x
     sidebar_icon:                       dots-vertical
     close_icon:                         close
-    background_color:                   md_grey_800
+    background_color:                   md_grey_900
 
   nav_authclient:
     enabled:                            false
@@ -219,17 +219,17 @@ nav_sidebar:
             icon:                       domain
           - title:                      User
             value:                      ??user-name
-            href:                       javascript:void(0)
+            href:                       "javascript:void(0)"
             target:                     blank
             icon:                       account
           - title:                      State
             value:                      ??user-state
-            href:                       javascript:void(0)
+            href:                       "#javascript:void(0)"
             target:                     blank
             icon:                       account-alert
           - title:                      Permisions
             value:                      ??provider-permissions
-            href:                       javascript:void(0)
+            href:                       "javascript:void(0)"
             target:                     blank
             icon:                       account-check
           - title:                      Membership
@@ -273,15 +273,15 @@ nav_sidebar:
           - title:                      Impress
             href:                       /pages/public/legal/en/impress/
             icon:                       alert-outline
-          - title:                      Terms of Use
-            href:                       /pages/public/legal/en/terms_of_use/
-            icon:                       compass-outline
+        # - title:                      Terms of Use
+        #   href:                       /pages/public/legal/en/terms_of_use/
+        #   icon:                       compass-outline
           - title:                      Privacy
             href:                       /pages/public/legal/en/privacy/
-            icon:                       heart-off
+            icon:                       heart
           - title:                      License Agreement
             href:                       /pages/public/legal/en/license_agreement/
             icon:                       checkbox-multiple-marked-circle-outline
-          - title:                      Contact
-            href:                       mailto:contact@jekyll.one
-            icon:                       contact-mail
+        # - title:                      Contact
+        #   href:                       mailto:contact@jekyll.one
+        #   icon:                       contact-mail

data/lib/starter_web/_data/modules/j1_navigator_menu.yml

@@ -15,31 +15,22 @@
 
 - item:                                 Start 
   sublevel:
-
     - title:                            Read Me First
       href:                             /pages/public/start/read_me_first/
       icon:                             read
-
     - title:                            Change Me First
       href:                             /pages/public/start/change_me_first/
       icon:                             pencil
 
-    # - title:                          Web in a Day
-    #   icon:                           rocket
-    #   dropdown:
-    #   - title:                        Getting started
-    #     href:                         /pages/public/start/kickstarter/web_in_a_day/intro/
-    #     icon:                         web
-
     - title:                            Roundtrip
       icon:                             wallet-travel
       dropdown:
         - title:                        Present Images
-          href:                         /pages/public/start/roundtrip/present_images
+          href:                         /pages/public/start/roundtrip/present_images/
           icon:                         image
-      # - title:                        Cards
-      #   href:                         /pages/public/start/roundtrip/cards
-      #   icon:                         cards-outline
+        - title:                        Cards
+          href:                         /pages/public/start/roundtrip/cards/
+          icon:                         cards-outline
         - title:                        Typography
           href:                         /pages/public/start/roundtrip/typography/
           icon:                         format-text
@@ -53,12 +44,21 @@
           href:                         /pages/public/start/roundtrip/themes/
           icon:                         face
         - title:                        Modals
-          href:                         /pages/public/start/roundtrip/modals
+          href:                         /pages/public/start/roundtrip/modals/
           icon:                         image
+        - title:                        Search Engine
+          href:                         /pages/public/start/roundtrip/search_engine/
+          icon:                         magnify
+
+    - title:                            Web in a Day
+      icon:                             rocket
+      dropdown:
+       - title:                         Getting started
+         href:                          /pages/public/start/kickstarter/web_in_a_day/intro/
+         icon:                          web
 
 - item:                                 Blog
   sublevel:
-
     - title:                            Article Navigator
       href:                             /pages/public/blog/navigator/
       icon:                             navigation
@@ -77,15 +77,12 @@
 
 - item:                                 Collections
   sublevel:
-
     - title:                            About collections
       href:                             /pages/premium/bookshelf/about_collections/
       icon:                             read
-
     - title:                            A Book Shelf
       icon:                             book-open-variant
       dropdown:
-
         - title:                        Biography
           href:                         /pages/premium/bookshelf/biography/
           icon:                         nature-people
@@ -98,7 +95,6 @@
 
 - item:                                 Themes
   theme_select:
-
     - local_themes:                     enabled
       title:                            THEMES from Jekyll-One
       icon:                             face
@@ -112,7 +108,6 @@
 
 - item:                                 Apps
   sublevel:
-
     - title:                            Gallery Previewer
       href:                             /pages/private/previewer/justified_gallery/
       icon:                             view-dashboard
@@ -125,7 +120,6 @@
 
 - item:                                 Online
   megamenu:
-
     - title:                            Sites
       icon:                             #web
       column:
@@ -155,7 +149,6 @@
           target:                       blank
           icon:                         arrow-down-bold-hexagon-outline
 
-
     - title:                            Knowledge
       icon:                             #lightbulb-on
       column:
@@ -234,7 +227,6 @@
 
 - item:                                 About
   sublevel:
-
     - title:                            This site
       icon:                             home-outline
       href:                             /pages/public/about/site

data/lib/starter_web/_data/modules/j1_panel.yml

@@ -17,15 +17,15 @@
 # ------------------------------------------------------------------------------
 
 
-# -------------------------------------------------------------------------
+# ------------------------------------------------------------------------------
 # GLOBALS
-# -------------------------------------------------------------------------
+# ------------------------------------------------------------------------------
 #
 #   THE GLOBALS sequence (array) contains general parameters used for
 #   ALL resource definitions
 #
 # data_path
-# ---------------------------------------------------------------
+# ------------------------------------------------------------------------------
 #   All data items displayed by a panel are being read from a
 #   data file automatically generated from that configuration.
 #   AJAX get method is used to supply the panel with respective
@@ -38,9 +38,9 @@
 global:
   data_path:                        /assets/data/panel/index.html
 
-# -------------------------------------------------------------------------
+# ------------------------------------------------------------------------------
 # PANEL
-# -------------------------------------------------------------------------
+# ------------------------------------------------------------------------------
 #
 # A panel (collection) consists in multiple elements (e.g. cards)
 # placed in a lane. Each panel is defined as (a hash) of key|value
@@ -71,18 +71,18 @@ global:
 # in size (width) across the lane.
 
 # panel
-# --------------------------------------------------------------------
+# ------------------------------------------------------------------------------
 # Defines panel details of a specific type
 #
 # id
-# ---------------------------------------------------------------
+# ------------------------------------------------------------------------------
 #   Specifies the ID of a panel.
 #
 #   type:                           string
 #   default:                        no defaults
 #
 # type
-# ---------------------------------------------------------------
+# ------------------------------------------------------------------------------
 #   Specifies the panel type
 #
 #   type:                           string
@@ -90,7 +90,7 @@ global:
 #   default:                        no defaults
 #
 # lane_span
-# ---------------------------------------------------------------
+# ------------------------------------------------------------------------------
 #   Specifies the span width of a panel inside a lane.
 #
 #   type:                           string
@@ -98,28 +98,28 @@ global:
 #   default:                        fixed
 #
 # icon_family
-# ---------------------------------------------------------------
+# ------------------------------------------------------------------------------
 #   Specifies the ...
 #
 #   type:                           string
 #   default:                        no defaults
 #
 # style
-# ---------------------------------------------------------------
+# ------------------------------------------------------------------------------
 #   Specifies the ID of a panel.
 #
 #   type:                           string
 #   default:                        no defaults
 #
 # raides
-# ---------------------------------------------------------------
+# ------------------------------------------------------------------------------
 #   Specifies the raised level of the cards used for a panel.
 #
 #   values:                         number [0 .. 25]
 #   default:                        3
 #
 # cards
-# ---------------------------------------------------------------
+# ------------------------------------------------------------------------------
 #   Groups ...
 #
 #   title
@@ -142,12 +142,12 @@ global:
 #
 #
 # type
-# ------------------------------------------------------------
+# ------------------------------------------------------------------------------
 #     values:                     quote|quote_parallax
 #
 #
 # id
-# ------------------------------------------------------------
+# ------------------------------------------------------------------------------
 # Set an ID on the HTML element for the parallax quote|banner.
 # The ID is used to dynamically change the parallax quote for
 # individual values.
@@ -156,21 +156,21 @@ global:
 #     default:                    empty
 #
 # quote
-# ------------------------------------------------------------
+# ------------------------------------------------------------------------------
 #    The cite text to be displayed with the banner.
 #
 #     values:                     string (HTML)
 #     default:                    empty
 #
 # source
-# ------------------------------------------------------------
+# ------------------------------------------------------------------------------
 #    The cite author to be displayed with the banner.
 #
 #     values:                     quote_parallax
 #     default:                    empty
 #
 # gridify
-# ------------------------------------------------------------
+# ------------------------------------------------------------------------------
 # If enabled, a grit pattern is placed over the background
 # image. This puts some "noise" on the image to focus more
 # on the cite rather than the (background) image.
@@ -179,7 +179,7 @@ global:
 #   default:                      true
 #
 # gridifier
-# ------------------------------------------------------------
+# ------------------------------------------------------------------------------
 # Pixel image used to gridify the background image of the
 # banner.
 #
@@ -187,7 +187,7 @@ global:
 #   default:                      /assets/images/patterns/gridtile.png
 #
 # darken
-# ------------------------------------------------------------
+# ------------------------------------------------------------------------------
 # Sets the lightning for the banner|background image. As
 # higher the value for darken as less is the (background)
 # light. Values are out of the range from 1 (light) to 9 (dark).
@@ -198,7 +198,7 @@ global:
 #   default:                      3
 #
 # background
-# ------------------------------------------------------------
+# ------------------------------------------------------------------------------
 # Sets the background image of the banner. If no image is
 # specified, the default images is taken.
 #
@@ -208,23 +208,22 @@ global:
 # ------------------------------------------------------------------------------
 
 # ------------------------------------------------------------------------------
-# PANELS, defines ALL panels used for the site
-
+#
 panels:
 
-  # ------------------------------------------------------------------
+  # ----------------------------------------------------------------------------
   # INTRO panel
-  # ------------------------------------------------------------------
+  # ----------------------------------------------------------------------------
 
-  # --------------------------------------------------------
+  # ----------------------------------------------------------------------------
   # home_intro_panel
   #
   - panel:
       enabled:                      true
       id:                           home_intro_panel
-      type:                         intro_panel
+      type:                         intro_panel_flat
       icon_family:                  MDI
-      style:                        light
+      style:                        flat
       raised:
       lane_span:                    fixed
 
@@ -233,11 +232,11 @@ panels:
         - card:
             enabled:                true
             type:                   text
-            title:                  J1 Template
+#           title:                  J1 Template
             tagline:                Full Responsive
             icon:                   responsive
-            icon_size:              5x
-            icon_color:             md-indigo-50
+            icon_size:              8x
+            icon_color:             md-grey-800
             text: >
                                     The Web is everywhere. J1 Template supports all Hardware.
                                     For best results on PCs, Tablets and SmartPhones.
@@ -245,45 +244,44 @@ panels:
                                     <i>Follow Your Visitors.</i>
 
             buttons:
-
-            - button:
-                text:               Read More
-                class:              btn-info btn-raised btn-round btn-flex
-                icon:               eye
-                icon_size:          lg
-                icon_color:         md-indigo-50
-                href:               /pages/public/panels/intro_panel#responsive-design
+              - button:
+                  text:             Read More
+                  class:            btn-primary btn-raised btn-flex
+                  icon:             eye
+                  icon_size:        lg
+                  icon_color:       md-grey-50
+                  href:             /pages/public/panels/intro_panel#responsive-design
 
         - card:
             enabled:                true
-            title:                  J1 Template
+#           title:                  J1 Template
             tagline:                HTML5 &#xB7; CSS3 &#xB7; JS
             icon:                   language-html5
-            icon_size:              5x
-            icon_color:             md-indigo-50
+            icon_size:              8x
+            icon_color:             md-grey-800
             text: >
-                                    Best Design, Current Technology. Present your
-                                    Products, Projects, Services and your Team
-                                    Team at it's best.
+                                    Current Technology and Design.
+                                    Excellent Performance.
+                                    Present all Content Pages for Products, 
+                                    Projects, Services at it's best.
                                     <br/><br/>
                                     <i>Make your Web Site unique.</i>
             buttons:
-
-            - button:
-                text:               Read More
-                class:              btn-info btn-raised btn-round btn-flex
-                icon:               eye
-                icon_size:          lg
-                icon_color:         md-indigo-50
-                href:               /pages/public/panels/intro_panel#current-technology
+              - button:
+                  text:             Read More
+                  class:            btn-primary btn-raised btn-flex
+                  icon:             eye
+                  icon_size:        lg
+                  icon_color:       md-grey-50
+                  href:             /pages/public/panels/intro_panel#current-technology
 
         - card:
             enabled:                true
-            title:                  J1 Template
+#           title:                  J1 Template
             tagline:                Start in No Time
             icon:                   clock
-            icon_size:              5x
-            icon_color:             md-indigo-50
+            icon_size:              8x
+            icon_color:             md-grey-800
             text: >
                                     No programming is needed. For J1 Template,
                                     a large number of building blocks are available
@@ -291,159 +289,32 @@ panels:
                                     <br/><br/>
                                     <i>Configure what needs to be done.</i>
             buttons:
+              - button:
+                  text:             Read More
+                  class:            btn-primary btn-raised btn-flex
+                  icon:             eye
+                  icon_size:        lg
+                  icon_color:       md-grey-50
+                  href:             /pages/public/panels/intro_panel#launch-ready
 
-            - button:
-                text:               Read More
-                class:              btn-info btn-raised btn-round btn-flex
-                icon:               eye
-                icon_size:          lg
-                icon_color:         md-indigo-50
-                href:               /pages/public/panels/intro_panel#launch-ready
-
-
-  # --------------------------------------------------------
-  # roundtrip_example_panel
-  #
-  - panel:
-      enabled:                      true
-      id:                           roundtrip_example_panel
-      type:                         intro_panel
-      icon_family:                  MDI
-      style:                        light
-      raised:
-      lane_span:                    fixed
-
-      cards:
-
-        - card:
-            enabled:                true
-            type:                   text
-            title:                  Your Topic
-            tagline:                Feature 1
-            icon:                   video
-            icon_size:              5x
-            icon_color:             md-indigo-50
-            text: >
-                                    At vero eos et accusam et dolores et ea rebum.
-                                    Stet clita kasd gubergren, no sea takimata sanctus est.
-                                    <br/><br/>
-                                    <i>Lorem ipsum dolor sit amet.</i>
-
-            buttons:
-
-            - button:
-                text:               Read More
-                class:              btn-info btn-raised btn-round btn-flex
-                icon:               eye
-                icon_size:          lg
-                icon_color:         md-indigo-50
-                href:               javascript:void(0)
-
-        - card:
-            enabled:                true
-            title:                  J1 Template
-            title:                  Your Topic
-            tagline:                Feature 2
-            icon:                   speaker
-            icon_size:              5x
-            icon_color:             md-indigo-50
-            text: >
-                                    At vero eos et accusam et dolores et ea rebum.
-                                    Stet clita kasd gubergren, no sea takimata sanctus est.
-                                    <br/><br/>
-                                    <i>Lorem ipsum dolor sit amet.</i>
-            buttons:
-
-            - button:
-                text:               Read More
-                class:              btn-info btn-raised btn-round btn-flex
-                icon:               eye
-                icon_size:          lg
-                icon_color:         md-indigo-50
-                href:               javascript:void(0)
-
-
-
-
-  # --------------------------------------------------------
-  # example_intro_panel
-  #
-  - panel:
-      enabled:                      true
-      id:                           example_intro_panel
-      type:                         intro_panel
-      icon_family:                  ZMDI
-      style:                        light
-      raised:
-      lane_span:                    fluid
-
-      cards:
-
-        - card:
-            enabled:                true
-            type:                   text
-            title:                  Your Topic
-            tagline:                Feature 1
-            icon:                   info
-            icon_size:              xxxlarge
-            icon_color:             md_indigo
-            text: >
-                                    At vero eos et accusam et dolores et ea rebum.
-                                    Stet clita kasd gubergren, no sea takimata sanctus est.
-                                    <br/><br/>
-                                    <i>Lorem ipsum dolor sit amet.</i>
-
-            buttons:
-
-            - button:
-                text:               Read More
-                class:              btn-info btn-raised btn-round btn-flex
-                icon:               eye
-                icon_color:         md-indigo-50
-                icon_size:          lg
-                href:               javascript:void(0)
-
-        - card:
-            enabled:                true
-            title:                  Your Topic
-            tagline:                Feature 2 &#xB7; Feature 3
-            icon:                   info
-            icon_size:              xxxlarge
-            icon_color:             md_indigo
-            text: >
-                                    At vero eos et accusam et dolores et ea rebum.
-                                    Stet clita kasd gubergren, no sea takimata sanctus est.
-                                    <br/><br/>
-                                    <i>Stet clita kasd gubergren.</i>
-            buttons:
-
-            - button:
-                text:               Read More
-                class:              btn-info btn-raised btn-round btn-flex
-                icon:               eye
-                icon_color:         md-indigo-50
-                icon_size:          lg
-                href:               javascript:void(0)
 
 
-  # ------------------------------------------------------------------
+  # ----------------------------------------------------------------------------
   # SERVICE Panel
-  #
-  # ------------------------------------------------------------------
+  # ----------------------------------------------------------------------------
 
-  # --------------------------------------------------------
+  # ----------------------------------------------------------------------------
   # home_service_panel
   #
   - panel:
       enabled:                      true
       id:                           home_service_panel
       type:                         service_panel
-      icon_family:                  FontAwesome
-      style:                        dark
+      icon_family:                  MDI
+      style:                        flat
       lane_span:                    fixed
 
       cards:
-
         - card:
             enabled:                true
             type:                   header
@@ -475,10 +346,11 @@ panels:
                                     the <b>Components</b> and the <b>Module</b>.
 
         - card:
-
             enabled:                true
             type:                   service
             icon:                   bullseye
+            icon_size:              8x
+            icon_color:             md-grey-800
             href:                   /pages/public/panels/service_panel_core
             title:                  J1 Template
             tagline:                The Core
@@ -489,7 +361,6 @@ panels:
                                     based on design settings.
 
             services:
-
               - service:
                   title:            Layout System
                   href:             /pages/public/panels/service_panel_core#layout-system
@@ -501,10 +372,11 @@ panels:
                   href:             /pages/public/panels/service_panel_core#bootstrap-integration
 
         - card:
-
             enabled:                true
             type:                   service
-            icon:                   wpforms
+            icon:                   locker-multiple
+            icon_size:              8x
+            icon_color:             md-grey-800
             href:                   /pages/public/panels/service_panel_components
             title:                  J1 Template
             tagline:                The Components
@@ -515,7 +387,6 @@ panels:
                                     a blog-related Web and Comments.
 
             services:
-
               - service:
                   title:            Panel
                   href:             /pages/public/panels/service_panel_components#panel
@@ -529,21 +400,21 @@ panels:
                   href:             /pages/public/panels/service_panel_components#connectors
 
         - card:
-
             enabled:                true
             type:                   service
-            icon:                   microchip
+            icon:                   language-javascript
+            icon_size:              8x
+            icon_color:             md-grey-800
             href:                   /pages/public/panels/service_panel_modules
             title:                  J1 Template
             tagline:                The Modules
             text: >
                                     Javascript libraries and ready-to-use applications gets
                                     the site dynamic. JS modules add complex functionality
-                                    to Web pages to integrate image and video content or
-                                    slider to present image-based data animated as a show.
+                                    to Web pages to integrate for example image and video content or
+                                    provides sliders to present animated text or image data.
 
             services:
-
               - service:
                   title:            Lightboxes
                   href:             /pages/public/panels/service_panel_modules#lightboxes
@@ -555,86 +426,11 @@ panels:
                   href:             /pages/public/panels/service_panel_modules#galleries
 
 
-
-  # --------------------------------------------------------
-  # example_service_panel
-  #
-  - panel:
-      enabled:                      true
-      id:                           example_service_panel
-      type:                         service_panel
-      icon_family:                  FontAwesome
-      style:                        dark
-      lane_span:                    fluid
-
-      cards:
-
-        - card:
-            enabled:                true
-            type:                   header
-            title:                  Block title (scope, intro)
-            tagline: >
-                                    Introduction text block. Describes the most powerful components
-                                    and their general aspects. Used for fast reading, for people
-                                    too lazy to read much (prevent TL;DR, too long; didn't read)
-                                    <br \><br \>
-
-        - card:
-            enabled:                true
-            type:                   service
-            title:                  Service Name
-            tagline:                Service 1
-            text: >
-                                    Brief description of the service. The link below points
-                                    to a summary page. The topic links should point to the
-                                    chapter, the topic is discussed in more detail.
-
-            icon:                   info
-            href:                   javascript:void(0)
-
-            services:
-              - service:
-                  title:            Service topic 1
-                  href:             javascript:void(0)
-              - service:
-                  title:            Service topic 2
-                  href:             javascript:void(0)
-              - service:
-                  title:            Service topic 3
-                  href:             javascript:void(0)
-
-        - card:
-            enabled:                true
-            type:                   service
-            title:                  Service Name
-            tagline:                Service 2
-            text: >
-                                    Brief description of the service. The link below points
-                                    to a summary page. The topic links should point to the
-                                    chapter, the topic is discussed in more detail.
-
-            icon:                   info
-            href:                   javascript:void(0)
-
-            services:
-              - service:
-                  title:            Service topic 1
-                  href:             javascript:void(0)
-
-              - service:
-                  title:            Service topic 2
-                  href:             javascript:void(0)
-
-              - service:
-                  title:            Service topic 3
-                  href:             javascript:void(0)
-
-
-  # ------------------------------------------------------------------
+  # ----------------------------------------------------------------------------
   # STEP-BY-STEP Panel
-  # ------------------------------------------------------------------
+  # ----------------------------------------------------------------------------
 
-  # --------------------------------------------------------
+  # ----------------------------------------------------------------------------
   # home_step_panel
   #
   - panel:
@@ -645,18 +441,17 @@ panels:
       lane_span:                    fixed
 
       cards:
+        - card:
+            title:                  Marketing & Consulting
+            tagline: >
+                                    Donec id elit non mi porta gravida at eget
+                                    metus id elit mi egetine. Fusce dapibus
 
-      - card:
-          title:                    Marketing & Consulting
-          tagline: >
-                                    Donec id elit non mi porta gravida at eget metus
-                                    id elit mi egetine. Fusce dapibus
-
-  # ------------------------------------------------------------------
+  # ----------------------------------------------------------------------------
   # NEWS panel
-  # ------------------------------------------------------------------
+  # ----------------------------------------------------------------------------
 
-  # --------------------------------------------------------
+  # ----------------------------------------------------------------------------
   # home_news_panel
   #
   - panel:
@@ -664,25 +459,18 @@ panels:
       enabled:                      true
       id:                           home_news_panel
       type:                         news_panel
-      style:                        light
+      style:                        flat
+      title:                        Current Articles · Most Read
+      tagline:
       lane_span:                    fixed
 
       boxes:
-
-        - box:
-            enabled:                true
-            type:                   header
-            title:                  Latest News
-
         - box:
             enabled:                true
-            type:                   preview
-            title:
+            type:                   last_current
             category:               featured
-
         - box:
             enabled:                true
-            type:                   recent_news
-            title:                  More Articles
+            type:                   recent
             category:               featured
             max_posts:              5