diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md index c3cc97d8c..9de7ddfa1 100644 --- a/.github/ISSUE_TEMPLATE/bug_report.md +++ b/.github/ISSUE_TEMPLATE/bug_report.md @@ -1,10 +1,9 @@ --- name: Bug report about: Thanks for helping us improve Peregrine CMS! -title: '' +title: "" labels: bug -assignees: '' - +assignees: "" --- **Describe the bug** @@ -12,6 +11,7 @@ A clear and concise description of what the bug is. **To Reproduce** Steps to reproduce the behavior: + 1. Go to '...' 2. Click on '....' 3. Scroll down to '....' @@ -24,9 +24,10 @@ A clear and concise description of what you expected to happen. If applicable, add screenshots to help explain your problem. **Desktop (please complete the following information):** - - Browser [e.g. chrome, safari] - - Version [e.g. 22] - - OS: [e.g. iOS] + +- Browser [e.g. chrome, safari] +- Version [e.g. 22] +- OS: [e.g. iOS] **Additional context** Add any other context about the problem here. diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md index bb8068335..65cddb89a 100644 --- a/.github/ISSUE_TEMPLATE/feature_request.md +++ b/.github/ISSUE_TEMPLATE/feature_request.md @@ -1,10 +1,9 @@ --- name: Feature request about: Thanks for helping us improve Peregrine CMS! -title: '' +title: "" labels: enhancement -assignees: '' - +assignees: "" --- **Please describe the problem.** diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md index ece10533c..5f3c69d18 100644 --- a/.github/PULL_REQUEST_TEMPLATE.md +++ b/.github/PULL_REQUEST_TEMPLATE.md @@ -14,4 +14,4 @@ **Where has this been tested?** -*Browser (version):* … +_Browser (version):_ … diff --git a/.prettierrc.json b/.prettierrc.json new file mode 100644 index 000000000..98dde0fe7 --- /dev/null +++ b/.prettierrc.json @@ -0,0 +1,5 @@ +{ + "tabWidth": 4, + "useTabs": true, + "vueIndentScriptAndStyle": true +} diff --git a/.properties/settings.json b/.properties/settings.json index 5f8e2333b..f3e7d1460 100644 --- a/.properties/settings.json +++ b/.properties/settings.json @@ -1,3 +1,3 @@ { - "appname": "themecleanflex" -} \ No newline at end of file + "appname": "themecleanflex" +} diff --git a/.travis.yml b/.travis.yml index 33f13dec9..03fa3c1db 100644 --- a/.travis.yml +++ b/.travis.yml @@ -1,8 +1,8 @@ language: java branches: - only: - - develop + only: + - develop jdk: - - openjdk8 + - openjdk8 diff --git a/Readme.md b/Readme.md index 66c21f6f4..0a252615e 100644 --- a/Readme.md +++ b/Readme.md @@ -6,11 +6,11 @@ This project was created by the Sling Project Maven Archetype which created two modules: 1. **core**: OSGi Bundle deployed to Sling which includes your Servlets, Filters, - Sling Models and much more. This module is **not intended** to - contain Sling Content. + Sling Models and much more. This module is **not intended** to + contain Sling Content. 2. **ui.apps**: JCR Content Module which is used to install a JCR Package into Sling - by using **Composum**. For that it must be installed and the Composum - Package Manager must be whitelisted. + by using **Composum**. For that it must be installed and the Composum + Package Manager must be whitelisted. There are also two modules which provide some examples; these have the same name as above but with an extension **.example**. These modules should not be deployed, they @@ -41,13 +41,12 @@ but the most important reason is that a JCR Package allows the **Sling Tooling** to update a single file rather than an entire Bundle and also to import a Node from Sling into the project. - #### Build and Installation The project is built quite simple: mvn clean install - + To install the OSGi bundle use the project **autoInstallBundle**: mvn clean install -P autoInstallBundle diff --git a/core/pom.xml b/core/pom.xml index 295b689f8..f5a7c9562 100644 --- a/core/pom.xml +++ b/core/pom.xml @@ -1,4 +1,4 @@ - + - + 4.0.0 @@ -52,8 +56,10 @@ true - *;scope=compile;inline=true - com.themecleanflex.models + *;scope=compile;inline=true + com.themecleanflex.models <_dsannotations>* <_metatypeannotations>* <_removeheaders> @@ -76,7 +82,8 @@ org.apache.sling maven-sling-plugin - http://${sling.host}:${sling.port}/system/console + http://${sling.host}:${sling.port}/system/console ${sling.user} ${sling.password} @@ -170,7 +177,8 @@ - org.apache.sling.scripting.sightly.compiler.java + org.apache.sling.scripting.sightly.compiler.java 1.0.8 org.apache.sling provided diff --git a/core/src/main/java/com/themecleanflex/models/AccordionModel.java b/core/src/main/java/com/themecleanflex/models/AccordionModel.java index f1154e602..bd3e29893 100644 --- a/core/src/main/java/com/themecleanflex/models/AccordionModel.java +++ b/core/src/main/java/com/themecleanflex/models/AccordionModel.java @@ -1,20 +1,18 @@ package com.themecleanflex.models; +import com.peregrine.model.api.ImageInfo; import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; +import java.awt.Dimension; import java.util.List; import javax.inject.Inject; +import javax.inject.Inject; import org.apache.sling.api.resource.Resource; import org.apache.sling.models.annotations.Default; import org.apache.sling.models.annotations.DefaultInjectionStrategy; import org.apache.sling.models.annotations.Exporter; import org.apache.sling.models.annotations.Model; -import javax.inject.Inject; - -import com.peregrine.model.api.ImageInfo; -import java.awt.Dimension; - /* //GEN[:DATA { @@ -492,25 +490,23 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/accordion", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/accordion", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class AccordionModel extends AbstractComponent { - public AccordionModel(Resource r) { super(r); } + public AccordionModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Collapse Style","x-form-group":"style","x-form-type":"materialradio","x-default":"accordion","properties":{"toggle":{"x-form-name":"Toggle","x-form-value":"toggle"},"accordion":{"x-form-name":"Accordion","x-form-value":"accordion"}}} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Collapse Style","x-form-group":"style","x-form-type":"materialradio","x-default":"accordion","properties":{"toggle":{"x-form-name":"Toggle","x-form-value":"toggle"},"accordion":{"x-form-name":"Accordion","x-form-value":"accordion"}}} */ @Inject - @Default(values ="accordion") + @Default(values = "accordion") private String toggletype; /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ @@ -531,16 +527,16 @@ public class AccordionModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ @Inject - @Default(values ="") + @Default(values = "") private String imagesrc; @Inject - @ImageInfo(name="imagesrc") + @ImageInfo(name = "imagesrc") private Dimension imagesrcSize; /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ @Inject - @Default(values ="") + @Default(values = "") private String videosrc; /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ @@ -549,22 +545,22 @@ public class AccordionModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ @Inject - @Default(values ="50") + @Default(values = "50") private String mediawidth; /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ @Inject - @Default(values ="before") + @Default(values = "before") private String mediaposition; /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ @Inject - @Default(values ="true") + @Default(values = "true") private String cardborder; /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-group":"style","x-form-type":"materialselect","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"},"full":{"x-form-name":"full","x-form-value":"full"}}} */ @Inject - @Default(values ="none") + @Default(values = "none") private String roundedcorners; /* {"type":"string","x-source":"inject","x-form-label":"Accordion/Toggle","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ @@ -581,17 +577,17 @@ public class AccordionModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -600,7 +596,7 @@ public class AccordionModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -609,17 +605,17 @@ public class AccordionModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -628,32 +624,32 @@ public class AccordionModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -668,11 +664,10 @@ public class AccordionModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Collapse Style","x-form-group":"style","x-form-type":"materialradio","x-default":"accordion","properties":{"toggle":{"x-form-name":"Toggle","x-form-value":"toggle"},"accordion":{"x-form-name":"Accordion","x-form-value":"accordion"}}} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Collapse Style","x-form-group":"style","x-form-type":"materialradio","x-default":"accordion","properties":{"toggle":{"x-form-name":"Toggle","x-form-value":"toggle"},"accordion":{"x-form-name":"Accordion","x-form-value":"accordion"}}} */ public String getToggletype() { return toggletype; } @@ -845,11 +840,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/BlockModel.java b/core/src/main/java/com/themecleanflex/models/BlockModel.java index 3c2e148a7..ef2502ed7 100644 --- a/core/src/main/java/com/themecleanflex/models/BlockModel.java +++ b/core/src/main/java/com/themecleanflex/models/BlockModel.java @@ -291,23 +291,21 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/block", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/block", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class BlockModel extends AbstractComponent { - public BlockModel(Resource r) { super(r); } + public BlockModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ @Inject private String anchorname; @@ -317,17 +315,17 @@ public class BlockModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -336,7 +334,7 @@ public class BlockModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -345,17 +343,17 @@ public class BlockModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -364,32 +362,32 @@ public class BlockModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -404,11 +402,10 @@ public class BlockModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ public String getAnchorname() { return anchorname; } @@ -512,11 +509,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/BreadcrumbModel.java b/core/src/main/java/com/themecleanflex/models/BreadcrumbModel.java index 6f41519f3..2dab269d0 100644 --- a/core/src/main/java/com/themecleanflex/models/BreadcrumbModel.java +++ b/core/src/main/java/com/themecleanflex/models/BreadcrumbModel.java @@ -350,29 +350,27 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/breadcrumb", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/breadcrumb", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class BreadcrumbModel extends AbstractComponent { - - public BreadcrumbModel(Resource r) { super(r); } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Number Of Levels","x-form-group":"content","x-form-type":"number"} */ + public BreadcrumbModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Number Of Levels","x-form-group":"content","x-form-type":"number"} */ @Inject private String level; /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="primary") + @Default(values = "primary") private String linkcolor; /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ @@ -385,17 +383,17 @@ public class BreadcrumbModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -404,7 +402,7 @@ public class BreadcrumbModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -413,17 +411,17 @@ public class BreadcrumbModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -432,32 +430,32 @@ public class BreadcrumbModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -472,11 +470,10 @@ public class BreadcrumbModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Number Of Levels","x-form-group":"content","x-form-type":"number"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Number Of Levels","x-form-group":"content","x-form-type":"number"} */ public String getLevel() { return level; } @@ -591,33 +588,35 @@ public String getContentname() { return contentname; } + //GEN] -//GEN] + //GEN[:CUSTOMGETTERS + //GEN] + private static final Logger LOG = LoggerFactory.getLogger( + BreadcrumbModel.class + ); - //GEN[:CUSTOMGETTERS - //GEN] - private static final Logger LOG = LoggerFactory.getLogger(BreadcrumbModel.class); - public List links; - + /* Method to recursively get child page links, given a root page path */ - public List getLinks(){ - - links = new ArrayList(); - if(Integer.parseInt(getLevel()) > 0) { - Resource page = getRootResource(); - LOG.debug("page: {}", page); - return getDeepLinks(page != null ? page : getResource()); - } else { - return null; - } - - } - - private List getDeepLinks(Resource resource) { + public List getLinks() { + links = new ArrayList(); + if (Integer.parseInt(getLevel()) > 0) { + Resource page = getRootResource(); + LOG.debug("page: {}", page); + return getDeepLinks(page != null ? page : getResource()); + } else { + return null; + } + } + + private List getDeepLinks(Resource resource) { try { ValueMap props = resource.getValueMap(); - String resourceType = props.get("jcr:primaryType", "type not found"); + String resourceType = props.get( + "jcr:primaryType", + "type not found" + ); // we only care about per:page child if (resourceType.equals("per:Page")) { Resource index = resource.getChild("index"); @@ -638,40 +637,46 @@ private List getDeepLinks(Resource resource) { LOG.error("getDeepLinks error: {}", e); } - if (links.size() >= 2 && links.get(0).getLink().equals(links.get(1).getLink())) { + if ( + links.size() >= 2 && + links.get(0).getLink().equals(links.get(1).getLink()) + ) { links.remove(0); } return links; } - - private String getPageTitle(String pageUrl){ - try{ + + private String getPageTitle(String pageUrl) { + try { String resourcePath = pageUrl + "/jcr:content"; - ResourceResolver resourceResolver = getResource().getResourceResolver(); - ValueMap props = resourceResolver.getResource(resourcePath).adaptTo(ValueMap.class); + ResourceResolver resourceResolver = getResource() + .getResourceResolver(); + ValueMap props = resourceResolver + .getResource(resourcePath) + .adaptTo(ValueMap.class); return props.get("jcr:title", "title not found"); - } catch(Exception e){ - LOG.error("getPageTitle error: {}",e); + } catch (Exception e) { + LOG.error("getPageTitle error: {}", e); return "title not found...."; } } - + private class TextLink { - - public TextLink(String link, String text){ + + public TextLink(String link, String text) { this.link = link; this.text = text; } + private String link; private String text; - - public String getLink(){ + + public String getLink() { return link; } - - public String getText(){ + + public String getText() { return text; } } - } diff --git a/core/src/main/java/com/themecleanflex/models/CardModel.java b/core/src/main/java/com/themecleanflex/models/CardModel.java index e53896437..df425e51f 100644 --- a/core/src/main/java/com/themecleanflex/models/CardModel.java +++ b/core/src/main/java/com/themecleanflex/models/CardModel.java @@ -1,19 +1,16 @@ package com.themecleanflex.models; +import com.peregrine.model.api.ImageInfo; import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; +import java.awt.Dimension; +import javax.inject.Inject; import org.apache.sling.api.resource.Resource; import org.apache.sling.models.annotations.Default; import org.apache.sling.models.annotations.DefaultInjectionStrategy; import org.apache.sling.models.annotations.Exporter; import org.apache.sling.models.annotations.Model; -import javax.inject.Inject; - -import com.peregrine.model.api.ImageInfo; -import java.awt.Dimension; - - /* //GEN[:DATA { @@ -168,23 +165,21 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/cards/cards", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/cards/cards", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class CardModel extends AbstractComponent { - public CardModel(final Resource r) { super(r); } + public CardModel(final Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ @Inject private String title; @@ -197,12 +192,12 @@ public class CardModel extends AbstractComponent { private String image; @Inject - @ImageInfo(name="image") + @ImageInfo(name = "image") private Dimension imageSize; /* {"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"} */ @Inject - @Default(values ="100") + @Default(values = "100") private String imagewidth; /* {"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"} */ @@ -219,24 +214,23 @@ public class CardModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}} */ @Inject - @Default(values ="primary") + @Default(values = "primary") private String buttoncolor; /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String buttonsize; /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ @Inject - @Default(values ="center") + @Default(values = "center") private String buttonalign; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ public String getTitle() { return title; } @@ -289,11 +283,9 @@ public String getButtonsize() { public String getButtonalign() { return buttonalign; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/CardsModel.java b/core/src/main/java/com/themecleanflex/models/CardsModel.java index fdd1098fe..6615016b4 100644 --- a/core/src/main/java/com/themecleanflex/models/CardsModel.java +++ b/core/src/main/java/com/themecleanflex/models/CardsModel.java @@ -551,23 +551,21 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/cards", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/cards", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class CardsModel extends AbstractComponent { - public CardsModel(Resource r) { super(r); } + public CardsModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Title","x-form-group":"style","x-form-type":"materialswitch"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Title","x-form-group":"style","x-form-type":"materialswitch"} */ @Inject private String showtitle; @@ -589,32 +587,32 @@ public class CardsModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Card Color","x-form-type":"color","x-form-visible":"model.showcard == 'true' and model.customcardcolor == 'true'","x-form-group":"style","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String cardcolor; /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-type":"materialswitch","x-form-group":"style","x-default":"true"} */ @Inject - @Default(values ="true") + @Default(values = "true") private String cardborder; /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-type":"materialselect","x-form-group":"style","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"}}} */ @Inject - @Default(values ="none") + @Default(values = "none") private String roundedcorners; /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row","x-form-type":"materialrange","x-form-group":"style","x-default":4,"x-form-min":1,"x-form-max":6} */ @Inject - @Default(values ="4") + @Default(values = "4") private String cardsperrow; /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Tablet)","x-form-type":"materialrange","x-form-group":"style","x-default":2,"x-form-min":1,"x-form-max":6} */ @Inject - @Default(values ="2") + @Default(values = "2") private String cardsperrowtab; /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Mobile)","x-form-type":"materialrange","x-form-group":"style","x-default":1,"x-form-min":1,"x-form-max":6} */ @Inject - @Default(values ="1") + @Default(values = "1") private String cardsperrowmobile; /* {"type":"string","x-source":"inject","x-form-label":"Cards","x-form-fieldLabel":"title","x-form-group":"content","x-form-type":"collection","x-collection-type":"Card","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"},"image":{"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"},"imagewidth":{"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"},"imagealttext":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"},"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}},"buttonsize":{"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}},"buttonalign":{"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}}}} */ @@ -631,17 +629,17 @@ public class CardsModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -650,7 +648,7 @@ public class CardsModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -659,17 +657,17 @@ public class CardsModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -678,32 +676,32 @@ public class CardsModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -718,11 +716,10 @@ public class CardsModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Title","x-form-group":"style","x-form-type":"materialswitch"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Title","x-form-group":"style","x-form-type":"materialswitch"} */ public String getShowtitle() { return showtitle; } @@ -886,11 +883,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/CarouselModel.java b/core/src/main/java/com/themecleanflex/models/CarouselModel.java index b832ebc86..dfcba3601 100644 --- a/core/src/main/java/com/themecleanflex/models/CarouselModel.java +++ b/core/src/main/java/com/themecleanflex/models/CarouselModel.java @@ -433,25 +433,23 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/carousel", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/carousel", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class CarouselModel extends AbstractComponent { - public CarouselModel(Resource r) { super(r); } + public CarouselModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Carousel Height","x-form-type":"materialrange","x-form-group":"style","x-default":80,"x-form-min":10,"x-form-max":100} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Carousel Height","x-form-type":"materialrange","x-form-group":"style","x-default":80,"x-form-min":10,"x-form-max":100} */ @Inject - @Default(values ="80") + @Default(values = "80") private String carouselheight; /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Auto Play","x-form-type":"materialswitch"} */ @@ -460,32 +458,32 @@ public class CarouselModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Images per page","x-form-type":"number","x-default":1} */ @Inject - @Default(values ="1") + @Default(values = "1") private String itemsperpage; /* {"type":"string","x-source":"inject","x-form-label":"Interval","x-form-type":"materialrange","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":5,"x-form-min":1,"x-form-max":20} */ @Inject - @Default(values ="5") + @Default(values = "5") private String interval; /* {"type":"string","x-source":"inject","x-form-label":"Pause On Hover","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String pause; /* {"type":"string","x-source":"inject","x-form-label":"Wrap","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ @Inject - @Default(values ="true") + @Default(values = "true") private String wrap; /* {"type":"string","x-source":"inject","x-form-label":"Indicators","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ @Inject - @Default(values ="true") + @Default(values = "true") private String indicators; /* {"type":"string","x-source":"inject","x-form-label":"Controls","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ @Inject - @Default(values ="true") + @Default(values = "true") private String controls; /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Caption Background","x-form-type":"materialswitch"} */ @@ -506,17 +504,17 @@ public class CarouselModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -525,7 +523,7 @@ public class CarouselModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -534,17 +532,17 @@ public class CarouselModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -553,32 +551,32 @@ public class CarouselModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -593,11 +591,10 @@ public class CarouselModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Carousel Height","x-form-type":"materialrange","x-form-group":"style","x-default":80,"x-form-min":10,"x-form-max":100} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Carousel Height","x-form-type":"materialrange","x-form-group":"style","x-default":80,"x-form-min":10,"x-form-max":100} */ public String getCarouselheight() { return carouselheight; } @@ -751,11 +748,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/CodeModel.java b/core/src/main/java/com/themecleanflex/models/CodeModel.java index cb9bd5233..9a377b278 100644 --- a/core/src/main/java/com/themecleanflex/models/CodeModel.java +++ b/core/src/main/java/com/themecleanflex/models/CodeModel.java @@ -322,23 +322,21 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/code", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/code", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class CodeModel extends AbstractComponent { - public CodeModel(Resource r) { super(r); } + public CodeModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"text"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"text"} */ @Inject private String language; @@ -360,17 +358,17 @@ public class CodeModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -379,7 +377,7 @@ public class CodeModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -388,17 +386,17 @@ public class CodeModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -407,32 +405,32 @@ public class CodeModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -447,11 +445,10 @@ public class CodeModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"text"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"text"} */ public String getLanguage() { return language; } @@ -570,11 +567,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/ContainerModel.java b/core/src/main/java/com/themecleanflex/models/ContainerModel.java index b072e1804..98684ce2d 100644 --- a/core/src/main/java/com/themecleanflex/models/ContainerModel.java +++ b/core/src/main/java/com/themecleanflex/models/ContainerModel.java @@ -161,62 +161,59 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/container", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/container", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class ContainerModel extends Container { - public ContainerModel(Resource r) { super(r); } + public ContainerModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Container Width","x-form-group":"content","x-form-type":"materialradio","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Container Width","x-form-group":"content","x-form-type":"materialradio","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ @Inject - @Default(values ="auto") + @Default(values = "auto") private String width; /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.width == 'custom'","x-default":12} */ @Inject - @Default(values ="12") + @Default(values = "12") private String colspan; /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Tablet)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ @Inject - @Default(values ="auto") + @Default(values = "auto") private String tabletwidth; /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.tabletwidth == 'custom'","x-default":12} */ @Inject - @Default(values ="12") + @Default(values = "12") private String tabletcolspan; /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Mobile)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ @Inject - @Default(values ="auto") + @Default(values = "auto") private String mobilewidth; /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.mobilewidth == 'custom'","x-default":12} */ @Inject - @Default(values ="12") + @Default(values = "12") private String mobilecolspan; /* {"type":"string","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-form-group":"content","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Container Width","x-form-group":"content","x-form-type":"materialradio","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Container Width","x-form-group":"content","x-form-type":"materialradio","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ public String getWidth() { return width; } @@ -250,11 +247,9 @@ public String getMobilecolspan() { public String getHtmlelement() { return htmlelement; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/ContainerblockModel.java b/core/src/main/java/com/themecleanflex/models/ContainerblockModel.java index 5fcdff4a3..3bdce71c3 100644 --- a/core/src/main/java/com/themecleanflex/models/ContainerblockModel.java +++ b/core/src/main/java/com/themecleanflex/models/ContainerblockModel.java @@ -333,25 +333,23 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/containerblock", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/containerblock", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class ContainerblockModel extends Container { - public ContainerblockModel(Resource r) { super(r); } + public ContainerblockModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Items Alignment","x-form-type":"materialselect","x-form-group":"content","x-default":"primary","properties":{"start":{"x-form-name":"Start","x-form-value":"items-start"},"center":{"x-form-name":"Center","x-form-value":"items-center"},"end":{"x-form-name":"End","x-form-value":"items-end"},"stretch":{"x-form-name":"Stretch","x-form-value":"items-stretch"},"baseline":{"x-form-name":"Baseline","x-form-value":"items-baseline"}}} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Items Alignment","x-form-type":"materialselect","x-form-group":"content","x-default":"primary","properties":{"start":{"x-form-name":"Start","x-form-value":"items-start"},"center":{"x-form-name":"Center","x-form-value":"items-center"},"end":{"x-form-name":"End","x-form-value":"items-end"},"stretch":{"x-form-name":"Stretch","x-form-value":"items-stretch"},"baseline":{"x-form-name":"Baseline","x-form-value":"items-baseline"}}} */ @Inject - @Default(values ="primary") + @Default(values = "primary") private String alignitems; /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ @@ -364,17 +362,17 @@ public class ContainerblockModel extends Container { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -383,7 +381,7 @@ public class ContainerblockModel extends Container { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -392,17 +390,17 @@ public class ContainerblockModel extends Container { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -411,32 +409,32 @@ public class ContainerblockModel extends Container { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -451,11 +449,10 @@ public class ContainerblockModel extends Container { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Items Alignment","x-form-type":"materialselect","x-form-group":"content","x-default":"primary","properties":{"start":{"x-form-name":"Start","x-form-value":"items-start"},"center":{"x-form-name":"Center","x-form-value":"items-center"},"end":{"x-form-name":"End","x-form-value":"items-end"},"stretch":{"x-form-name":"Stretch","x-form-value":"items-stretch"},"baseline":{"x-form-name":"Baseline","x-form-value":"items-baseline"}}} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Items Alignment","x-form-type":"materialselect","x-form-group":"content","x-default":"primary","properties":{"start":{"x-form-name":"Start","x-form-value":"items-start"},"center":{"x-form-name":"Center","x-form-value":"items-center"},"end":{"x-form-name":"End","x-form-value":"items-end"},"stretch":{"x-form-name":"Stretch","x-form-value":"items-stretch"},"baseline":{"x-form-name":"Baseline","x-form-value":"items-baseline"}}} */ public String getAlignitems() { return alignitems; } @@ -564,11 +561,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/FooterModel.java b/core/src/main/java/com/themecleanflex/models/FooterModel.java index ec21f0b66..baee3d685 100644 --- a/core/src/main/java/com/themecleanflex/models/FooterModel.java +++ b/core/src/main/java/com/themecleanflex/models/FooterModel.java @@ -437,23 +437,21 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/footer", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/footer", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class FooterModel extends AbstractComponent { - public FooterModel(Resource r) { super(r); } + public FooterModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Show Logo","x-form-group":"style","x-form-type":"materialswitch"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Show Logo","x-form-group":"style","x-form-type":"materialswitch"} */ @Inject private String showlogo; @@ -487,12 +485,12 @@ public class FooterModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ @Inject - @Default(values ="#000000") + @Default(values = "#000000") private String iconcolor; /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ @Inject - @Default(values ="25") + @Default(values = "25") private String iconsize; /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ @@ -509,17 +507,17 @@ public class FooterModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -528,7 +526,7 @@ public class FooterModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -537,17 +535,17 @@ public class FooterModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -556,32 +554,32 @@ public class FooterModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -596,11 +594,10 @@ public class FooterModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Show Logo","x-form-group":"style","x-form-type":"materialswitch"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Show Logo","x-form-group":"style","x-form-type":"materialswitch"} */ public String getShowlogo() { return showlogo; } @@ -759,11 +756,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/HeaderModel.java b/core/src/main/java/com/themecleanflex/models/HeaderModel.java index b284c96e7..4de07ea3e 100644 --- a/core/src/main/java/com/themecleanflex/models/HeaderModel.java +++ b/core/src/main/java/com/themecleanflex/models/HeaderModel.java @@ -513,23 +513,21 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/header", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/header", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class HeaderModel extends AbstractComponent { - public HeaderModel(Resource r) { super(r); } + public HeaderModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject private String logo; @@ -543,7 +541,7 @@ public class HeaderModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-default":50,"x-form-min":1,"x-form-max":300} */ @Inject - @Default(values ="50") + @Default(values = "50") private String logosize; /* {"type":"string","x-source":"inject","x-form-label":"Collapse Menu","x-form-group":"style","x-form-type":"materialswitch"} */ @@ -564,12 +562,12 @@ public class HeaderModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="text-blue-800") + @Default(values = "text-blue-800") private String linkcolor; /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String buttonsize; /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ @@ -586,17 +584,17 @@ public class HeaderModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -605,7 +603,7 @@ public class HeaderModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -614,17 +612,17 @@ public class HeaderModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -633,32 +631,32 @@ public class HeaderModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -673,11 +671,10 @@ public class HeaderModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ public String getLogo() { return logo; } @@ -836,11 +833,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/MediaModel.java b/core/src/main/java/com/themecleanflex/models/MediaModel.java index 987853951..8a223e266 100644 --- a/core/src/main/java/com/themecleanflex/models/MediaModel.java +++ b/core/src/main/java/com/themecleanflex/models/MediaModel.java @@ -114,23 +114,21 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/media", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/media", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class MediaModel extends AbstractComponent { - public MediaModel(Resource r) { super(r); } + public MediaModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"},"icon":{"x-form-name":"Icon","x-form-value":"icon"}}} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"},"icon":{"x-form-name":"Icon","x-form-value":"icon"}}} */ @Inject private String mediatype; @@ -140,12 +138,12 @@ public class MediaModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-type":"materialrange","x-form-visible":"model.mediatype == 'icon'","x-default":50,"x-form-min":1,"x-form-max":1000} */ @Inject - @Default(values ="50") + @Default(values = "50") private String mediaiconsize; /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-form-type":"color","x-form-visible":"model.mediatype == 'icon'","x-default":"#000000"} */ @Inject - @Default(values ="#000000") + @Default(values = "#000000") private String mediaiconcolor; /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -162,14 +160,13 @@ public class MediaModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ @Inject - @Default(values ="100") + @Default(values = "100") private String mediawidth; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"},"icon":{"x-form-name":"Icon","x-form-value":"icon"}}} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"},"icon":{"x-form-name":"Icon","x-form-value":"icon"}}} */ public String getMediatype() { return mediatype; } @@ -208,11 +205,9 @@ public String getMediatitle() { public String getMediawidth() { return mediawidth; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/MediablockModel.java b/core/src/main/java/com/themecleanflex/models/MediablockModel.java index b6778b449..6a00c5686 100644 --- a/core/src/main/java/com/themecleanflex/models/MediablockModel.java +++ b/core/src/main/java/com/themecleanflex/models/MediablockModel.java @@ -1,9 +1,11 @@ package com.themecleanflex.models; +import com.peregrine.model.api.ImageInfo; import com.peregrine.model.api.ImageInfo; import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; - +import java.awt.Dimension; +import javax.inject.Inject; import javax.inject.Inject; import org.apache.sling.api.resource.Resource; import org.apache.sling.models.annotations.Default; @@ -11,11 +13,6 @@ import org.apache.sling.models.annotations.Exporter; import org.apache.sling.models.annotations.Model; -import javax.inject.Inject; - -import com.peregrine.model.api.ImageInfo; -import java.awt.Dimension; - /* //GEN[:DATA { @@ -373,38 +370,36 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/mediablock", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/mediablock", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class MediablockModel extends AbstractComponent { - public MediablockModel(Resource r) { super(r); } + public MediablockModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @Inject private String mediatype; /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ @Inject - @Default(values ="") + @Default(values = "") private String imagesrc; @Inject - @ImageInfo(name="imagesrc") + @ImageInfo(name = "imagesrc") private Dimension imagesrcSize; /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ @Inject - @Default(values ="") + @Default(values = "") private String videosrc; /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-group":"style","x-form-type":"text"} */ @@ -413,7 +408,7 @@ public class MediablockModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ @Inject - @Default(values ="100") + @Default(values = "100") private String mediawidth; /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ @@ -426,17 +421,17 @@ public class MediablockModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -445,7 +440,7 @@ public class MediablockModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -454,17 +449,17 @@ public class MediablockModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -473,32 +468,32 @@ public class MediablockModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -513,11 +508,10 @@ public class MediablockModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ public String getMediatype() { return mediatype; } @@ -650,11 +644,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/MenubuttonsModel.java b/core/src/main/java/com/themecleanflex/models/MenubuttonsModel.java index 8896dfc95..eabdb838c 100644 --- a/core/src/main/java/com/themecleanflex/models/MenubuttonsModel.java +++ b/core/src/main/java/com/themecleanflex/models/MenubuttonsModel.java @@ -113,36 +113,33 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/menubuttons", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/menubuttons", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class MenubuttonsModel extends AbstractComponent { - public MenubuttonsModel(Resource r) { super(r); } + public MenubuttonsModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String buttonsize; /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ @Inject private List buttons; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ public String getButtonsize() { return buttonsize; } @@ -151,11 +148,9 @@ public String getButtonsize() { public List getButtons() { return buttons; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/NavigationModel.java b/core/src/main/java/com/themecleanflex/models/NavigationModel.java index 12e61c673..4d96c18e9 100644 --- a/core/src/main/java/com/themecleanflex/models/NavigationModel.java +++ b/core/src/main/java/com/themecleanflex/models/NavigationModel.java @@ -1,5 +1,7 @@ package com.themecleanflex.models; +import static com.peregrine.commons.util.PerConstants.EXCLUDE_FROM_SITEMAP; + import com.peregrine.adaption.PerPage; import com.peregrine.adaption.PerPageManager; import com.peregrine.nodetypes.models.AbstractComponent; @@ -15,8 +17,6 @@ import org.slf4j.Logger; import org.slf4j.LoggerFactory; -import static com.peregrine.commons.util.PerConstants.EXCLUDE_FROM_SITEMAP; - /* //GEN[:DATA { @@ -349,23 +349,21 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/navigation", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/navigation", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class NavigationModel extends AbstractComponent { - public NavigationModel(Resource r) { super(r); } + public NavigationModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ @Inject private String rootpage; @@ -375,7 +373,7 @@ public class NavigationModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Navigation Alignment","x-form-type":"materialradio","x-form-group":"style","x-default":"end","properties":{"start":{"x-form-name":"Start","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"end":{"x-form-name":"End","x-form-value":"end"}}} */ @Inject - @Default(values ="end") + @Default(values = "end") private String justifyitems; /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ @@ -388,17 +386,17 @@ public class NavigationModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -407,7 +405,7 @@ public class NavigationModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -416,17 +414,17 @@ public class NavigationModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -435,32 +433,32 @@ public class NavigationModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -475,11 +473,10 @@ public class NavigationModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ public String getRootpage() { return rootpage; } @@ -599,11 +596,12 @@ public String getContentname() { return contentname; } + //GEN] -//GEN] - - //GEN[:CUSTOMGETTERS - private static final Logger LOG = LoggerFactory.getLogger(NavigationModel.class); + //GEN[:CUSTOMGETTERS + private static final Logger LOG = LoggerFactory.getLogger( + NavigationModel.class + ); /* {"type":"string","x-source":"inject","x-form-type":"number","x-form-label":"Levels","x-form-default":1,"x-form-min":1} */ public String getLevels() { @@ -611,34 +609,47 @@ public String getLevels() { } public String getExcludeSitemapExcludes() { - return excludesitemapexcludes == null ? "false" : excludesitemapexcludes; + return excludesitemapexcludes == null + ? "false" + : excludesitemapexcludes; } public String getRootPageTitle() { - PerPageManager ppm = getResource().getResourceResolver().adaptTo(PerPageManager.class); + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); PerPage page = ppm.getPage(getRootpage()); - if(page == null) return "not adaptable"; - return page != null ? page.getTitle(): ""; + if (page == null) return "not adaptable"; + return page != null ? page.getTitle() : ""; } public String getRootPageLink() { - PerPageManager ppm = getResource().getResourceResolver().adaptTo(PerPageManager.class); + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); PerPage page = ppm.getPage(getRootpage()); - if(page == null) return "not adaptable"; - return page != null ? page.getPath(): ""; + if (page == null) return "not adaptable"; + return page != null ? page.getPath() : ""; } public List getChildrenPages() { - boolean excludeSitemap = Boolean.parseBoolean(getExcludeSitemapExcludes()); + boolean excludeSitemap = Boolean.parseBoolean( + getExcludeSitemapExcludes() + ); List childPages = new ArrayList(); String rootPage = getRootpage(); if (rootPage != null) { int levels = Integer.parseInt(getLevels()); - PerPageManager ppm = getResource().getResourceResolver().adaptTo(PerPageManager.class); + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); PerPage page = ppm.getPage(getRootpage()); if (page != null) { for (PerPage child : page.listChildren()) { - if(excludeSitemap && child.getContentProperty(EXCLUDE_FROM_SITEMAP, false)) { + if ( + excludeSitemap && + child.getContentProperty(EXCLUDE_FROM_SITEMAP, false) + ) { continue; } if (!child.getPath().equals(page.getPath())) { @@ -652,48 +663,53 @@ public List getChildrenPages() { class Page { - private PerPage page; - private int levels; - private boolean excludeSitemap; + private PerPage page; + private int levels; + private boolean excludeSitemap; - public Page(PerPage page, int levels, boolean excludeSitemap) { - this.page = page; - this.levels = levels; - this.excludeSitemap = excludeSitemap; - } + public Page(PerPage page, int levels, boolean excludeSitemap) { + this.page = page; + this.levels = levels; + this.excludeSitemap = excludeSitemap; + } - public String getTitle() { - return page.getTitle(); - } + public String getTitle() { + return page.getTitle(); + } - public String getPath() { - return page.getPath(); - } + public String getPath() { + return page.getPath(); + } - public int getLevels() { - return levels; - } + public int getLevels() { + return levels; + } - public Boolean getHasChildren() { - return levels <= 1 ? false : true; - } + public Boolean getHasChildren() { + return levels <= 1 ? false : true; + } - public List getChildrenPages() { - List childPages = new ArrayList(); - System.out.println(); - if(page != null) { - for (PerPage child: page.listChildren()) { - if(excludeSitemap && child.getContentProperty(EXCLUDE_FROM_SITEMAP, false)) { - continue; - } - if(!child.getPath().equals(page.getPath())) { - childPages.add(new Page(child, levels-1, excludeSitemap)); + public List getChildrenPages() { + List childPages = new ArrayList(); + System.out.println(); + if (page != null) { + for (PerPage child : page.listChildren()) { + if ( + excludeSitemap && + child.getContentProperty(EXCLUDE_FROM_SITEMAP, false) + ) { + continue; + } + if (!child.getPath().equals(page.getPath())) { + childPages.add( + new Page(child, levels - 1, excludeSitemap) + ); + } } } + return childPages; } - return childPages; } -} - //GEN] + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/NoteModel.java b/core/src/main/java/com/themecleanflex/models/NoteModel.java index 402263ad0..281e177a6 100644 --- a/core/src/main/java/com/themecleanflex/models/NoteModel.java +++ b/core/src/main/java/com/themecleanflex/models/NoteModel.java @@ -339,29 +339,27 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/note", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/note", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class NoteModel extends AbstractComponent { - public NoteModel(Resource r) { super(r); } + public NoteModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"texteditor"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"texteditor"} */ @Inject private String text; /* {"type":"string","x-source":"inject","x-form-label":"Note Type","x-form-type":"materialselect","x-form-group":"content","x-default":"note","properties":{"note":{"x-form-name":"Note","x-form-value":"note"},"tip":{"x-form-name":"Tip","x-form-value":"tip"},"important":{"x-form-name":"Important","x-form-value":"important"},"caution":{"x-form-name":"Caution","x-form-value":"caution"},"warning":{"x-form-name":"Warning","x-form-value":"warning"}}} */ @Inject - @Default(values ="note") + @Default(values = "note") private String notetype; /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ @@ -374,17 +372,17 @@ public class NoteModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -393,7 +391,7 @@ public class NoteModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -402,17 +400,17 @@ public class NoteModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -421,32 +419,32 @@ public class NoteModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -461,11 +459,10 @@ public class NoteModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"texteditor"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"texteditor"} */ public String getText() { return text; } @@ -579,11 +576,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/PagelistModel.java b/core/src/main/java/com/themecleanflex/models/PagelistModel.java index b9ee0d707..b130de24b 100644 --- a/core/src/main/java/com/themecleanflex/models/PagelistModel.java +++ b/core/src/main/java/com/themecleanflex/models/PagelistModel.java @@ -1,5 +1,7 @@ package com.themecleanflex.models; +import static com.peregrine.commons.util.PerConstants.EXCLUDE_FROM_SITEMAP; + import com.peregrine.adaption.PerPage; import com.peregrine.adaption.PerPageManager; import com.peregrine.nodetypes.models.AbstractComponent; @@ -7,7 +9,6 @@ import java.util.ArrayList; import java.util.List; import javax.inject.Inject; - import org.apache.sling.api.resource.Resource; import org.apache.sling.api.resource.ValueMap; import org.apache.sling.models.annotations.Default; @@ -17,7 +18,6 @@ import org.slf4j.Logger; import org.slf4j.LoggerFactory; -import static com.peregrine.commons.util.PerConstants.EXCLUDE_FROM_SITEMAP; /* //GEN[:DATA { @@ -379,23 +379,21 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/pagelist", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/pagelist", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class PagelistModel extends AbstractComponent { - public PagelistModel(Resource r) { super(r); } + public PagelistModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ @Inject private String rootpage; @@ -425,17 +423,17 @@ public class PagelistModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -444,7 +442,7 @@ public class PagelistModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -453,17 +451,17 @@ public class PagelistModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -472,32 +470,32 @@ public class PagelistModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -512,11 +510,10 @@ public class PagelistModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ public String getRootpage() { return rootpage; } @@ -641,25 +638,28 @@ public String getContentname() { return contentname; } + //GEN] -//GEN] - - //GEN[:CUSTOMGETTERS - private static final Logger LOG = LoggerFactory.getLogger(PagelistModel.class); + //GEN[:CUSTOMGETTERS + private static final Logger LOG = LoggerFactory.getLogger( + PagelistModel.class + ); /* {"type":"string","x-source":"inject","x-form-type":"number","x-form-label":"Levels","x-form-default":1,"x-form-min":1} */ public String getLevels() { return levels == null ? "1" : levels; } - public String getExcludeSitemapExcludes() { - return excludesitemapexcludes == null ? "false" : excludesitemapexcludes; - } + public String getExcludeSitemapExcludes() { + return excludesitemapexcludes == null + ? "false" + : excludesitemapexcludes; + } - public String getRootPage() { - if(rootpage == null) { - PerPage currentPage = getResource().adaptTo(PerPage.class); - if(currentPage != null) { + public String getRootPage() { + if (rootpage == null) { + PerPage currentPage = getResource().adaptTo(PerPage.class); + if (currentPage != null) { return currentPage.getPath(); } } @@ -667,17 +667,21 @@ public String getRootPage() { } public String getRootPageTitle() { - PerPageManager ppm = getResource().getResourceResolver().adaptTo(PerPageManager.class); + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); PerPage page = ppm.getPage(getRootPage()); - if(page == null) return "not adaptable"; - return page != null ? page.getTitle(): ""; + if (page == null) return "not adaptable"; + return page != null ? page.getTitle() : ""; } public String getRootPageLink() { - PerPageManager ppm = getResource().getResourceResolver().adaptTo(PerPageManager.class); + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); PerPage page = ppm.getPage(getRootPage()); - if(page == null) return "not adaptable"; - return page != null ? page.getPath(): ""; + if (page == null) return "not adaptable"; + return page != null ? page.getPath() : ""; } public List getChildrenPages() { @@ -685,15 +689,33 @@ public List getChildrenPages() { String rootPage = getRootPage(); if (rootPage != null) { int levels = Integer.parseInt(getLevels()); - boolean excludeSitemap = Boolean.parseBoolean(getExcludeSitemapExcludes()); - PerPageManager ppm = getResource().getResourceResolver().adaptTo(PerPageManager.class); + boolean excludeSitemap = Boolean.parseBoolean( + getExcludeSitemapExcludes() + ); + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); PerPage page = ppm.getPage(getRootPage()); if (page != null) { for (PerPage child : page.listChildren()) { - if ( !(excludeSitemap && child.getContentProperty(EXCLUDE_FROM_SITEMAP, false)) - && (!child.getPath().equals(page.getPath())) - ) { - childPages.add(new Page(child, levels, getReferences(), excludeSitemap)); + if ( + !( + excludeSitemap && + child.getContentProperty( + EXCLUDE_FROM_SITEMAP, + false + ) + ) && + (!child.getPath().equals(page.getPath())) + ) { + childPages.add( + new Page( + child, + levels, + getReferences(), + excludeSitemap + ) + ); } } } @@ -703,134 +725,170 @@ public List getChildrenPages() { class Page { - private PerPage page; - private int levels; - private List references; - private boolean excludeSitemap; - - // public Page(PerPage page) { - // this.page = page; - // } - - // public Page(PerPage page, int levels) { - // this.page = page; - // this.levels = levels; - // } - - public Page(PerPage page, int levels, List references, boolean excludeSitemap) { - this.page = page; - this.levels = levels; - this.references = references; - this.excludeSitemap = excludeSitemap; - } - - public String getTitle() { - return page.getTitle(); - } - - public String getPath() { - return page.getPath(); - } - - public int getLevels() { - return levels; - } - - public List getReferences() { - List ret = new ArrayList<>(); - if(references == null) return ret; - for (IComponent ref : references) { - Resource res = ref.getResource(); - ValueMap vm = res.adaptTo(ValueMap.class); - String contentName = vm.get("contentname", String.class); - String contentField = vm.get("contentfield", String.class) != null ? vm.get("contentfield", String.class) : "text"; - String cssClass = vm.get("cssclass", String.class); - String tagName = vm.get("htmlelement", String.class); - if(contentName != null && tagName != null) { - Resource content = findResourceWithName(page.getContentResource(), contentName); - if(content != null) { - ValueMap props = content.adaptTo(ValueMap.class); - String value = props.get(contentField, String.class); - ret.add(new ReferencedContent(contentField, value, tagName, cssClass, content.getPath())); - } - } - } - return ret; - } - - private Resource findResourceWithName(Resource resource, String contentName) { - ValueMap vm = resource.adaptTo(ValueMap.class); - String contentname = vm.get("contentname", String.class); - if(contentName.equals(contentname)) { - return resource; - } - for (Resource child : resource.getChildren()) { - Resource ret = findResourceWithName(child, contentName); - if(ret != null) { - return ret; - } - } - return null; - } + private PerPage page; + private int levels; + private List references; + private boolean excludeSitemap; + + // public Page(PerPage page) { + // this.page = page; + // } + + // public Page(PerPage page, int levels) { + // this.page = page; + // this.levels = levels; + // } + + public Page( + PerPage page, + int levels, + List references, + boolean excludeSitemap + ) { + this.page = page; + this.levels = levels; + this.references = references; + this.excludeSitemap = excludeSitemap; + } - public Boolean getHasChildren() { - return levels <= 1 ? false : true; - } + public String getTitle() { + return page.getTitle(); + } - public List getChildrenPages() { - List childPages = new ArrayList(); - if(page != null) { - for (PerPage child: page.listChildren()) { - if(excludeSitemap && child.getContentProperty(EXCLUDE_FROM_SITEMAP, false)) { - continue; - } - if(levels > 0 && !child.getPath().equals(page.getPath())) { - childPages.add(new Page(child, levels-1, references, excludeSitemap)); + public String getPath() { + return page.getPath(); + } + + public int getLevels() { + return levels; + } + + public List getReferences() { + List ret = new ArrayList<>(); + if (references == null) return ret; + for (IComponent ref : references) { + Resource res = ref.getResource(); + ValueMap vm = res.adaptTo(ValueMap.class); + String contentName = vm.get("contentname", String.class); + String contentField = vm.get("contentfield", String.class) != + null + ? vm.get("contentfield", String.class) + : "text"; + String cssClass = vm.get("cssclass", String.class); + String tagName = vm.get("htmlelement", String.class); + if (contentName != null && tagName != null) { + Resource content = findResourceWithName( + page.getContentResource(), + contentName + ); + if (content != null) { + ValueMap props = content.adaptTo(ValueMap.class); + String value = props.get(contentField, String.class); + ret.add( + new ReferencedContent( + contentField, + value, + tagName, + cssClass, + content.getPath() + ) + ); + } } } + return ret; } - return childPages; - } -} - -class ReferencedContent { - private String path; - private String contentField; - private String value; - private String htmlElement; - private String cssClass; + private Resource findResourceWithName( + Resource resource, + String contentName + ) { + ValueMap vm = resource.adaptTo(ValueMap.class); + String contentname = vm.get("contentname", String.class); + if (contentName.equals(contentname)) { + return resource; + } + for (Resource child : resource.getChildren()) { + Resource ret = findResourceWithName(child, contentName); + if (ret != null) { + return ret; + } + } + return null; + } - public ReferencedContent(String contentField, String value, String htmlElement, String cssClass, String path) { - this.path = path; - this.contentField = contentField; - this.value = value; - this.htmlElement = htmlElement; - this.cssClass = cssClass; - } + public Boolean getHasChildren() { + return levels <= 1 ? false : true; + } - public String getKey() { - return path + '.' + contentField; - } + public List getChildrenPages() { + List childPages = new ArrayList(); + if (page != null) { + for (PerPage child : page.listChildren()) { + if ( + excludeSitemap && + child.getContentProperty(EXCLUDE_FROM_SITEMAP, false) + ) { + continue; + } + if (levels > 0 && !child.getPath().equals(page.getPath())) { + childPages.add( + new Page( + child, + levels - 1, + references, + excludeSitemap + ) + ); + } + } + } + return childPages; + } + } - public String getContentField() { - return contentField; - } + class ReferencedContent { + + private String path; + private String contentField; + private String value; + private String htmlElement; + private String cssClass; + + public ReferencedContent( + String contentField, + String value, + String htmlElement, + String cssClass, + String path + ) { + this.path = path; + this.contentField = contentField; + this.value = value; + this.htmlElement = htmlElement; + this.cssClass = cssClass; + } - public String getValue() { - return value; - } + public String getKey() { + return path + '.' + contentField; + } - public String getHtmlElement() { - return htmlElement; - } + public String getContentField() { + return contentField; + } - public String getCssClass() { - return cssClass; - } + public String getValue() { + return value; + } -} + public String getHtmlElement() { + return htmlElement; + } - //GEN] + public String getCssClass() { + return cssClass; + } + } + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/PagelistnestedModel.java b/core/src/main/java/com/themecleanflex/models/PagelistnestedModel.java index c69ecc9b4..396b06544 100644 --- a/core/src/main/java/com/themecleanflex/models/PagelistnestedModel.java +++ b/core/src/main/java/com/themecleanflex/models/PagelistnestedModel.java @@ -28,30 +28,27 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/pagelistnested", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/pagelistnested", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class PagelistnestedModel extends AbstractComponent { - public PagelistnestedModel(Resource r) { super(r); } + public PagelistnestedModel(Resource r) { + super(r); + } + //GEN[:INJECT - //GEN[:INJECT - -//GEN] + //GEN] - //GEN[:GETTERS - -//GEN] + //GEN[:GETTERS + + //GEN] - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/PagerModel.java b/core/src/main/java/com/themecleanflex/models/PagerModel.java index ea5cbca90..0941864ec 100644 --- a/core/src/main/java/com/themecleanflex/models/PagerModel.java +++ b/core/src/main/java/com/themecleanflex/models/PagerModel.java @@ -1,6 +1,7 @@ package com.themecleanflex.models; import com.peregrine.adaption.PerPage; +import com.peregrine.commons.util.PerConstants; import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; import javax.inject.Inject; @@ -13,7 +14,6 @@ import org.slf4j.Logger; import org.slf4j.LoggerFactory; -import com.peregrine.commons.util.PerConstants; /* //GEN[:DATA { @@ -420,25 +420,23 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/pager", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class -) -@Exporter( - name = "jackson", - extensions = "json" + adaptables = Resource.class, + resourceType = "themecleanflex/components/pager", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class PagerModel extends AbstractComponent { - private static final Logger LOG = LoggerFactory.getLogger(PagerModel.class); + private static final Logger LOG = LoggerFactory.getLogger(PagerModel.class); - public PagerModel(Resource r) { super(r); } + public PagerModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ @Inject private String rootpage; @@ -448,22 +446,22 @@ public class PagerModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String buttonsize; /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="primary") + @Default(values = "primary") private String buttoncolor; /* {"type":"string","x-source":"inject","x-form-label":"Previous Label","x-form-type":"text","x-form-group":"content","x-default":"Previous"} */ @Inject - @Default(values ="Previous") + @Default(values = "Previous") private String prevlabel; /* {"type":"string","x-source":"inject","x-form-label":"Next Label","x-form-type":"text","x-form-group":"content","x-default":"Next"} */ @Inject - @Default(values ="Next") + @Default(values = "Next") private String nextlabel; /* {"type":"string","x-source":"inject","x-form-label":"Disable the previous button","x-form-type":"materialswitch","x-form-group":"content","x-default":false} */ @@ -484,17 +482,17 @@ public class PagerModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -503,7 +501,7 @@ public class PagerModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -512,17 +510,17 @@ public class PagerModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -531,32 +529,32 @@ public class PagerModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -571,11 +569,10 @@ public class PagerModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ public String getRootpage() { return rootpage; } @@ -720,13 +717,14 @@ public String getContentname() { return contentname; } + //GEN] -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] public String getExcludeSitemapExcludes() { - return excludesitemapexcludes == null ? "false" : excludesitemapexcludes; + return excludesitemapexcludes == null + ? "false" + : excludesitemapexcludes; } public String getDisablePrevious() { @@ -734,10 +732,11 @@ public String getDisablePrevious() { } public String getRootPage() { - if(rootpage == null) - return ""; - if(rootpage.endsWith("/")) - return rootpage.substring(0,rootpage.length()-1); + if (rootpage == null) return ""; + if (rootpage.endsWith("/")) return rootpage.substring( + 0, + rootpage.length() - 1 + ); return rootpage; } @@ -745,72 +744,93 @@ public String getIncludeRoot() { return includeroot == null ? "false" : includeroot; } - public String getPrevious() { - if(Boolean.parseBoolean(getDisablePrevious())) { + public String getPrevious() { + if (Boolean.parseBoolean(getDisablePrevious())) { return "unknown"; } Resource res = getCurrentPage(getRootResource()); //LOG.debug("resource: {}",res); - if(res == null) res = getCurrentPage(getResource()); + if (res == null) res = getCurrentPage(getResource()); PerPage page = res.adaptTo(PerPage.class); - if(page == null) return "not adaptable"; + if (page == null) return "not adaptable"; PerPage prev = page.getPrevious(); - if(Boolean.parseBoolean(getExcludeSitemapExcludes())) { - while(prev != null && prev.getContentProperty(PerConstants.EXCLUDE_FROM_SITEMAP, false)) { + if (Boolean.parseBoolean(getExcludeSitemapExcludes())) { + while ( + prev != null && + prev.getContentProperty( + PerConstants.EXCLUDE_FROM_SITEMAP, + false + ) + ) { prev = prev.getPrevious(); } } - if(prev != null && !prev.getPath().startsWith(getRootPage())) { + if (prev != null && !prev.getPath().startsWith(getRootPage())) { prev = null; } - if(prev != null && !Boolean.parseBoolean(getIncludeRoot())) { + if (prev != null && !Boolean.parseBoolean(getIncludeRoot())) { // include root is false, so make sure path isn't equal to root page - if(prev.getPath().equals(getRootPage())) { + if (prev.getPath().equals(getRootPage())) { prev = null; } } - return prev != null ? prev.getPath(): "unknown"; - } + return prev != null ? prev.getPath() : "unknown"; + } - public String getNext() { + public String getNext() { Resource res = getCurrentPage(getRootResource()); - if(res == null) res = getCurrentPage(getResource()); + if (res == null) res = getCurrentPage(getResource()); PerPage page = res.adaptTo(PerPage.class); - if(page == null) return "not adaptable"; + if (page == null) return "not adaptable"; PerPage next = page.getNext(); - if(Boolean.parseBoolean(getExcludeSitemapExcludes())) { - while(next != null && next.getContentProperty(PerConstants.EXCLUDE_FROM_SITEMAP, false)) { + if (Boolean.parseBoolean(getExcludeSitemapExcludes())) { + while ( + next != null && + next.getContentProperty( + PerConstants.EXCLUDE_FROM_SITEMAP, + false + ) + ) { next = next.getNext(); } } - if(next != null && !next.getPath().startsWith(getRootPage())) { + if (next != null && !next.getPath().startsWith(getRootPage())) { next = null; } - return next != null ? next.getPath(): "unknown"; - } - - private Resource getCurrentPage(Resource resource) { - if(resource == null) { return null; } - String resourceType = null; - try{ - - ValueMap props = resource.adaptTo(ValueMap.class); - resourceType = props.get("jcr:primaryType", "type not found"); - LOG.debug("resource type is: " + resourceType + " path is:" + resource.getPath()); - // we only care about per:page node - if("per:Page".equals(resourceType)) { - LOG.debug("returned resource type is: " + resourceType + " path is:" + resource.getPath()); - return resource; - } - else { - if(resource.getParent() != null) { - return getCurrentPage(resource.getParent()); - } - } - } catch(Exception e){ - LOG.error("Exception: " + e); - } - return null; - } + return next != null ? next.getPath() : "unknown"; + } + private Resource getCurrentPage(Resource resource) { + if (resource == null) { + return null; + } + String resourceType = null; + try { + ValueMap props = resource.adaptTo(ValueMap.class); + resourceType = props.get("jcr:primaryType", "type not found"); + LOG.debug( + "resource type is: " + + resourceType + + " path is:" + + resource.getPath() + ); + // we only care about per:page node + if ("per:Page".equals(resourceType)) { + LOG.debug( + "returned resource type is: " + + resourceType + + " path is:" + + resource.getPath() + ); + return resource; + } else { + if (resource.getParent() != null) { + return getCurrentPage(resource.getParent()); + } + } + } catch (Exception e) { + LOG.error("Exception: " + e); + } + return null; + } } diff --git a/core/src/main/java/com/themecleanflex/models/QuoteModel.java b/core/src/main/java/com/themecleanflex/models/QuoteModel.java index 0b0cb49bf..c6ccf10f9 100644 --- a/core/src/main/java/com/themecleanflex/models/QuoteModel.java +++ b/core/src/main/java/com/themecleanflex/models/QuoteModel.java @@ -318,29 +318,27 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/quote", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/quote", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class QuoteModel extends AbstractComponent { - public QuoteModel(Resource r) { super(r); } + public QuoteModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ @Inject private String text; /* {"type":"string","x-source":"inject","x-form-label":"Block Quote?","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String blockquote; /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ @@ -353,17 +351,17 @@ public class QuoteModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -372,7 +370,7 @@ public class QuoteModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -381,17 +379,17 @@ public class QuoteModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -400,32 +398,32 @@ public class QuoteModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -440,11 +438,10 @@ public class QuoteModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ public String getText() { return text; } @@ -558,11 +555,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/ReferenceModel.java b/core/src/main/java/com/themecleanflex/models/ReferenceModel.java index 7483f3a58..f6153d5e3 100644 --- a/core/src/main/java/com/themecleanflex/models/ReferenceModel.java +++ b/core/src/main/java/com/themecleanflex/models/ReferenceModel.java @@ -1,10 +1,17 @@ package com.themecleanflex.models; +import static java.util.Objects.isNull; + import com.fasterxml.jackson.databind.ObjectMapper; import com.peregrine.commons.util.PerConstants; - import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; +import java.io.IOException; +import java.io.StringWriter; +import java.util.ArrayList; +import java.util.Collections; +import java.util.Map; +import javax.inject.Inject; import org.apache.sling.api.resource.Resource; import org.apache.sling.api.resource.ResourceResolver; import org.apache.sling.models.annotations.Default; @@ -17,16 +24,6 @@ import org.slf4j.Logger; import org.slf4j.LoggerFactory; -import java.io.IOException; -import java.io.StringWriter; -import java.util.ArrayList; -import java.util.Collections; -import java.util.Map; - -import javax.inject.Inject; - -import static java.util.Objects.isNull; - /* //GEN[:DATA { @@ -336,23 +333,21 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/reference", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class -) -@Exporter( - name = "jackson", - extensions = "json" + adaptables = Resource.class, + resourceType = "themecleanflex/components/reference", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class ReferenceModel extends AbstractComponent { - public ReferenceModel(Resource r) { super(r); } + public ReferenceModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Reference","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Reference","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ @Inject private String reference; @@ -370,17 +365,17 @@ public class ReferenceModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -389,7 +384,7 @@ public class ReferenceModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -398,17 +393,17 @@ public class ReferenceModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -417,32 +412,32 @@ public class ReferenceModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -457,11 +452,10 @@ public class ReferenceModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Reference","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Reference","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ public String getReference() { return reference; } @@ -576,92 +570,105 @@ public String getContentname() { return contentname; } + //GEN] -//GEN] + //GEN[:CUSTOMGETTERS + //GEN] - //GEN[:CUSTOMGETTERS - //GEN] + private static final Logger LOG = LoggerFactory.getLogger( + ReferenceModel.class + ); - private static final Logger LOG = LoggerFactory.getLogger(ReferenceModel.class); + @Inject + private ModelFactory modelFactory; - @Inject - private ModelFactory modelFactory; - - public String referenceJson; - - public String getReferenceJson() { - referenceJson = generateReferenceJson(); - return referenceJson; - } - - private String generateReferenceJson() { - if(reference == null || "".equals(reference)) { - return null; - } - ResourceResolver resourceResolver = getResource().getResourceResolver(); - Resource referencedResource = resourceResolver.getResource(reference+"/jcr:content"); - if(referencedResource == null) { - LOG.error("Reference '{}' does not resolve to a resource.", reference); - return null; - } - try { - Map referenceMap = modelFactory.exportModelForResource(referencedResource, - PerConstants.JACKSON, Map.class, Collections.emptyMap()); - - // TODO: finding the node should happen before the export due to the fact that this - // could result in a recursion if we point to content on the same page - Map result = findNode(referenceMap, "contentname", getContentnameref()); - if(result != null) { - StringWriter writer = new StringWriter(); - ObjectMapper mapper = new ObjectMapper(); - mapper.writeValue(writer, result); - writer.close(); - return writer.toString(); - } else { - return null; - } - } catch (ExportException e) { - LOG.error("Export failed for resource " + reference, e); - } catch (MissingExporterException e) { - LOG.error("Could not find exporter for resource " + reference, e); - } catch (IOException e) { - LOG.error("Failed to write json for resource " + reference, e); - } - return null; - } + public String referenceJson; - // find a node with the given key/value pair in our json output - private Map findNode(Map map, String name, String value) { - for (Object key : map.keySet()) { - Object val = map.get(key); - if(equals(key, name)) { - if(equals(value, val)) { - return map; - } - } - if("children".equals(key) && val instanceof ArrayList) { - ArrayList children = (ArrayList) val; - for (Object child : children) { - if(child instanceof Map) { - Map ret = findNode((Map) child, name, value); - if(ret != null) return ret; - } - } - } - } - return null; - } + public String getReferenceJson() { + referenceJson = generateReferenceJson(); + return referenceJson; + } - private static boolean equals(final Object obj, final Object other) { - if (obj == other) { - return true; - } + private String generateReferenceJson() { + if (reference == null || "".equals(reference)) { + return null; + } + ResourceResolver resourceResolver = getResource().getResourceResolver(); + Resource referencedResource = resourceResolver.getResource( + reference + "/jcr:content" + ); + if (referencedResource == null) { + LOG.error( + "Reference '{}' does not resolve to a resource.", + reference + ); + return null; + } + try { + Map referenceMap = modelFactory.exportModelForResource( + referencedResource, + PerConstants.JACKSON, + Map.class, + Collections.emptyMap() + ); + + // TODO: finding the node should happen before the export due to the fact that this + // could result in a recursion if we point to content on the same page + Map result = findNode( + referenceMap, + "contentname", + getContentnameref() + ); + if (result != null) { + StringWriter writer = new StringWriter(); + ObjectMapper mapper = new ObjectMapper(); + mapper.writeValue(writer, result); + writer.close(); + return writer.toString(); + } else { + return null; + } + } catch (ExportException e) { + LOG.error("Export failed for resource " + reference, e); + } catch (MissingExporterException e) { + LOG.error("Could not find exporter for resource " + reference, e); + } catch (IOException e) { + LOG.error("Failed to write json for resource " + reference, e); + } + return null; + } - if (isNull(obj) || isNull(other)) { - return false; - } + // find a node with the given key/value pair in our json output + private Map findNode(Map map, String name, String value) { + for (Object key : map.keySet()) { + Object val = map.get(key); + if (equals(key, name)) { + if (equals(value, val)) { + return map; + } + } + if ("children".equals(key) && val instanceof ArrayList) { + ArrayList children = (ArrayList) val; + for (Object child : children) { + if (child instanceof Map) { + Map ret = findNode((Map) child, name, value); + if (ret != null) return ret; + } + } + } + } + return null; + } - return obj.equals(other); - } + private static boolean equals(final Object obj, final Object other) { + if (obj == other) { + return true; + } + + if (isNull(obj) || isNull(other)) { + return false; + } - } + return obj.equals(other); + } +} diff --git a/core/src/main/java/com/themecleanflex/models/RichtextModel.java b/core/src/main/java/com/themecleanflex/models/RichtextModel.java index 5d1a25e18..8abbe063b 100644 --- a/core/src/main/java/com/themecleanflex/models/RichtextModel.java +++ b/core/src/main/java/com/themecleanflex/models/RichtextModel.java @@ -1,7 +1,10 @@ package com.themecleanflex.models; +import com.peregrine.model.api.ImageInfo; import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; +import java.awt.Dimension; +import javax.inject.Inject; import javax.inject.Inject; import org.apache.sling.api.resource.Resource; import org.apache.sling.models.annotations.Default; @@ -9,11 +12,6 @@ import org.apache.sling.models.annotations.Exporter; import org.apache.sling.models.annotations.Model; -import javax.inject.Inject; - -import com.peregrine.model.api.ImageInfo; -import java.awt.Dimension; - /* //GEN[:DATA { @@ -406,23 +404,21 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/richtext", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/richtext", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class RichtextModel extends AbstractComponent { - public RichtextModel(Resource r) { super(r); } + public RichtextModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ @Inject private String text; @@ -436,16 +432,16 @@ public class RichtextModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ @Inject - @Default(values ="") + @Default(values = "") private String imagesrc; @Inject - @ImageInfo(name="imagesrc") + @ImageInfo(name = "imagesrc") private Dimension imagesrcSize; /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ @Inject - @Default(values ="") + @Default(values = "") private String videosrc; /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ @@ -454,12 +450,12 @@ public class RichtextModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ @Inject - @Default(values ="50") + @Default(values = "50") private String mediawidth; /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ @Inject - @Default(values ="before") + @Default(values = "before") private String mediaposition; /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ @@ -472,17 +468,17 @@ public class RichtextModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -491,7 +487,7 @@ public class RichtextModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -500,17 +496,17 @@ public class RichtextModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -519,32 +515,32 @@ public class RichtextModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -559,11 +555,10 @@ public class RichtextModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ public String getText() { return text; } @@ -711,11 +706,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/SimpletextModel.java b/core/src/main/java/com/themecleanflex/models/SimpletextModel.java index eedda7e43..88e51fd04 100644 --- a/core/src/main/java/com/themecleanflex/models/SimpletextModel.java +++ b/core/src/main/java/com/themecleanflex/models/SimpletextModel.java @@ -344,29 +344,27 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/simpletext", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/simpletext", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class SimpletextModel extends AbstractComponent { - public SimpletextModel(Resource r) { super(r); } + public SimpletextModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"text"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"text"} */ @Inject private String text; /* {"type":"string","x-source":"inject","x-form-label":"Choose Element Type","x-form-group":"content","x-form-type":"materialselect","x-default":"p","properties":{"h1":{"x-form-name":"h1","x-form-value":"h1"},"h2":{"x-form-name":"h2","x-form-value":"h2"},"h3":{"x-form-name":"h3","x-form-value":"h3"},"h4":{"x-form-name":"h4","x-form-value":"h4"},"h5":{"x-form-name":"h5","x-form-value":"h5"},"p":{"x-form-name":"p","x-form-value":"p"}}} */ @Inject - @Default(values ="p") + @Default(values = "p") private String element; /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ @@ -379,17 +377,17 @@ public class SimpletextModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -398,7 +396,7 @@ public class SimpletextModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -407,17 +405,17 @@ public class SimpletextModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -426,32 +424,32 @@ public class SimpletextModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -466,11 +464,10 @@ public class SimpletextModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"text"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"text"} */ public String getText() { return text; } @@ -584,11 +581,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/SocialiconsModel.java b/core/src/main/java/com/themecleanflex/models/SocialiconsModel.java index 1cb549e99..13290e2c4 100644 --- a/core/src/main/java/com/themecleanflex/models/SocialiconsModel.java +++ b/core/src/main/java/com/themecleanflex/models/SocialiconsModel.java @@ -86,45 +86,42 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/socialicons", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/socialicons", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class SocialiconsModel extends AbstractComponent { - public SocialiconsModel(Resource r) { super(r); } + public SocialiconsModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ @Inject private String iconcustomcolor; /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ @Inject - @Default(values ="#000000") + @Default(values = "#000000") private String iconcolor; /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ @Inject - @Default(values ="25") + @Default(values = "25") private String iconsize; /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ @Inject private List icons; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ public String getIconcustomcolor() { return iconcustomcolor; } @@ -143,11 +140,9 @@ public String getIconsize() { public List getIcons() { return icons; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/SpacerModel.java b/core/src/main/java/com/themecleanflex/models/SpacerModel.java index 97a22d533..9c59f583b 100644 --- a/core/src/main/java/com/themecleanflex/models/SpacerModel.java +++ b/core/src/main/java/com/themecleanflex/models/SpacerModel.java @@ -225,23 +225,21 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/spacer", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/spacer", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class SpacerModel extends AbstractComponent { - public SpacerModel(Resource r) { super(r); } + public SpacerModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Height","x-form-group":"content","x-form-type":"materialrange","x-form-min":0,"x-form-max":100} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Height","x-form-group":"content","x-form-type":"materialrange","x-form-min":0,"x-form-max":100} */ @Inject private String height; @@ -251,12 +249,12 @@ public class SpacerModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -265,7 +263,7 @@ public class SpacerModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -274,17 +272,17 @@ public class SpacerModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Image Size","x-form-group":"style","x-form-type":"materialselect","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"cover","properties":{"section":{"x-form-name":"cover","x-form-value":"cover"},"article":{"x-form-name":"contain","x-form-value":"contain"},"main":{"x-form-name":"auto","x-form-value":"auto"}}} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-group":"style","x-form-type":"materialswitch","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -293,29 +291,28 @@ public class SpacerModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Height","x-form-group":"content","x-form-type":"materialrange","x-form-min":0,"x-form-max":100} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Height","x-form-group":"content","x-form-type":"materialrange","x-form-min":0,"x-form-max":100} */ public String getHeight() { return height; } @@ -389,11 +386,9 @@ public String getBgcolor() { public String getColor2() { return color2; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/TabsModel.java b/core/src/main/java/com/themecleanflex/models/TabsModel.java index 139fba74f..e072db1f7 100644 --- a/core/src/main/java/com/themecleanflex/models/TabsModel.java +++ b/core/src/main/java/com/themecleanflex/models/TabsModel.java @@ -1,20 +1,18 @@ package com.themecleanflex.models; +import com.peregrine.model.api.ImageInfo; import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; +import java.awt.Dimension; import java.util.List; import javax.inject.Inject; +import javax.inject.Inject; import org.apache.sling.api.resource.Resource; import org.apache.sling.models.annotations.Default; import org.apache.sling.models.annotations.DefaultInjectionStrategy; import org.apache.sling.models.annotations.Exporter; import org.apache.sling.models.annotations.Model; -import javax.inject.Inject; - -import com.peregrine.model.api.ImageInfo; -import java.awt.Dimension; - /* //GEN[:DATA { @@ -486,23 +484,21 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/tabs", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/tabs", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class TabsModel extends AbstractComponent { - public TabsModel(Resource r) { super(r); } + public TabsModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ @Inject private String showtitle; @@ -520,7 +516,7 @@ public class TabsModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-default":"before","x-form-visible":"model.showmedia == 'true'","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ @Inject - @Default(values ="before") + @Default(values = "before") private String mediaposition; /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ @@ -533,16 +529,16 @@ public class TabsModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ @Inject - @Default(values ="") + @Default(values = "") private String imagesrc; @Inject - @ImageInfo(name="imagesrc") + @ImageInfo(name = "imagesrc") private Dimension imagesrcSize; /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ @Inject - @Default(values ="") + @Default(values = "") private String videosrc; /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ @@ -551,12 +547,12 @@ public class TabsModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ @Inject - @Default(values ="50") + @Default(values = "50") private String mediawidth; /* {"type":"string","x-source":"inject","x-form-label":"Tab Color","x-form-group":"style","x-form-type":"materialselect","x-default":"blue","properties":{"primary":{"x-form-name":"Primary","x-form-value":"blue"},"success":{"x-form-name":"Success","x-form-value":"green"},"danger":{"x-form-name":"Danger","x-form-value":"red"},"warning":{"x-form-name":"Warning","x-form-value":"orange"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="blue") + @Default(values = "blue") private String tabcolor; /* {"type":"string","x-source":"inject","x-form-label":"Tabs","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Tab Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Tab Text","x-form-type":"texteditor"}}} */ @@ -573,17 +569,17 @@ public class TabsModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -592,7 +588,7 @@ public class TabsModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -601,17 +597,17 @@ public class TabsModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -620,32 +616,32 @@ public class TabsModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -660,11 +656,10 @@ public class TabsModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ public String getShowtitle() { return showtitle; } @@ -837,11 +832,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/TagsModel.java b/core/src/main/java/com/themecleanflex/models/TagsModel.java index 60bcabc0c..2ac138989 100644 --- a/core/src/main/java/com/themecleanflex/models/TagsModel.java +++ b/core/src/main/java/com/themecleanflex/models/TagsModel.java @@ -348,29 +348,27 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/tags", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/tags", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class TagsModel extends AbstractComponent { - public TagsModel(Resource r) { super(r); } + public TagsModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Tags Label","x-form-group":"content","x-form-type":"text"} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Tags Label","x-form-group":"content","x-form-type":"text"} */ @Inject private String tagslabel; /* {"type":"string","x-source":"inject","x-form-label":"Tag Color","x-form-type":"materialselect","x-form-group":"style","x-default":"blue","properties":{"note":{"x-form-name":"Blue","x-form-value":"blue"},"tip":{"x-form-name":"Green","x-form-value":"green"},"important":{"x-form-name":"Orange","x-form-value":"orange"},"caution":{"x-form-name":"Red","x-form-value":"red"},"warning":{"x-form-name":"Yellow","x-form-value":"yellow"}}} */ @Inject - @Default(values ="blue") + @Default(values = "blue") private String tagcolor; /* {"type":"string","x-source":"inject","x-form-label":"Tag Link Base Path","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ @@ -387,17 +385,17 @@ public class TagsModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -406,7 +404,7 @@ public class TagsModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -415,17 +413,17 @@ public class TagsModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -434,32 +432,32 @@ public class TagsModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -474,11 +472,10 @@ public class TagsModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Tags Label","x-form-group":"content","x-form-type":"text"} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Tags Label","x-form-group":"content","x-form-type":"text"} */ public String getTagslabel() { return tagslabel; } @@ -597,11 +594,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/TeaserhorizontalModel.java b/core/src/main/java/com/themecleanflex/models/TeaserhorizontalModel.java index f61ed0f01..52ebd0da6 100644 --- a/core/src/main/java/com/themecleanflex/models/TeaserhorizontalModel.java +++ b/core/src/main/java/com/themecleanflex/models/TeaserhorizontalModel.java @@ -499,25 +499,23 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/teaserhorizontal", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/teaserhorizontal", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class TeaserhorizontalModel extends AbstractComponent { - public TeaserhorizontalModel(Resource r) { super(r); } + public TeaserhorizontalModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-group":"style","x-form-type":"materialradio","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-group":"style","x-form-type":"materialradio","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ @Inject - @Default(values ="center") + @Default(values = "center") private String aligncontent; /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-group":"style","x-form-type":"materialswitch","x-form-default":"false"} */ @@ -550,7 +548,7 @@ public class TeaserhorizontalModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Text Width","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-default":100} */ @Inject - @Default(values ="100") + @Default(values = "100") private String textwidth; /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Button","x-form-type":"materialswitch"} */ @@ -559,12 +557,12 @@ public class TeaserhorizontalModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Button Position","x-form-type":"materialradio","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"right","properties":{"left":{"x-form-name":"Before Content","x-form-value":"left"},"right":{"x-form-name":"After Content","x-form-value":"right"}}} */ @Inject - @Default(values ="right") + @Default(values = "right") private String buttonside; /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String buttonsize; /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ @@ -581,17 +579,17 @@ public class TeaserhorizontalModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -600,7 +598,7 @@ public class TeaserhorizontalModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -609,17 +607,17 @@ public class TeaserhorizontalModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -628,32 +626,32 @@ public class TeaserhorizontalModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -668,11 +666,10 @@ public class TeaserhorizontalModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-group":"style","x-form-type":"materialradio","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-group":"style","x-form-type":"materialradio","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ public String getAligncontent() { return aligncontent; } @@ -841,11 +838,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/TeaserverticalModel.java b/core/src/main/java/com/themecleanflex/models/TeaserverticalModel.java index 8a9146e4b..a0c714329 100644 --- a/core/src/main/java/com/themecleanflex/models/TeaserverticalModel.java +++ b/core/src/main/java/com/themecleanflex/models/TeaserverticalModel.java @@ -1,22 +1,19 @@ package com.themecleanflex.models; +import com.peregrine.model.api.ImageInfo; import com.peregrine.model.api.ImageInfo; import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; - +import java.awt.Dimension; import java.util.List; import javax.inject.Inject; +import javax.inject.Inject; import org.apache.sling.api.resource.Resource; import org.apache.sling.models.annotations.Default; import org.apache.sling.models.annotations.DefaultInjectionStrategy; import org.apache.sling.models.annotations.Exporter; import org.apache.sling.models.annotations.Model; -import javax.inject.Inject; - -import com.peregrine.model.api.ImageInfo; -import java.awt.Dimension; - /* //GEN[:DATA { @@ -605,25 +602,23 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/teaservertical", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/teaservertical", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class TeaserverticalModel extends AbstractComponent { - public TeaserverticalModel(Resource r) { super(r); } + public TeaserverticalModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-type":"materialradio","x-default":"center","x-form-group":"style","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-type":"materialradio","x-default":"center","x-form-group":"style","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ @Inject - @Default(values ="center") + @Default(values = "center") private String aligncontent; /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-type":"materialswitch","x-form-group":"style","x-form-default":"false"} */ @@ -656,7 +651,7 @@ public class TeaserverticalModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Text Width","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-default":100} */ @Inject - @Default(values ="100") + @Default(values = "100") private String textwidth; /* {"type":"string","x-source":"inject","x-form-label":"Show Button","x-form-group":"style","x-form-type":"materialswitch"} */ @@ -665,12 +660,12 @@ public class TeaserverticalModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-visible":"","x-form-type":"materialradio","x-form-group":"style","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"end"}}} */ @Inject - @Default(values ="center") + @Default(values = "center") private String alignbuttons; /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-default":"default","x-form-group":"style","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String buttonsize; /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-type":"collection","x-form-group":"content","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ @@ -687,16 +682,16 @@ public class TeaserverticalModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ @Inject - @Default(values ="") + @Default(values = "") private String imagesrc; @Inject - @ImageInfo(name="imagesrc") + @ImageInfo(name = "imagesrc") private Dimension imagesrcSize; /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ @Inject - @Default(values ="") + @Default(values = "") private String videosrc; /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ @@ -705,12 +700,12 @@ public class TeaserverticalModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ @Inject - @Default(values ="50") + @Default(values = "50") private String mediawidth; /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ @Inject - @Default(values ="before") + @Default(values = "before") private String mediaposition; /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ @@ -723,17 +718,17 @@ public class TeaserverticalModel extends AbstractComponent { /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ @Inject - @Default(values ="section") + @Default(values = "section") private String htmlelement; /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="") + @Default(values = "") private String colorscheme; /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String custombackground; /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ @@ -742,7 +737,7 @@ public class TeaserverticalModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") private String bgvideo; /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ @@ -751,17 +746,17 @@ public class TeaserverticalModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgxposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String bgyposition; /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ @Inject - @Default(values ="cover") + @Default(values = "cover") private String bgsize; /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ @@ -770,32 +765,32 @@ public class TeaserverticalModel extends AbstractComponent { /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String overlaycolor; /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ @Inject - @Default(values ="50") + @Default(values = "50") private String overlayopacity; /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ @Inject - @Default(values ="#ffffff") + @Default(values = "#ffffff") private String bgcolor; /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ @Inject - @Default(values ="#c0c0c0") + @Default(values = "#c0c0c0") private String color2; /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ @Inject - @Default(values ="default") + @Default(values = "default") private String blockwidth; /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ @Inject - @Default(values ="false") + @Default(values = "false") private String fullheight; /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ @@ -810,11 +805,10 @@ public class TeaserverticalModel extends AbstractComponent { @Inject private String contentname; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-type":"materialradio","x-default":"center","x-form-group":"style","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-type":"materialradio","x-default":"center","x-form-group":"style","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ public String getAligncontent() { return aligncontent; } @@ -1022,11 +1016,9 @@ public String getBottompadding() { public String getContentname() { return contentname; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/TextlinksModel.java b/core/src/main/java/com/themecleanflex/models/TextlinksModel.java index 4980cecd6..1da791c06 100644 --- a/core/src/main/java/com/themecleanflex/models/TextlinksModel.java +++ b/core/src/main/java/com/themecleanflex/models/TextlinksModel.java @@ -88,36 +88,33 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/textlinks", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/textlinks", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class TextlinksModel extends AbstractComponent { - public TextlinksModel(Resource r) { super(r); } + public TextlinksModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ + //GEN[:INJECT + /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ @Inject private List links; /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ @Inject - @Default(values ="text-blue-800") + @Default(values = "text-blue-800") private String linkcolor; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ + //GEN[:GETTERS + /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ public List getLinks() { return links; } @@ -126,11 +123,9 @@ public List getLinks() { public String getLinkcolor() { return linkcolor; } + //GEN] - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/fragments/accordion/hatch.js b/fragments/accordion/hatch.js index d89e3206a..d934bda06 100644 --- a/fragments/accordion/hatch.js +++ b/fragments/accordion/hatch.js @@ -1,24 +1,24 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - //Header - f.addIf($.find('h2').first(), 'model.showtitle == \'true\'') - f.mapField($.find('h2').first(), "model.title") + //Header + f.addIf($.find("h2").first(), "model.showtitle == 'true'"); + f.mapField($.find("h2").first(), "model.title"); - //Content Container - let containerClasses = `{ + //Content Container + let containerClasses = `{ 'flex-col': model.mediaposition === 'before', 'flex-col-reverse': model.mediaposition === 'after', 'lg:flex-row': model.mediaposition === 'before', 'lg:flex-row-reverse': model.mediaposition === 'after' - }` + }`; - let contentDiv = $.find('.flex').first() - f.bindAttribute( contentDiv, 'class', containerClasses, false) + let contentDiv = $.find(".flex").first(); + f.bindAttribute(contentDiv, "class", containerClasses, false); - let accordionClasses = `{ + let accordionClasses = `{ 'bg-white' : model.colorscheme === 'light', 'bg-gray-800' : model.colorscheme === 'dark', 'border border-solid border-gray-300': model.colorscheme === 'light' && model.cardborder === 'true', @@ -28,51 +28,85 @@ module.exports = { 'rounded': model.roundedcorners == 'medium', 'rounded-lg': model.roundedcorners == 'large', 'rounded-full': model.roundedcorners == 'full' - }` - let accordionDiv = contentDiv.find('.accordion-container').first() - f.bindAttribute( accordionDiv, 'class', accordionClasses, false) + }`; + let accordionDiv = contentDiv.find(".accordion-container").first(); + f.bindAttribute(accordionDiv, "class", accordionClasses, false); - let mediaClasses = `{ + let mediaClasses = `{ 'img-wrapper rounded-none': model.roundedcorners == 'none', 'img-wrapper rounded-sm': model.roundedcorners == 'small', 'img-wrapper rounded': model.roundedcorners == 'medium', 'img-wrapper rounded-lg': model.roundedcorners == 'large', 'img-wrapper rounded-full': model.roundedcorners == 'full' - }` - //Media - let mediaDiv = contentDiv.find('.img-wrapper').first() - f.addIf( mediaDiv, "model.showmedia === 'true'") - f.bindAttribute( mediaDiv, 'style', "{flex:`0 0 ${model.mediawidth}%`}") - f.bindAttribute( mediaDiv, 'class', mediaClasses, false) - f.replace( mediaDiv.find('img'), '') + }`; + //Media + let mediaDiv = contentDiv.find(".img-wrapper").first(); + f.addIf(mediaDiv, "model.showmedia === 'true'"); + f.bindAttribute(mediaDiv, "style", "{flex:`0 0 ${model.mediawidth}%`}"); + f.bindAttribute(mediaDiv, "class", mediaClasses, false); + f.replace( + mediaDiv.find("img"), + '' + ); - let accordionContainerClasses = `{ + let accordionContainerClasses = `{ 'border-b border-solid border-gray-300': model.colorscheme === 'light' && model.cardborder === 'true', 'border-b border-solid border-gray-900': model.colorscheme === 'dark' && model.cardborder === 'true', 'bg-secondary': active[i] - }` + }`; - //Accordion Container - let accordionContainer = $.find('div:nth-child(1)').eq(1) - f.addFor(accordionContainer, 'model.accordiontoggle') - f.bindAttribute( accordionContainer, 'id', "`accordion${_uid}${parseInt(i)+1}`") - f.bindAttribute(accordionContainer, 'class', accordionContainerClasses, false) + //Accordion Container + let accordionContainer = $.find("div:nth-child(1)").eq(1); + f.addFor(accordionContainer, "model.accordiontoggle"); + f.bindAttribute( + accordionContainer, + "id", + "`accordion${_uid}${parseInt(i)+1}`" + ); + f.bindAttribute( + accordionContainer, + "class", + accordionContainerClasses, + false + ); - //Accordion Item Title Bar - let toggle = $.find('.accordion-toggle-button').first() - let toggleText = toggle.find('span'); - f.bindEvent(toggle, 'click', "toggleItem(i)") - f.bindAttribute(toggle, 'aria-expanded', "active[i] ? 'true' : 'false'") - f.mapField(toggleText, "item.title", "model.accordiontoggle", "title") + //Accordion Item Title Bar + let toggle = $.find(".accordion-toggle-button").first(); + let toggleText = toggle.find("span"); + f.bindEvent(toggle, "click", "toggleItem(i)"); + f.bindAttribute( + toggle, + "aria-expanded", + "active[i] ? 'true' : 'false'" + ); + f.mapField(toggleText, "item.title", "model.accordiontoggle", "title"); - //Acocordion Item Body - f.mapRichField($.find('div.card-content > div').first(), "item.text", "model.accordiontoggle", "text") - f.bindAttribute($.find('div.card-content > div').first(), 'ref', "`cardContent${i}`") - f.addStyle($.find('div.card-content').first(), 'height', "active[i] ? heights[i] + 'px' : '0px'") - f.addStyle($.find('svg').first(), 'transform', "active[i] ? 'rotate(180deg)': 'rotate(0)'") + //Acocordion Item Body + f.mapRichField( + $.find("div.card-content > div").first(), + "item.text", + "model.accordiontoggle", + "text" + ); + f.bindAttribute( + $.find("div.card-content > div").first(), + "ref", + "`cardContent${i}`" + ); + f.addStyle( + $.find("div.card-content").first(), + "height", + "active[i] ? heights[i] + 'px' : '0px'" + ); + f.addStyle( + $.find("svg").first(), + "transform", + "active[i] ? 'rotate(180deg)': 'rotate(0)'" + ); - f.addElse($); - $.parent().prepend('
no content defined for component
') - - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/accordion/model.json b/fragments/accordion/model.json index 7b5314896..f28abf9ad 100644 --- a/fragments/accordion/model.json +++ b/fragments/accordion/model.json @@ -1,129 +1,130 @@ { - "definitions": { - "Accordion": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "toggletype": { - "type": "string", - "x-source": "inject", - "x-form-label": "Collapse Style", - "x-form-group": "style", - "x-form-type": "materialradio", - "x-default": "accordion", - "properties": { - "toggle": { - "x-form-name": "Toggle", - "x-form-value": "toggle" - }, - "accordion": { - "x-form-name": "Accordion", - "x-form-value": "accordion" - } - } - }, - "showtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Title", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Title", - "x-form-visible": "model.showtitle == 'true'", - "x-form-group": "content", - "x-form-type": "text" - }, - "mediaref": { - "x-form-type": "reference", - "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" - }, - "mediaposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Media Position", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-form-visible": "model.showmedia == 'true'", - "x-default": "before", - "properties": { - "type1": { - "x-form-name": "Before Content", - "x-form-value": "before" - },"type2": { - "x-form-name": "After Content", - "x-form-value": "after" - } - } - }, - "cardborder": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Card Border", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-default": "true" - }, - "roundedcorners": { - "type": "string", - "x-source": "inject", - "x-form-label": "Rounded Corners", - "x-form-group": "style", - "x-form-type": "materialselect", - "x-default": "none", - "properties":{ - "none": { - "x-form-name": "none", - "x-form-value": "none" - }, - "small": { - "x-form-name": "small", - "x-form-value": "small" - }, - "medium": { - "x-form-name": "medium", - "x-form-value": "medium" - }, - "large": { - "x-form-name": "large", - "x-form-value": "large" - }, - "full": { - "x-form-name": "full", - "x-form-value": "full" - } - } - }, - "accordiontoggle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Accordion/Toggle", - "x-form-group": "content", - "x-form-type": "collection", - "properties": { - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Title", - "x-form-type": "text" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text", - "x-form-type": "texteditor" - } - } - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } -} \ No newline at end of file + "definitions": { + "Accordion": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "toggletype": { + "type": "string", + "x-source": "inject", + "x-form-label": "Collapse Style", + "x-form-group": "style", + "x-form-type": "materialradio", + "x-default": "accordion", + "properties": { + "toggle": { + "x-form-name": "Toggle", + "x-form-value": "toggle" + }, + "accordion": { + "x-form-name": "Accordion", + "x-form-value": "accordion" + } + } + }, + "showtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Title", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Title", + "x-form-visible": "model.showtitle == 'true'", + "x-form-group": "content", + "x-form-type": "text" + }, + "mediaref": { + "x-form-type": "reference", + "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" + }, + "mediaposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media Position", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-form-visible": "model.showmedia == 'true'", + "x-default": "before", + "properties": { + "type1": { + "x-form-name": "Before Content", + "x-form-value": "before" + }, + "type2": { + "x-form-name": "After Content", + "x-form-value": "after" + } + } + }, + "cardborder": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Card Border", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-default": "true" + }, + "roundedcorners": { + "type": "string", + "x-source": "inject", + "x-form-label": "Rounded Corners", + "x-form-group": "style", + "x-form-type": "materialselect", + "x-default": "none", + "properties": { + "none": { + "x-form-name": "none", + "x-form-value": "none" + }, + "small": { + "x-form-name": "small", + "x-form-value": "small" + }, + "medium": { + "x-form-name": "medium", + "x-form-value": "medium" + }, + "large": { + "x-form-name": "large", + "x-form-value": "large" + }, + "full": { + "x-form-name": "full", + "x-form-value": "full" + } + } + }, + "accordiontoggle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Accordion/Toggle", + "x-form-group": "content", + "x-form-type": "collection", + "properties": { + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Title", + "x-form-type": "text" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text", + "x-form-type": "texteditor" + } + } + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } +} diff --git a/fragments/accordion/sample-accordiondark.json b/fragments/accordion/sample-accordiondark.json index ef3446d9e..0dc92344b 100644 --- a/fragments/accordion/sample-accordiondark.json +++ b/fragments/accordion/sample-accordiondark.json @@ -1,30 +1,31 @@ { - "title": "Accordion - Dark" , - "group": "Features", - "model": { - "showtitle": "true", - "title": "Peregrine Accordion Dark Theme", - "backgroundtype": "color", - "colorscheme": "dark", - "bgcolor": "#ffffff", - "color2": "#ffffff", - "fullheight": "false", - "bottompadding": "30", - "toppadding": "30", - "mediatype": "image", - "imagesrc": "/content/themecleanflex/assets/samples/heel_small.jpg", - "mediatitle": "Old Ship sailing into sunset", - "mediawidth": "33", - "blockwidth": "article", - "toggletype": "accordion", - "accordiontoggle": [ - { - "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", - "title": "Learn More" - },{ - "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", - "title": "Contact Us" - } - ] - } + "title": "Accordion - Dark", + "group": "Features", + "model": { + "showtitle": "true", + "title": "Peregrine Accordion Dark Theme", + "backgroundtype": "color", + "colorscheme": "dark", + "bgcolor": "#ffffff", + "color2": "#ffffff", + "fullheight": "false", + "bottompadding": "30", + "toppadding": "30", + "mediatype": "image", + "imagesrc": "/content/themecleanflex/assets/samples/heel_small.jpg", + "mediatitle": "Old Ship sailing into sunset", + "mediawidth": "33", + "blockwidth": "article", + "toggletype": "accordion", + "accordiontoggle": [ + { + "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", + "title": "Learn More" + }, + { + "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", + "title": "Contact Us" + } + ] + } } diff --git a/fragments/accordion/sample-accordionmedia.json b/fragments/accordion/sample-accordionmedia.json index cd0189128..57d3dac36 100644 --- a/fragments/accordion/sample-accordionmedia.json +++ b/fragments/accordion/sample-accordionmedia.json @@ -1,30 +1,31 @@ { - "title": "Accordion - With Media", - "group": "Features", - "model": { - "showtitle": "true", - "title": "Peregrine Accordion", - "backgroundtype": "color", - "bgcolor": "#ffffff", - "color2": "#ffffff", - "fullheight": "false", - "bottompadding": "30", - "toppadding": "30", - "mediatype": "image", - "imagesrc": "/content/themecleanflex/assets/samples/heel_small.jpg", - "mediatitle": "Old Ship sailing into sunset", - "mediawidth": "33", - "showmedia": "true", - "blockwidth": "article", - "toggletype": "accordion", - "accordiontoggle": [ - { - "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", - "title": "Learn More" - },{ - "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", - "title": "Contact Us" - } - ] - } + "title": "Accordion - With Media", + "group": "Features", + "model": { + "showtitle": "true", + "title": "Peregrine Accordion", + "backgroundtype": "color", + "bgcolor": "#ffffff", + "color2": "#ffffff", + "fullheight": "false", + "bottompadding": "30", + "toppadding": "30", + "mediatype": "image", + "imagesrc": "/content/themecleanflex/assets/samples/heel_small.jpg", + "mediatitle": "Old Ship sailing into sunset", + "mediawidth": "33", + "showmedia": "true", + "blockwidth": "article", + "toggletype": "accordion", + "accordiontoggle": [ + { + "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", + "title": "Learn More" + }, + { + "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", + "title": "Contact Us" + } + ] + } } diff --git a/fragments/accordion/sample-bg.json b/fragments/accordion/sample-bg.json index 9a4a5aadf..4ab4be6ae 100644 --- a/fragments/accordion/sample-bg.json +++ b/fragments/accordion/sample-bg.json @@ -1,34 +1,36 @@ { - "title": "Accordion - Background Image", - "group": "Features", - "model": { - "showtitle": "true", - "title": "Peregrine Accordion", - "custombackground": "true", - "bgsize": "cover", - "backgroundtype": "image", - "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", - "colorscheme": "light", - "overlay": "true", - "overlaycolor": "#000000", - "overlayopacity": "25", - "bottompadding": "150", - "toppadding": "150", - "showmedia": "false", - "mediawidth": "33", - "blockwidth": "article", - "accordionortoggle": "false", - "accordiontoggle": [ - { - "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", - "title": "Why accordion?" - },{ - "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", - "title": "How to accordion?" - },{ - "text": "

remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

", - "title": "Join accordion" - } - ] - } + "title": "Accordion - Background Image", + "group": "Features", + "model": { + "showtitle": "true", + "title": "Peregrine Accordion", + "custombackground": "true", + "bgsize": "cover", + "backgroundtype": "image", + "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", + "colorscheme": "light", + "overlay": "true", + "overlaycolor": "#000000", + "overlayopacity": "25", + "bottompadding": "150", + "toppadding": "150", + "showmedia": "false", + "mediawidth": "33", + "blockwidth": "article", + "accordionortoggle": "false", + "accordiontoggle": [ + { + "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", + "title": "Why accordion?" + }, + { + "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", + "title": "How to accordion?" + }, + { + "text": "

remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

", + "title": "Join accordion" + } + ] + } } diff --git a/fragments/accordion/sample-blank.json b/fragments/accordion/sample-blank.json index 458d72f18..22dc34869 100644 --- a/fragments/accordion/sample-blank.json +++ b/fragments/accordion/sample-blank.json @@ -1,8 +1,7 @@ { - "title": "Accordion", - "group": "Features", - "model": { - "tabs": [ - ] - } + "title": "Accordion", + "group": "Features", + "model": { + "tabs": [] + } } diff --git a/fragments/accordion/sample-empty.json b/fragments/accordion/sample-empty.json index fb09492c4..034e08679 100644 --- a/fragments/accordion/sample-empty.json +++ b/fragments/accordion/sample-empty.json @@ -1,8 +1,7 @@ { - "title": "Accordion no default values", - "group": "Empty", - "model": { - "tabs": [ - ] - } -} \ No newline at end of file + "title": "Accordion no default values", + "group": "Empty", + "model": { + "tabs": [] + } +} diff --git a/fragments/accordion/sample-rte.json b/fragments/accordion/sample-rte.json index 150e23f8b..8ba1f2260 100644 --- a/fragments/accordion/sample-rte.json +++ b/fragments/accordion/sample-rte.json @@ -1,29 +1,31 @@ { - "title": "Accordion With Full RTE", - "group": ".hidden", - "model": { - "showtitle": "true", - "title": "Peregrine Accordion With Full RTE", - "backgroundtype": "color", - "bgcolor": "#f1f1f1", - "color2": "#ffffff", - "bottompadding": "30", - "toppadding": "30", - "showmedia": "false", - "mediawidth": "33", - "blockwidth": "article", - "accordionortoggle": "false", - "accordiontoggle": [ - { - "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

", - "title": "Big RTE Test Chunk" - },{ - "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", - "title": "How to accordion?" - },{ - "text": "

remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

", - "title": "Join accordion" - } - ] - } -} \ No newline at end of file + "title": "Accordion With Full RTE", + "group": ".hidden", + "model": { + "showtitle": "true", + "title": "Peregrine Accordion With Full RTE", + "backgroundtype": "color", + "bgcolor": "#f1f1f1", + "color2": "#ffffff", + "bottompadding": "30", + "toppadding": "30", + "showmedia": "false", + "mediawidth": "33", + "blockwidth": "article", + "accordionortoggle": "false", + "accordiontoggle": [ + { + "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

", + "title": "Big RTE Test Chunk" + }, + { + "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", + "title": "How to accordion?" + }, + { + "text": "

remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

", + "title": "Join accordion" + } + ] + } +} diff --git a/fragments/accordion/sample-toggle.json b/fragments/accordion/sample-toggle.json index 0eaa5429f..eb65e94f1 100644 --- a/fragments/accordion/sample-toggle.json +++ b/fragments/accordion/sample-toggle.json @@ -1,29 +1,31 @@ { - "title": "Toggle", - "group": "Features", - "model": { - "showtitle": "true", - "title": "Peregrine Toggle", - "backgroundtype": "color", - "bgcolor": "#f1f1f1", - "color2": "#ffffff", - "bottompadding": "30", - "toppadding": "30", - "toggletype": "toggle", - "showmedia": "false", - "mediawidth": "33", - "blockwidth": "article", - "accordiontoggle": [ - { - "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", - "title": "Why accordion?" - },{ - "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", - "title": "How to accordion?" - },{ - "text": "

remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

", - "title": "Join accordion" - } - ] - } -} \ No newline at end of file + "title": "Toggle", + "group": "Features", + "model": { + "showtitle": "true", + "title": "Peregrine Toggle", + "backgroundtype": "color", + "bgcolor": "#f1f1f1", + "color2": "#ffffff", + "bottompadding": "30", + "toppadding": "30", + "toggletype": "toggle", + "showmedia": "false", + "mediawidth": "33", + "blockwidth": "article", + "accordiontoggle": [ + { + "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", + "title": "Why accordion?" + }, + { + "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", + "title": "How to accordion?" + }, + { + "text": "

remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

", + "title": "Join accordion" + } + ] + } +} diff --git a/fragments/accordion/sample-togglemedia.json b/fragments/accordion/sample-togglemedia.json index 68b7a5fda..90ef0c9e5 100644 --- a/fragments/accordion/sample-togglemedia.json +++ b/fragments/accordion/sample-togglemedia.json @@ -1,31 +1,32 @@ { - "title": "Toggle - With Media", - "group": "Features", - "model": { - "showtitle": "true", - "title": "Peregrine Toggle", - "backgroundtype": "color", - "bgcolor": "#ffffff", - "color2": "#ffffff", - "fullheight": "false", - "bottompadding": "30", - "toppadding": "30", - "mediatype": "image", - "mediaposition": "after", - "imagesrc": "/content/themecleanflex/assets/samples/oldboat_small.jpg", - "mediatitle": "Old Ship sailing into sunset", - "mediawidth": "33", - "blockwidth": "article", - "showmedia": "true", - "toggletype": "toggle", - "accordiontoggle": [ - { - "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", - "title": "Learn More" - },{ - "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", - "title": "Contact Us" - } - ] - } + "title": "Toggle - With Media", + "group": "Features", + "model": { + "showtitle": "true", + "title": "Peregrine Toggle", + "backgroundtype": "color", + "bgcolor": "#ffffff", + "color2": "#ffffff", + "fullheight": "false", + "bottompadding": "30", + "toppadding": "30", + "mediatype": "image", + "mediaposition": "after", + "imagesrc": "/content/themecleanflex/assets/samples/oldboat_small.jpg", + "mediatitle": "Old Ship sailing into sunset", + "mediawidth": "33", + "blockwidth": "article", + "showmedia": "true", + "toggletype": "toggle", + "accordiontoggle": [ + { + "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", + "title": "Learn More" + }, + { + "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", + "title": "Contact Us" + } + ] + } } diff --git a/fragments/accordion/sample.json b/fragments/accordion/sample.json index 7862bf8ba..be2c9e946 100644 --- a/fragments/accordion/sample.json +++ b/fragments/accordion/sample.json @@ -1,29 +1,31 @@ { - "title": "Accordion - Light", - "group": "Features", - "model": { - "showtitle": "true", - "title": "Peregrine Accordion", - "backgroundtype": "color", - "bgcolor": "#f1f1f1", - "color2": "#ffffff", - "bottompadding": "30", - "toppadding": "30", - "showmedia": "false", - "mediawidth": "33", - "blockwidth": "article", - "accordionortoggle": "false", - "accordiontoggle": [ - { - "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", - "title": "Why accordion?" - },{ - "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", - "title": "How to accordion?" - },{ - "text": "

remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

", - "title": "Join accordion" - } - ] - } -} \ No newline at end of file + "title": "Accordion - Light", + "group": "Features", + "model": { + "showtitle": "true", + "title": "Peregrine Accordion", + "backgroundtype": "color", + "bgcolor": "#f1f1f1", + "color2": "#ffffff", + "bottompadding": "30", + "toppadding": "30", + "showmedia": "false", + "mediawidth": "33", + "blockwidth": "article", + "accordionortoggle": "false", + "accordiontoggle": [ + { + "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", + "title": "Why accordion?" + }, + { + "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", + "title": "How to accordion?" + }, + { + "text": "

remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

", + "title": "Join accordion" + } + ] + } +} diff --git a/fragments/accordion/template.html b/fragments/accordion/template.html index 52a5301df..75aabf443 100644 --- a/fragments/accordion/template.html +++ b/fragments/accordion/template.html @@ -2,29 +2,44 @@

Toggle with media

-
- +
-
- +

-

-
-
- -
+
+
-
diff --git a/fragments/accordion/template.vue b/fragments/accordion/template.vue index 49a107185..8c06bdd2a 100644 --- a/fragments/accordion/template.vue +++ b/fragments/accordion/template.vue @@ -1,27 +1,48 @@ diff --git a/fragments/block/hatch.js b/fragments/block/hatch.js index 98ec80cf1..edbeb35a9 100644 --- a/fragments/block/hatch.js +++ b/fragments/block/hatch.js @@ -1,23 +1,44 @@ module.exports = { - convert: function($, f) { - f.bindAttribute( $, 'class', '[classes, colors, model.component, model.extraclasses]', false) - f.bindAttribute( $, 'style', '[styles, sticky]', false) - f.bindAttribute( $, 'data-per-path', 'model.path') - f.bindAttribute( $, 'is', 'model.htmlelement || "div"') + convert: function ($, f) { + f.bindAttribute( + $, + "class", + "[classes, colors, model.component, model.extraclasses]", + false + ); + f.bindAttribute($, "style", "[styles, sticky]", false); + f.bindAttribute($, "data-per-path", "model.path"); + f.bindAttribute($, "is", 'model.htmlelement || "div"'); - f.bindAttribute( $, 'id', 'model.anchorname') + f.bindAttribute($, "id", "model.anchorname"); - f.addIf( $.find('div.embed-responsive').first(), "model.custombackground === 'true' && model.backgroundtype == 'video' && model.bgvideo" ) - f.bindAttribute( $.find('iframe').first(), 'src', "videoSource" ) - f.addStyle( $.find('div.embed-responsive').first(), 'position', "'absolute'") - f.addStyle( $.find('div.embed-responsive').first(), 'pointer-events', "'none'") - f.addStyle( $.find('div.embed-responsive').first(), 'z-index', "'-1'") - $.find('div.flex').append( '') + f.addIf( + $.find("div.embed-responsive").first(), + "model.custombackground === 'true' && model.backgroundtype == 'video' && model.bgvideo" + ); + f.bindAttribute($.find("iframe").first(), "src", "videoSource"); + f.addStyle( + $.find("div.embed-responsive").first(), + "position", + "'absolute'" + ); + f.addStyle( + $.find("div.embed-responsive").first(), + "pointer-events", + "'none'" + ); + f.addStyle($.find("div.embed-responsive").first(), "z-index", "'-1'"); + $.find("div.flex").append(""); - let containerClasses = `{ + let containerClasses = `{ 'container mx-auto' : model.blockwidth === 'default', 'w-full max-w-3xl mx-auto' : model.blockwidth === 'article' - }` - f.bindAttribute( $.find('div.flex').first(), 'class', containerClasses, false) - } -} + }`; + f.bindAttribute( + $.find("div.flex").first(), + "class", + containerClasses, + false + ); + }, +}; diff --git a/fragments/block/model-spacer.json b/fragments/block/model-spacer.json index 909d6eb96..e70a6c606 100644 --- a/fragments/block/model-spacer.json +++ b/fragments/block/model-spacer.json @@ -1,180 +1,183 @@ { - "definitions": { - "Block": { - "type": "object", - "x-type": "component", - "properties": { - "anchorname": { - "type": "string", - "x-source": "inject", - "x-form-label": "Anchor Name", - "x-form-group": "advanced", - "x-form-type": "text" - }, - "colorscheme" : { - "type": "string", - "x-source": "inject", - "x-form-label": "Block Color Scheme", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-default": "", - "properties": { - "none": { - "x-form-name": "None", - "x-form-value": "" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - }, - "custombackground": { - "type": "string", - "x-source": "inject", - "x-form-label": "Custom Background", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-default": "false" - }, - "backgroundtype": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Type", - "x-form-group": "style", - "x-form-type": "materialradio", - "x-form-visible": "model.custombackground == 'true'", - "properties": { - "color": { - "x-form-name": "Color", - "x-form-value": "color" - },"gradient": { - "x-form-name": "Gradient", - "x-form-value": "gradient" - },"image": { - "x-form-name": "Image", - "x-form-value": "image" - },"video": { - "x-form-name": "Video", - "x-form-value": "video" - } - } - }, - "bgvideo": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Video", - "x-form-group": "style", - "x-form-type": "pathbrowser", - "x-form-visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x-default": "https://www.youtube.com/embed/Ju86mknumYM", - "x-form-browserRoot": "/content/themecleanflex/assets" - }, - "bgimage": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Image", - "x-form-group": "style", - "x-form-type": "pathbrowser", - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-form-browserRoot": "/content/themecleanflex/assets" - }, - "bgxposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background X Position", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 100, - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "50" - }, - "bgyposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Y Position", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 100, - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "50" - }, - "bgsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Image Size", - "x-form-group": "style", - "x-form-type": "materialselect", - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "cover", - "properties":{ - "section": { - "x-form-name": "cover", - "x-form-value": "cover" - }, - "article": { - "x-form-name": "contain", - "x-form-value": "contain" - }, - "main": { - "x-form-name": "auto", - "x-form-value": "auto" - } - } - }, - "overlay": { - "type": "string", - "x-source": "inject", - "x-form-label": "Overlay", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'" - }, - "overlaycolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Overlay Color", - "x-form-group": "style", - "x-form-type": "color", - "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "#ffffff" - }, - "overlayopacity": { - "type": "string", - "x-source": "inject", - "x-form-label": "Overlay opacity", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 100, - "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "50" - }, - "bgcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Color", - "x-form-group": "style", - "x-form-type": "color", - "x-form-visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x-default": "#ffffff" - }, - "color2": { - "type": "string", - "x-source": "inject", - "x-form-label": "Color 2", - "x-form-group": "style", - "x-form-type": "color", - "x-form-visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x-default": "#c0c0c0" - } - } - } - } + "definitions": { + "Block": { + "type": "object", + "x-type": "component", + "properties": { + "anchorname": { + "type": "string", + "x-source": "inject", + "x-form-label": "Anchor Name", + "x-form-group": "advanced", + "x-form-type": "text" + }, + "colorscheme": { + "type": "string", + "x-source": "inject", + "x-form-label": "Block Color Scheme", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-default": "", + "properties": { + "none": { + "x-form-name": "None", + "x-form-value": "" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + }, + "custombackground": { + "type": "string", + "x-source": "inject", + "x-form-label": "Custom Background", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-default": "false" + }, + "backgroundtype": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Type", + "x-form-group": "style", + "x-form-type": "materialradio", + "x-form-visible": "model.custombackground == 'true'", + "properties": { + "color": { + "x-form-name": "Color", + "x-form-value": "color" + }, + "gradient": { + "x-form-name": "Gradient", + "x-form-value": "gradient" + }, + "image": { + "x-form-name": "Image", + "x-form-value": "image" + }, + "video": { + "x-form-name": "Video", + "x-form-value": "video" + } + } + }, + "bgvideo": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Video", + "x-form-group": "style", + "x-form-type": "pathbrowser", + "x-form-visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x-default": "https://www.youtube.com/embed/Ju86mknumYM", + "x-form-browserRoot": "/content/themecleanflex/assets" + }, + "bgimage": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Image", + "x-form-group": "style", + "x-form-type": "pathbrowser", + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-form-browserRoot": "/content/themecleanflex/assets" + }, + "bgxposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background X Position", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 100, + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "50" + }, + "bgyposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Y Position", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 100, + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "50" + }, + "bgsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Image Size", + "x-form-group": "style", + "x-form-type": "materialselect", + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "cover", + "properties": { + "section": { + "x-form-name": "cover", + "x-form-value": "cover" + }, + "article": { + "x-form-name": "contain", + "x-form-value": "contain" + }, + "main": { + "x-form-name": "auto", + "x-form-value": "auto" + } + } + }, + "overlay": { + "type": "string", + "x-source": "inject", + "x-form-label": "Overlay", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'" + }, + "overlaycolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Overlay Color", + "x-form-group": "style", + "x-form-type": "color", + "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "#ffffff" + }, + "overlayopacity": { + "type": "string", + "x-source": "inject", + "x-form-label": "Overlay opacity", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 100, + "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "50" + }, + "bgcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Color", + "x-form-group": "style", + "x-form-type": "color", + "x-form-visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x-default": "#ffffff" + }, + "color2": { + "type": "string", + "x-source": "inject", + "x-form-label": "Color 2", + "x-form-group": "style", + "x-form-type": "color", + "x-form-visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x-default": "#c0c0c0" + } + } + } + } } diff --git a/fragments/block/model.json b/fragments/block/model.json index 51b955353..b415181ed 100644 --- a/fragments/block/model.json +++ b/fragments/block/model.json @@ -1,267 +1,270 @@ { - "definitions": { - "Block": { - "type": "object", - "x-type": "component", - "properties": { - "anchorname": { - "type": "string", - "x-source": "inject", - "x-form-label": "Anchor Name", - "x-form-group": "advanced", - "x-form-type": "text" - }, - "extraclasses": { - "type": "string", - "x-source": "inject", - "x-form-label": "Additonal Classes", - "x-form-group": "advanced", - "x-form-type": "text" - }, - "htmlelement": { - "type": "string", - "x-form-group": "advanced", - "x-source": "inject", - "x-form-label": "Semantic Element", - "x-form-type": "materialselect", - "x-default": "section", - "properties":{ - "section": { - "x-form-name": "section", - "x-form-value": "section" - }, - "article": { - "x-form-name": "article", - "x-form-value": "article" - }, - "main": { - "x-form-name": "main", - "x-form-value": "main" - }, - "div": { - "x-form-name": "div", - "x-form-value": "div" - }, - "header": { - "x-form-name": "header", - "x-form-value": "header" - }, - "nav": { - "x-form-name": "nav", - "x-form-value": "nav" - }, - "footer": { - "x-form-name": "footer", - "x-form-value": "footer" - } - } - }, - "colorscheme" : { - "type": "string", - "x-source": "inject", - "x-form-label": "Block Color Scheme", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-default": "", - "properties": { - "none": { - "x-form-name": "None", - "x-form-value": "" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - }, - "custombackground": { - "type": "string", - "x-source": "inject", - "x-form-label": "Custom Background", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-default": "false" - }, - "backgroundtype": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Type", - "x-form-group": "style", - "x-form-type": "materialradio", - "x-form-visible": "model.custombackground == 'true'", - "properties": { - "color": { - "x-form-name": "Color", - "x-form-value": "color" - },"gradient": { - "x-form-name": "Gradient", - "x-form-value": "gradient" - },"image": { - "x-form-name": "Image", - "x-form-value": "image" - },"video": { - "x-form-name": "Video", - "x-form-value": "video" - } - } - }, - "bgvideo": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Video", - "x-form-group": "style", - "x-form-type": "pathbrowser", - "x-form-visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x-default": "https://www.youtube.com/embed/Ju86mknumYM", - "x-form-browserRoot": "/content/themecleanflex/assets" - }, - "bgimage": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Image", - "x-form-type": "pathbrowser", - "x-form-group": "style", - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-form-browserRoot": "/content/themecleanflex/assets" - }, - "bgxposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background X Position", - "x-form-type": "materialrange", - "x-form-group": "style", - "x-form-min": 0, - "x-form-max": 100, - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "50" - }, - "bgyposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Y Position", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 100, - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "50" - }, - "bgsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Size Style", - "x-form-type": "text", - "x-form-group": "style", - "x-default": "cover" - }, - "overlay": { - "type": "string", - "x-source": "inject", - "x-form-label": "Overlay", - "x-form-type": "materialswitch", - "x-form-group": "style", - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'" - }, - "overlaycolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Overlay Color", - "x-form-group": "style", - "x-form-type": "color", - "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "#ffffff" - }, - "overlayopacity": { - "type": "string", - "x-source": "inject", - "x-form-label": "Overlay opacity", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 100, - "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "50" - }, - "bgcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Color", - "x-form-group": "style", - "x-form-type": "color", - "x-form-visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x-default": "#ffffff" - }, - "color2": { - "type": "string", - "x-source": "inject", - "x-form-label": "Color 2", - "x-form-group": "style", - "x-form-type": "color", - "x-form-visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x-default": "#c0c0c0" - }, - "blockwidth": { - "type": "string", - "x-source": "inject", - "x-form-label": "Block Width", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-default": "default", - "properties": { - "default": { - "x-form-name": "Default", - "x-form-value": "default" - }, - "full": { - "x-form-name": "Full Width", - "x-form-value": "full" - }, - "article": { - "x-form-name": "Article Width", - "x-form-value": "article" - } - } - }, - "fullheight": { - "type": "string", - "x-source": "inject", - "x-form-label": "Full Height", - "x-form-type": "materialswitch", - "x-form-group": "style", - "x-default": "false" - }, - "toppadding": { - "type": "string", - "x-source": "inject", - "x-form-label": "Top Padding", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 300, - "x-form-group": "style", - "x-form-visible": "model.fullheight != 'true'" - }, - "bottompadding": { - "type": "string", - "x-source": "inject", - "x-form-label": "Bottom Padding", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 300, - "x-form-group": "style", - "x-form-visible": "model.fullheight != 'true'" - }, - "contentname": { - "type": "string", - "x-source": "inject", - "x-form-label": "Content Name", - "x-form-group": "advanced", - "x-form-type": "text" - } - } - } - } + "definitions": { + "Block": { + "type": "object", + "x-type": "component", + "properties": { + "anchorname": { + "type": "string", + "x-source": "inject", + "x-form-label": "Anchor Name", + "x-form-group": "advanced", + "x-form-type": "text" + }, + "extraclasses": { + "type": "string", + "x-source": "inject", + "x-form-label": "Additonal Classes", + "x-form-group": "advanced", + "x-form-type": "text" + }, + "htmlelement": { + "type": "string", + "x-form-group": "advanced", + "x-source": "inject", + "x-form-label": "Semantic Element", + "x-form-type": "materialselect", + "x-default": "section", + "properties": { + "section": { + "x-form-name": "section", + "x-form-value": "section" + }, + "article": { + "x-form-name": "article", + "x-form-value": "article" + }, + "main": { + "x-form-name": "main", + "x-form-value": "main" + }, + "div": { + "x-form-name": "div", + "x-form-value": "div" + }, + "header": { + "x-form-name": "header", + "x-form-value": "header" + }, + "nav": { + "x-form-name": "nav", + "x-form-value": "nav" + }, + "footer": { + "x-form-name": "footer", + "x-form-value": "footer" + } + } + }, + "colorscheme": { + "type": "string", + "x-source": "inject", + "x-form-label": "Block Color Scheme", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-default": "", + "properties": { + "none": { + "x-form-name": "None", + "x-form-value": "" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + }, + "custombackground": { + "type": "string", + "x-source": "inject", + "x-form-label": "Custom Background", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-default": "false" + }, + "backgroundtype": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Type", + "x-form-group": "style", + "x-form-type": "materialradio", + "x-form-visible": "model.custombackground == 'true'", + "properties": { + "color": { + "x-form-name": "Color", + "x-form-value": "color" + }, + "gradient": { + "x-form-name": "Gradient", + "x-form-value": "gradient" + }, + "image": { + "x-form-name": "Image", + "x-form-value": "image" + }, + "video": { + "x-form-name": "Video", + "x-form-value": "video" + } + } + }, + "bgvideo": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Video", + "x-form-group": "style", + "x-form-type": "pathbrowser", + "x-form-visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x-default": "https://www.youtube.com/embed/Ju86mknumYM", + "x-form-browserRoot": "/content/themecleanflex/assets" + }, + "bgimage": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Image", + "x-form-type": "pathbrowser", + "x-form-group": "style", + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-form-browserRoot": "/content/themecleanflex/assets" + }, + "bgxposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background X Position", + "x-form-type": "materialrange", + "x-form-group": "style", + "x-form-min": 0, + "x-form-max": 100, + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "50" + }, + "bgyposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Y Position", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 100, + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "50" + }, + "bgsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Size Style", + "x-form-type": "text", + "x-form-group": "style", + "x-default": "cover" + }, + "overlay": { + "type": "string", + "x-source": "inject", + "x-form-label": "Overlay", + "x-form-type": "materialswitch", + "x-form-group": "style", + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'" + }, + "overlaycolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Overlay Color", + "x-form-group": "style", + "x-form-type": "color", + "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "#ffffff" + }, + "overlayopacity": { + "type": "string", + "x-source": "inject", + "x-form-label": "Overlay opacity", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 100, + "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "50" + }, + "bgcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Color", + "x-form-group": "style", + "x-form-type": "color", + "x-form-visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x-default": "#ffffff" + }, + "color2": { + "type": "string", + "x-source": "inject", + "x-form-label": "Color 2", + "x-form-group": "style", + "x-form-type": "color", + "x-form-visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x-default": "#c0c0c0" + }, + "blockwidth": { + "type": "string", + "x-source": "inject", + "x-form-label": "Block Width", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-default": "default", + "properties": { + "default": { + "x-form-name": "Default", + "x-form-value": "default" + }, + "full": { + "x-form-name": "Full Width", + "x-form-value": "full" + }, + "article": { + "x-form-name": "Article Width", + "x-form-value": "article" + } + } + }, + "fullheight": { + "type": "string", + "x-source": "inject", + "x-form-label": "Full Height", + "x-form-type": "materialswitch", + "x-form-group": "style", + "x-default": "false" + }, + "toppadding": { + "type": "string", + "x-source": "inject", + "x-form-label": "Top Padding", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 300, + "x-form-group": "style", + "x-form-visible": "model.fullheight != 'true'" + }, + "bottompadding": { + "type": "string", + "x-source": "inject", + "x-form-label": "Bottom Padding", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 300, + "x-form-group": "style", + "x-form-visible": "model.fullheight != 'true'" + }, + "contentname": { + "type": "string", + "x-source": "inject", + "x-form-label": "Content Name", + "x-form-group": "advanced", + "x-form-type": "text" + } + } + } + } } diff --git a/fragments/block/template.html b/fragments/block/template.html index bce8839a3..eab124113 100644 --- a/fragments/block/template.html +++ b/fragments/block/template.html @@ -1,9 +1,9 @@ -
- -
- -
-
+
+ +
+
diff --git a/fragments/block/template.vue b/fragments/block/template.vue index 7852342ff..12b92bcd7 100644 --- a/fragments/block/template.vue +++ b/fragments/block/template.vue @@ -1,139 +1,155 @@ - diff --git a/fragments/breadcrumb/hatch.js b/fragments/breadcrumb/hatch.js index b090091c8..5113e50d1 100644 --- a/fragments/breadcrumb/hatch.js +++ b/fragments/breadcrumb/hatch.js @@ -1,34 +1,40 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - let span = $.find('span').first() - f.addFor( span, 'model.links' ) - f.bindAttribute( span, 'class', "{'font-bold': i === model.links.length - 1}", false) + let span = $.find("span").first(); + f.addFor(span, "model.links"); + f.bindAttribute( + span, + "class", + "{'font-bold': i === model.links.length - 1}", + false + ); - let aClasses = `{ + let aClasses = `{ 'text-blue-700': model.linkcolor === 'primary', 'text-green-700': model.linkcolor === 'success', 'text-red-700': model.linkcolor === 'danger', 'text-orange-700': model.linkcolor === 'warning', 'text-white': model.linkcolor === 'light', 'text-black': model.linkcolor === 'dark' - }` + }`; - let anchor = $.find('a') - f.addIf( anchor, "i + 1 < model.links.length" ) - f.bindAttribute( anchor, 'href', "item.link + '.html'") - f.mapField( anchor, "item.text", false) + let anchor = $.find("a"); + f.addIf(anchor, "i + 1 < model.links.length"); + f.bindAttribute(anchor, "href", "item.link + '.html'"); + f.mapField(anchor, "item.text", false); - f.bindAttribute(anchor, 'class', aClasses, false) + f.bindAttribute(anchor, "class", aClasses, false); - let spanInner = span.find('span') - f.addIf( spanInner, "i+1 === model.links.length" ) - f.mapField( spanInner, "item.text", false) + let spanInner = span.find("span"); + f.addIf(spanInner, "i+1 === model.links.length"); + f.mapField(spanInner, "item.text", false); - f.addElse($); - $.parent().prepend('
no content defined for component
') - - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/breadcrumb/model.json b/fragments/breadcrumb/model.json index 78abeb8a9..bb4df57d2 100644 --- a/fragments/breadcrumb/model.json +++ b/fragments/breadcrumb/model.json @@ -1,56 +1,56 @@ { - "definitions": { - "Breadcrumb": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "level": { - "type": "string", - "x-source": "inject", - "x-form-label": "Number Of Levels", - "x-form-group": "content", - "x-form-type": "number" - }, - "linkcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Link Color", - "x-form-type": "materialselect", - "x-form-group": "style", - "x-default": "primary", - "properties":{ - "primary": { - "x-form-name": "Primary", - "x-form-value": "primary" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "success" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "danger" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Breadcrumb": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "level": { + "type": "string", + "x-source": "inject", + "x-form-label": "Number Of Levels", + "x-form-group": "content", + "x-form-type": "number" + }, + "linkcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Link Color", + "x-form-type": "materialselect", + "x-form-group": "style", + "x-default": "primary", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "primary" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "success" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "danger" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/breadcrumb/sample.json b/fragments/breadcrumb/sample.json index fa0fb454d..a4c33eb6e 100644 --- a/fragments/breadcrumb/sample.json +++ b/fragments/breadcrumb/sample.json @@ -1,10 +1,10 @@ { - "title": "Breadcrumb", - "group": "Chrome", - "model": { - "level": "3", - "toppadding": 10, - "bottompadding": 10, - "linkcolor": "primary" - } + "title": "Breadcrumb", + "group": "Chrome", + "model": { + "level": "3", + "toppadding": 10, + "bottompadding": 10, + "linkcolor": "primary" + } } diff --git a/fragments/breadcrumb/template.vue b/fragments/breadcrumb/template.vue index e1f5d1e1d..028e0d027 100644 --- a/fragments/breadcrumb/template.vue +++ b/fragments/breadcrumb/template.vue @@ -1,39 +1,51 @@ - diff --git a/fragments/cards/hatch.js b/fragments/cards/hatch.js index 78226fe67..b93f71996 100644 --- a/fragments/cards/hatch.js +++ b/fragments/cards/hatch.js @@ -1,9 +1,9 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - let widths = `{ + let widths = `{ 'lg:w-full': model.cardsperrow == 1, 'lg:w-1/2': model.cardsperrow == 2, 'lg:w-1/3': model.cardsperrow == 3, @@ -22,13 +22,13 @@ module.exports = { 'w-1/4': model.cardsperrowmobile == 4, 'w-1/5': model.cardsperrowmobile == 5, 'w-1/6': model.cardsperrowmobile == 6, - }` + }`; - //Card Width - f.bindAttribute($.find('div.card').first(), 'class', widths, false); + //Card Width + f.bindAttribute($.find("div.card").first(), "class", widths, false); - //Card - let cardClasses = `{ + //Card + let cardClasses = `{ 'card--bg': model.showcard === 'true' || model.customcardcolor === 'true', 'bg-secondary': model.showcard === 'true' && model.customcardcolor !== 'true', 'border border-solid': (model.customcardcolor !== 'true') && model.cardborder === 'true', @@ -36,37 +36,76 @@ module.exports = { 'rounded-sm': model.roundedcorners == 'small', 'rounded': model.roundedcorners == 'medium', 'rounded-lg': model.roundedcorners == 'large' - }` + }`; - f.addFor($.find('div.card').first(), 'model.cards') - f.addStyle($.find('div.card > div').first(), 'background-color', "model.customcardcolor === 'true' && model.showcard === 'true' ? model.cardcolor: ''") - f.bindAttribute($.find('div.card > div').first(), 'class', cardClasses, false) + f.addFor($.find("div.card").first(), "model.cards"); + f.addStyle( + $.find("div.card > div").first(), + "background-color", + "model.customcardcolor === 'true' && model.showcard === 'true' ? model.cardcolor: ''" + ); + f.bindAttribute( + $.find("div.card > div").first(), + "class", + cardClasses, + false + ); - let cardBodyClasses = `{ + let cardBodyClasses = `{ 'p-6': model.showcard === 'true' || model.cardborder === 'true' - }` - f.bindAttribute($.find('div.card>div>div').eq(1), 'class', cardBodyClasses, false) + }`; + f.bindAttribute( + $.find("div.card>div>div").eq(1), + "class", + cardBodyClasses, + false + ); - f.bindAttribute($.find('div.card>div>div').eq(0), 'style', '{width: item.imagewidth + "%"}') - //Image - f.replace($.find('img'), '') - f.bindAttribute($.find('v-lazy-image').first(), 'class', "model.showcard === 'true' || model.cardborder === 'true' ? 'card-img w-full' : 'card-img mb-3 w-full'") - f.bindAttribute($.find('v-lazy-image').first(), 'src', f.pathToUrl('item.image')) - f.bindAttribute($.find('v-lazy-image').first(), 'alt', 'item.imagealttext') - f.bindAttribute($.find('v-lazy-image').first(), 'src-placeholder', 'placeholderSrc(item)') - f.addIf($.find('v-lazy-image').first(), 'item.image') + f.bindAttribute( + $.find("div.card>div>div").eq(0), + "style", + '{width: item.imagewidth + "%"}' + ); + //Image + f.replace($.find("img"), ""); + f.bindAttribute( + $.find("v-lazy-image").first(), + "class", + "model.showcard === 'true' || model.cardborder === 'true' ? 'card-img w-full' : 'card-img mb-3 w-full'" + ); + f.bindAttribute( + $.find("v-lazy-image").first(), + "src", + f.pathToUrl("item.image") + ); + f.bindAttribute( + $.find("v-lazy-image").first(), + "alt", + "item.imagealttext" + ); + f.bindAttribute( + $.find("v-lazy-image").first(), + "src-placeholder", + "placeholderSrc(item)" + ); + f.addIf($.find("v-lazy-image").first(), "item.image"); - //Title - f.addIf($.find('h2').first(), 'model.showtitle == \'true\'') - f.mapField($.find('h2').first(), "item.title", "model.cards", "title") - f.addStyle($.find('h2').first(), 'color', 'item.color') + //Title + f.addIf($.find("h2").first(), "model.showtitle == 'true'"); + f.mapField($.find("h2").first(), "item.title", "model.cards", "title"); + f.addStyle($.find("h2").first(), "color", "item.color"); - //Text - f.addIf($.find('h2 + div').first(), 'model.showtext == \'true\'') - f.mapRichField($.find('h2 + div').first(), "item.text", "model.cards", "text") + //Text + f.addIf($.find("h2 + div").first(), "model.showtext == 'true'"); + f.mapRichField( + $.find("h2 + div").first(), + "item.text", + "model.cards", + "text" + ); - //Button - let aClasses = `{ + //Button + let aClasses = `{ 'btn-lg': item.buttonsize === 'large', 'btn-sm': item.buttonsize === 'small', 'btn-primary': item.buttoncolor === 'primary', @@ -78,16 +117,18 @@ module.exports = { 'self-center': item.buttonalign === 'center', 'self-end': item.buttonalign === 'right', 'my-3': model.cardborder !== 'true' && model.showcard !== 'true' - }` + }`; - let a = $.find('a.btn') - f.addIf($.find('div.text-center').first(), 'item.buttontext') - f.addIf( a, 'showbutton(item)') - f.bindAttribute( a, 'href', f.pathToUrl('item.buttonlink')) - f.bindAttribute( a, 'class', aClasses, false) - f.mapField( a, "item.buttontext", "model.cards", "buttontext") + let a = $.find("a.btn"); + f.addIf($.find("div.text-center").first(), "item.buttontext"); + f.addIf(a, "showbutton(item)"); + f.bindAttribute(a, "href", f.pathToUrl("item.buttonlink")); + f.bindAttribute(a, "class", aClasses, false); + f.mapField(a, "item.buttontext", "model.cards", "buttontext"); - f.addElse($); - $.parent().prepend('
no content defined for component
') - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/cards/model.json b/fragments/cards/model.json index 50bba57e5..b351eb213 100644 --- a/fragments/cards/model.json +++ b/fragments/cards/model.json @@ -1,262 +1,262 @@ { - "definitions": { - "Cards": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "showtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Card Title", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "showtext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Card Text", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "showbutton": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Card Button", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "showcard": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Card Background", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "customcardcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Custom Card Color", - "x-form-visible": "model.showcard == 'true'", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "cardcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Card Color", - "x-form-type": "color", - "x-form-visible": "model.showcard == 'true' and model.customcardcolor == 'true'", - "x-form-group": "style", - "x-default": "#ffffff" - }, - "cardborder": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Card Border", - "x-form-type": "materialswitch", - "x-form-group": "style", - "x-default": "true" - }, - "roundedcorners": { - "type": "string", - "x-source": "inject", - "x-form-label": "Rounded Corners", - "x-form-type": "materialselect", - "x-form-group": "style", - "x-default": "none", - "properties":{ - "none": { - "x-form-name": "none", - "x-form-value": "none" - }, - "small": { - "x-form-name": "small", - "x-form-value": "small" - }, - "medium": { - "x-form-name": "medium", - "x-form-value": "medium" - }, - "large": { - "x-form-name": "large", - "x-form-value": "large" - } - } - }, - "cardsperrow": { - "type": "string", - "x-source": "inject", - "x-form-label": "Cards Per Row", - "x-form-type": "materialrange", - "x-form-group": "style", - "x-default": 4, - "x-form-min": 1, - "x-form-max": 6 - }, - "cardsperrowtab": { - "type": "string", - "x-source": "inject", - "x-form-label": "Cards Per Row (Tablet)", - "x-form-type": "materialrange", - "x-form-group": "style", - "x-default": 2, - "x-form-min": 1, - "x-form-max": 6 - }, - "cardsperrowmobile": { - "type": "string", - "x-source": "inject", - "x-form-label": "Cards Per Row (Mobile)", - "x-form-type": "materialrange", - "x-form-group": "style", - "x-default": 1, - "x-form-min": 1, - "x-form-max": 6 - }, - "cards": { - "type": "string", - "x-source": "inject", - "x-form-label": "Cards", - "x-form-fieldLabel": "title", - "x-form-group": "content", - "x-form-type": "collection", - "x-collection-type": "Card", - "properties": { - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Card Title", - "x-form-visible": "model.showtitle == 'true'", - "x-form-type": "text" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Card Text", - "x-form-visible": "model.showtext == 'true'", - "x-form-type": "texteditor" - }, - "image": { - "type": "string", - "x-source": "inject", - "x-form-label": "Card Image", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/assets", - "x-annotate": "size" - }, - "imagewidth": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Width", - "x-form-type": "materialrange", - "x-default": "100", - "x-form-min": "10", - "x-form-max": "100" - }, - "imagealttext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Alt Text", - "x-form-type": "text" - }, - "buttontext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Text", - "x-form-visible": "model.showbutton == 'true'", - "x-form-type": "text" - }, - "buttonlink": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Link", - "x-form-visible": "model.showbutton == 'true'", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "buttoncolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Color", - "x-form-type": "materialselect", - "x-default": "primary", - "properties":{ - "primary": { - "x-form-name": "Primary", - "x-form-value": "primary" - }, - "secondary": { - "x-form-name": "Secondary", - "x-form-value": "secondary" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "success" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "danger" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - }, - "info": { - "x-form-name": "Info", - "x-form-value": "info" - } - } - }, - "buttonsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Size", - "x-form-type": "materialselect", - "x-default": "default", - "properties":{ - "default": { - "x-form-name": "Default", - "x-form-value": "default" - }, - "large": { - "x-form-name": "Large", - "x-form-value": "large" - }, - "small": { - "x-form-name": "Small", - "x-form-value": "small" - } - } - }, - "buttonalign": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Alignment", - "x-form-type": "materialselect", - "x-default": "center", - "properties":{ - "left": { - "x-form-name": "Left", - "x-form-value": "left" - }, - "center": { - "x-form-name": "Center", - "x-form-value": "center" - }, - "right": { - "x-form-name": "Right", - "x-form-value": "right" - } - } - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Cards": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "showtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Card Title", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "showtext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Card Text", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "showbutton": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Card Button", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "showcard": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Card Background", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "customcardcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Custom Card Color", + "x-form-visible": "model.showcard == 'true'", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "cardcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Card Color", + "x-form-type": "color", + "x-form-visible": "model.showcard == 'true' and model.customcardcolor == 'true'", + "x-form-group": "style", + "x-default": "#ffffff" + }, + "cardborder": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Card Border", + "x-form-type": "materialswitch", + "x-form-group": "style", + "x-default": "true" + }, + "roundedcorners": { + "type": "string", + "x-source": "inject", + "x-form-label": "Rounded Corners", + "x-form-type": "materialselect", + "x-form-group": "style", + "x-default": "none", + "properties": { + "none": { + "x-form-name": "none", + "x-form-value": "none" + }, + "small": { + "x-form-name": "small", + "x-form-value": "small" + }, + "medium": { + "x-form-name": "medium", + "x-form-value": "medium" + }, + "large": { + "x-form-name": "large", + "x-form-value": "large" + } + } + }, + "cardsperrow": { + "type": "string", + "x-source": "inject", + "x-form-label": "Cards Per Row", + "x-form-type": "materialrange", + "x-form-group": "style", + "x-default": 4, + "x-form-min": 1, + "x-form-max": 6 + }, + "cardsperrowtab": { + "type": "string", + "x-source": "inject", + "x-form-label": "Cards Per Row (Tablet)", + "x-form-type": "materialrange", + "x-form-group": "style", + "x-default": 2, + "x-form-min": 1, + "x-form-max": 6 + }, + "cardsperrowmobile": { + "type": "string", + "x-source": "inject", + "x-form-label": "Cards Per Row (Mobile)", + "x-form-type": "materialrange", + "x-form-group": "style", + "x-default": 1, + "x-form-min": 1, + "x-form-max": 6 + }, + "cards": { + "type": "string", + "x-source": "inject", + "x-form-label": "Cards", + "x-form-fieldLabel": "title", + "x-form-group": "content", + "x-form-type": "collection", + "x-collection-type": "Card", + "properties": { + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Card Title", + "x-form-visible": "model.showtitle == 'true'", + "x-form-type": "text" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Card Text", + "x-form-visible": "model.showtext == 'true'", + "x-form-type": "texteditor" + }, + "image": { + "type": "string", + "x-source": "inject", + "x-form-label": "Card Image", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/assets", + "x-annotate": "size" + }, + "imagewidth": { + "type": "string", + "x-source": "inject", + "x-form-label": "Image Width", + "x-form-type": "materialrange", + "x-default": "100", + "x-form-min": "10", + "x-form-max": "100" + }, + "imagealttext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Image Alt Text", + "x-form-type": "text" + }, + "buttontext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Text", + "x-form-visible": "model.showbutton == 'true'", + "x-form-type": "text" + }, + "buttonlink": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Link", + "x-form-visible": "model.showbutton == 'true'", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "buttoncolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Color", + "x-form-type": "materialselect", + "x-default": "primary", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "primary" + }, + "secondary": { + "x-form-name": "Secondary", + "x-form-value": "secondary" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "success" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "danger" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + }, + "info": { + "x-form-name": "Info", + "x-form-value": "info" + } + } + }, + "buttonsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Size", + "x-form-type": "materialselect", + "x-default": "default", + "properties": { + "default": { + "x-form-name": "Default", + "x-form-value": "default" + }, + "large": { + "x-form-name": "Large", + "x-form-value": "large" + }, + "small": { + "x-form-name": "Small", + "x-form-value": "small" + } + } + }, + "buttonalign": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Alignment", + "x-form-type": "materialselect", + "x-default": "center", + "properties": { + "left": { + "x-form-name": "Left", + "x-form-value": "left" + }, + "center": { + "x-form-name": "Center", + "x-form-value": "center" + }, + "right": { + "x-form-name": "Right", + "x-form-value": "right" + } + } + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/cards/sample-blank.json b/fragments/cards/sample-blank.json index 7e28787b2..1395a58ca 100644 --- a/fragments/cards/sample-blank.json +++ b/fragments/cards/sample-blank.json @@ -1,13 +1,11 @@ { - "title": "Cards", - "group": "Features", - "model": { - "showtitle": "true", - "showtext" : "true", - "showbutton": "true", - "showcard": "true", - "cards": [ - - ] - } + "title": "Cards", + "group": "Features", + "model": { + "showtitle": "true", + "showtext": "true", + "showbutton": "true", + "showcard": "true", + "cards": [] + } } diff --git a/fragments/cards/sample-cardsnobackground.json b/fragments/cards/sample-cardsnobackground.json index d6ee3c8a7..83c303004 100644 --- a/fragments/cards/sample-cardsnobackground.json +++ b/fragments/cards/sample-cardsnobackground.json @@ -1,57 +1,60 @@ { - "title": "Cards - No Background", - "group": "Features", - "model": { - "bgcolor": "#ffffff", - "bottompadding": "20", - "showbutton": "true", - "showtext": "true", - "showtitle": "true", - "showcard": "false", - "toppadding": "20", - "cardcolor": "#ffffff", - "cards": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "info", - "buttonsize": "default", - "buttonalign": "right", - "image": "/content/themecleanflex/assets/samples/organized-small.jpg", - "imagealttext": "Organized rope hanging on a winch", - "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.", - "title": "Card One" - },{ - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "info", - "buttonsize": "default", - "buttonalign": "right", - "image": "/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg", - "imagealttext": "Several sets of rope", - "text": "Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.", - "title": "Card Two" - },{ - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "info", - "buttonsize": "default", - "buttonalign": "right", - "image": "/content/themecleanflex/assets/samples/close-up-cordage.jpg", - "imagealttext": "Messy pile of rope", - "text": "Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.", - "title": "Card Three" - },{ - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "info", - "buttonsize": "default", - "buttonalign": "right", - "image": "/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg", - "imagealttext": "Messy pile of rope", - "text": "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint .", - "title": "Card Four" - } - ] - } + "title": "Cards - No Background", + "group": "Features", + "model": { + "bgcolor": "#ffffff", + "bottompadding": "20", + "showbutton": "true", + "showtext": "true", + "showtitle": "true", + "showcard": "false", + "toppadding": "20", + "cardcolor": "#ffffff", + "cards": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "info", + "buttonsize": "default", + "buttonalign": "right", + "image": "/content/themecleanflex/assets/samples/organized-small.jpg", + "imagealttext": "Organized rope hanging on a winch", + "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.", + "title": "Card One" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "info", + "buttonsize": "default", + "buttonalign": "right", + "image": "/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg", + "imagealttext": "Several sets of rope", + "text": "Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.", + "title": "Card Two" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "info", + "buttonsize": "default", + "buttonalign": "right", + "image": "/content/themecleanflex/assets/samples/close-up-cordage.jpg", + "imagealttext": "Messy pile of rope", + "text": "Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.", + "title": "Card Three" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "info", + "buttonsize": "default", + "buttonalign": "right", + "image": "/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg", + "imagealttext": "Messy pile of rope", + "text": "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint .", + "title": "Card Four" + } + ] + } } diff --git a/fragments/cards/sample-empty.json b/fragments/cards/sample-empty.json index 8a7be946f..a727888ff 100644 --- a/fragments/cards/sample-empty.json +++ b/fragments/cards/sample-empty.json @@ -1,9 +1,7 @@ { - "title": "Cards no default value", - "group": "Empty", - "model": { - "cards": [ - - ] - } -} \ No newline at end of file + "title": "Cards no default value", + "group": "Empty", + "model": { + "cards": [] + } +} diff --git a/fragments/cards/sample-rte.json b/fragments/cards/sample-rte.json index c0dc0f8ae..7a5743bae 100644 --- a/fragments/cards/sample-rte.json +++ b/fragments/cards/sample-rte.json @@ -1,45 +1,47 @@ { - "title": "Cards With Full RTE", - "group": ".hidden", - "model": { - "bgcolor": "#ffffff", - "bottompadding": "20", - "showbutton": "true", - "showtext": "true", - "showtitle": "true", - "showcard": "true", - "toppadding": "20", - "customcardcolor": "true", - "cardcolor": "#eeeeee", - "cards": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "primary", - "buttonsize": "default", - "image": "/content/themecleanflex/assets/samples/organized-small.jpg", - "imagealttext": "Organized rope hanging on a winch", - "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

", - "title": "Card One" - },{ - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "primary", - "buttonsize": "default", - "image": "/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg", - "imagealttext": "Several sets of rope", - "text": "Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.", - "title": "Card Two" - },{ - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "primary", - "buttonsize": "default", - "image": "/content/themecleanflex/assets/samples/close-up-cordage.jpg", - "imagealttext": "Messy pile of rope", - "text": "Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.", - "title": "Card Three" - } - ] - } + "title": "Cards With Full RTE", + "group": ".hidden", + "model": { + "bgcolor": "#ffffff", + "bottompadding": "20", + "showbutton": "true", + "showtext": "true", + "showtitle": "true", + "showcard": "true", + "toppadding": "20", + "customcardcolor": "true", + "cardcolor": "#eeeeee", + "cards": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "primary", + "buttonsize": "default", + "image": "/content/themecleanflex/assets/samples/organized-small.jpg", + "imagealttext": "Organized rope hanging on a winch", + "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

", + "title": "Card One" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "primary", + "buttonsize": "default", + "image": "/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg", + "imagealttext": "Several sets of rope", + "text": "Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.", + "title": "Card Two" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "primary", + "buttonsize": "default", + "image": "/content/themecleanflex/assets/samples/close-up-cordage.jpg", + "imagealttext": "Messy pile of rope", + "text": "Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.", + "title": "Card Three" + } + ] + } } diff --git a/fragments/cards/sample.json b/fragments/cards/sample.json index 95ad7a908..7ccf17d92 100644 --- a/fragments/cards/sample.json +++ b/fragments/cards/sample.json @@ -1,59 +1,62 @@ { - "title": "Cards - Example", - "group": "Features", - "model": { - "bgcolor": "#ffffff", - "bottompadding": "20", - "showbutton": "true", - "showtext": "true", - "showtitle": "true", - "showcard": "true", - "toppadding": "20", - "customcardcolor": "false", - "roundedcorners": "large", - "cardcolor": "#ffffff", - "cards": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "primary", - "buttonsize": "default", - "buttonalign": "center", - "image": "/content/themecleanflex/assets/samples/organized-small.jpg", - "imagealttext": "Organized rope hanging on a winch", - "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.", - "title": "Card One" - },{ - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "primary", - "buttonsize": "default", - "buttonalign": "center", - "image": "/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg", - "imagealttext": "Several sets of rope", - "text": "Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.", - "title": "Card Two" - },{ - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "primary", - "buttonsize": "default", - "buttonalign": "center", - "image": "/content/themecleanflex/assets/samples/close-up-cordage.jpg", - "imagealttext": "Messy pile of rope", - "text": "Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.", - "title": "Card Three" - },{ - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "primary", - "buttonsize": "default", - "buttonalign": "center", - "image": "/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg", - "imagealttext": "Tying a sailor knot", - "text": "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati.", - "title": "Card Four" - } - ] - } + "title": "Cards - Example", + "group": "Features", + "model": { + "bgcolor": "#ffffff", + "bottompadding": "20", + "showbutton": "true", + "showtext": "true", + "showtitle": "true", + "showcard": "true", + "toppadding": "20", + "customcardcolor": "false", + "roundedcorners": "large", + "cardcolor": "#ffffff", + "cards": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "primary", + "buttonsize": "default", + "buttonalign": "center", + "image": "/content/themecleanflex/assets/samples/organized-small.jpg", + "imagealttext": "Organized rope hanging on a winch", + "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.", + "title": "Card One" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "primary", + "buttonsize": "default", + "buttonalign": "center", + "image": "/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg", + "imagealttext": "Several sets of rope", + "text": "Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.", + "title": "Card Two" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "primary", + "buttonsize": "default", + "buttonalign": "center", + "image": "/content/themecleanflex/assets/samples/close-up-cordage.jpg", + "imagealttext": "Messy pile of rope", + "text": "Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.", + "title": "Card Three" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "primary", + "buttonsize": "default", + "buttonalign": "center", + "image": "/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg", + "imagealttext": "Tying a sailor knot", + "text": "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati.", + "title": "Card Four" + } + ] + } } diff --git a/fragments/cards/template.html b/fragments/cards/template.html index 4550853b1..c310e6f3d 100644 --- a/fragments/cards/template.html +++ b/fragments/cards/template.html @@ -1,22 +1,26 @@
+
+
+
+ logo +
-
-
-
- logo -
- -
-
-

Odit

-
- Maxime aperiam tempora sunt reprehenderit sapiente. Odit perspiciatis itaque sed. Dolores est et. Saepe cum libero eius. Qui omnis omnis. In vero delectus molestiae eum optio. -
-
- Click Me -
- -
-
- +
+
+

Odit

+
+ Maxime aperiam tempora sunt reprehenderit sapiente. Odit + perspiciatis itaque sed. Dolores est et. Saepe cum + libero eius. Qui omnis omnis. In vero delectus molestiae + eum optio. +
+
+ Click Me +
+
+
diff --git a/fragments/cards/template.vue b/fragments/cards/template.vue index 9670fbef0..f1558d319 100644 --- a/fragments/cards/template.vue +++ b/fragments/cards/template.vue @@ -1,30 +1,38 @@ - diff --git a/fragments/carousel/hatch.js b/fragments/carousel/hatch.js index eb488e355..6ac08871a 100644 --- a/fragments/carousel/hatch.js +++ b/fragments/carousel/hatch.js @@ -1,48 +1,76 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - - f.addStyle( $.find('div').first(), 'height', 'model.carouselheight', 'vh') - f.addStyle( $.find('div').first(), 'maxHeight', 'model.carouselheight', 'vh') - - let carousel = $; - f.bindAttribute(carousel, "autoplay", "model.autoplay === 'true'") - f.bindAttribute(carousel, "navigationEnabled", "model.controls === 'true'") - f.bindAttribute(carousel, "paginationEnabled", "model.indicators === 'true'") - f.bindAttribute(carousel, "autoplayHoverPause", "model.pause === 'true'") - f.bindAttribute(carousel, "centerMode", "true") - f.bindAttribute(carousel, "loop", "model.wrap === 'true'") - f.bindAttribute(carousel, "autoplayTimeout", "model.interval * 1000") - f.bindAttribute(carousel, "perPage", "model.itemsperpage") - - let slide = $.find('slide').first(); - f.addFor(slide, "model.slides"); - - let link = $.find('a'); - f.addIf(link, "item.slidelink") - f.bindAttribute(link, 'href', "item.slidelink") - - let image = $.find('v-lazy-image').first() - - f.addIf(image, "item.imagepath") - f.bindAttribute(image, "src", "item.imagepath") - f.bindAttribute(image, "alt", "item.alt") - f.bindAttribute(image, "class", "item.imagefit === 'cover' ? 'object-cover' : 'object-contain'", false) - - let captionClasses = `{ + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + + f.addStyle( + $.find("div").first(), + "height", + "model.carouselheight", + "vh" + ); + f.addStyle( + $.find("div").first(), + "maxHeight", + "model.carouselheight", + "vh" + ); + + let carousel = $; + f.bindAttribute(carousel, "autoplay", "model.autoplay === 'true'"); + f.bindAttribute( + carousel, + "navigationEnabled", + "model.controls === 'true'" + ); + f.bindAttribute( + carousel, + "paginationEnabled", + "model.indicators === 'true'" + ); + f.bindAttribute( + carousel, + "autoplayHoverPause", + "model.pause === 'true'" + ); + f.bindAttribute(carousel, "centerMode", "true"); + f.bindAttribute(carousel, "loop", "model.wrap === 'true'"); + f.bindAttribute(carousel, "autoplayTimeout", "model.interval * 1000"); + f.bindAttribute(carousel, "perPage", "model.itemsperpage"); + + let slide = $.find("slide").first(); + f.addFor(slide, "model.slides"); + + let link = $.find("a"); + f.addIf(link, "item.slidelink"); + f.bindAttribute(link, "href", "item.slidelink"); + + let image = $.find("v-lazy-image").first(); + + f.addIf(image, "item.imagepath"); + f.bindAttribute(image, "src", "item.imagepath"); + f.bindAttribute(image, "alt", "item.alt"); + f.bindAttribute( + image, + "class", + "item.imagefit === 'cover' ? 'object-cover' : 'object-contain'", + false + ); + + let captionClasses = `{ 'pb-12': model.indicators === 'true', 'with-bg': model.captionbg === 'true' && (model.colorscheme === 'light' || model.colorscheme === 'dark') - }` - - let figcaption = $.find('figcaption').first() - let figcaptionContent = $.find('figcaption > .container > div').first() - f.addIf(figcaptionContent, "item.text", "model.slides", "text") - f.mapRichField(figcaptionContent, "item.text", "model.slides", "text") - f.bindAttribute( figcaption, 'class', captionClasses, false) + }`; - f.addElse($); - $.parent().prepend('
no content defined for component
') + let figcaption = $.find("figcaption").first(); + let figcaptionContent = $.find("figcaption > .container > div").first(); + f.addIf(figcaptionContent, "item.text", "model.slides", "text"); + f.mapRichField(figcaptionContent, "item.text", "model.slides", "text"); + f.bindAttribute(figcaption, "class", captionClasses, false); - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/carousel/model.json b/fragments/carousel/model.json index 207f2bcdf..f472e5173 100644 --- a/fragments/carousel/model.json +++ b/fragments/carousel/model.json @@ -1,144 +1,144 @@ { - "definitions": { - "Carousel": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "carouselheight": { - "type": "string", - "x-source": "inject", - "x-form-label": "Carousel Height", - "x-form-type": "materialrange", - "x-form-group": "style", - "x-default": 80, - "x-form-min": 10, - "x-form-max": 100 - }, - "autoplay": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Auto Play", - "x-form-type": "materialswitch" - }, - "itemsperpage": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Images per page", - "x-form-type": "number", - "x-default": 1 - }, - "interval": { - "type": "string", - "x-source": "inject", - "x-form-label": "Interval", - "x-form-type": "materialrange", - "x-form-group": "style", - "x-form-visible": "model.autoplay == 'true'", - "x-default": 5, - "x-form-min": 1, - "x-form-max": 20 - }, - "pause": { - "type": "string", - "x-source": "inject", - "x-form-label": "Pause On Hover", - "x-form-type": "materialswitch", - "x-form-group": "style", - "x-form-visible": "model.autoplay == 'true'", - "x-default": "false" - }, - "wrap": { - "type": "string", - "x-source": "inject", - "x-form-label": "Wrap", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-default": "true" - }, - "indicators": { - "type": "string", - "x-source": "inject", - "x-form-label": "Indicators", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-default": "true" - }, - "controls": { - "type": "string", - "x-source": "inject", - "x-form-label": "Controls", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-default": "true" - }, - "captionbg": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Caption Background", - "x-form-type": "materialswitch" - }, - "slides": { - "type": "string", - "x-source": "inject", - "x-form-label": "Slides", - "x-form-fieldLabel": "heading", - "x-form-group": "content", - "x-form-type": "collection", - "properties": { - "imagepath": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Source", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/assets" - }, - "imagefit": { - "type": "string", - "x-source": "inject", - "x-form-label": "Slide Image Fit", - "x-form-type": "materialradio", - "x-default": "cover", - "properties": { - "toggle": { - "x-form-name": "Contain", - "x-form-value": "contain" - }, - "accordion": { - "x-form-name": "Cover", - "x-form-value": "cover" - } - } - }, - "slidelink": { - "type": "string", - "x-source": "inject", - "x-form-label": "Slide Link", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Text", - "x-form-type": "texteditor" - }, - "alt": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Alt Text", - "x-form-type": "text" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Carousel": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "carouselheight": { + "type": "string", + "x-source": "inject", + "x-form-label": "Carousel Height", + "x-form-type": "materialrange", + "x-form-group": "style", + "x-default": 80, + "x-form-min": 10, + "x-form-max": 100 + }, + "autoplay": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Auto Play", + "x-form-type": "materialswitch" + }, + "itemsperpage": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Images per page", + "x-form-type": "number", + "x-default": 1 + }, + "interval": { + "type": "string", + "x-source": "inject", + "x-form-label": "Interval", + "x-form-type": "materialrange", + "x-form-group": "style", + "x-form-visible": "model.autoplay == 'true'", + "x-default": 5, + "x-form-min": 1, + "x-form-max": 20 + }, + "pause": { + "type": "string", + "x-source": "inject", + "x-form-label": "Pause On Hover", + "x-form-type": "materialswitch", + "x-form-group": "style", + "x-form-visible": "model.autoplay == 'true'", + "x-default": "false" + }, + "wrap": { + "type": "string", + "x-source": "inject", + "x-form-label": "Wrap", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-default": "true" + }, + "indicators": { + "type": "string", + "x-source": "inject", + "x-form-label": "Indicators", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-default": "true" + }, + "controls": { + "type": "string", + "x-source": "inject", + "x-form-label": "Controls", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-default": "true" + }, + "captionbg": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Caption Background", + "x-form-type": "materialswitch" + }, + "slides": { + "type": "string", + "x-source": "inject", + "x-form-label": "Slides", + "x-form-fieldLabel": "heading", + "x-form-group": "content", + "x-form-type": "collection", + "properties": { + "imagepath": { + "type": "string", + "x-source": "inject", + "x-form-label": "Image Source", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/assets" + }, + "imagefit": { + "type": "string", + "x-source": "inject", + "x-form-label": "Slide Image Fit", + "x-form-type": "materialradio", + "x-default": "cover", + "properties": { + "toggle": { + "x-form-name": "Contain", + "x-form-value": "contain" + }, + "accordion": { + "x-form-name": "Cover", + "x-form-value": "cover" + } + } + }, + "slidelink": { + "type": "string", + "x-source": "inject", + "x-form-label": "Slide Link", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Image Text", + "x-form-type": "texteditor" + }, + "alt": { + "type": "string", + "x-source": "inject", + "x-form-label": "Image Alt Text", + "x-form-type": "text" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/carousel/sample-blank.json b/fragments/carousel/sample-blank.json index cea4b94a9..754fa12fe 100644 --- a/fragments/carousel/sample-blank.json +++ b/fragments/carousel/sample-blank.json @@ -1,9 +1,7 @@ { - "title": "Carousel", - "group": "Features", - "model": { - "slides": [ - - ] - } + "title": "Carousel", + "group": "Features", + "model": { + "slides": [] + } } diff --git a/fragments/carousel/sample-empty.json b/fragments/carousel/sample-empty.json index 70bed1c34..185ae9e1d 100644 --- a/fragments/carousel/sample-empty.json +++ b/fragments/carousel/sample-empty.json @@ -1,9 +1,7 @@ { - "title": "Carousel empty", - "group": "Empty", - "model": { - "slides": [ - - ] - } + "title": "Carousel empty", + "group": "Empty", + "model": { + "slides": [] + } } diff --git a/fragments/carousel/sample-owl.json b/fragments/carousel/sample-owl.json index b9ff2fed7..0f2af20e3 100644 --- a/fragments/carousel/sample-owl.json +++ b/fragments/carousel/sample-owl.json @@ -1,27 +1,30 @@ { - "title": "Carousel - Owl", - "group": "Features", - "model" : { - "blockwidth": "article", - "captionbg": "true", - "colorscheme": "none", - "indicators": "false", - "autoplay": "true", - "carouselheight": 10, - "toppadding": 10, - "wrap": "true", - "itemsperpage": 3, - "bottompadding": 10, - "slides": [ - { - "imagepath": "/content/themecleanflex/assets/icons/google.svg" - },{ - "imagepath": "/content/themecleanflex/assets/icons/facebook.svg" - },{ - "imagepath": "/content/themecleanflex/assets/icons/linkedin.svg" - },{ - "imagepath": "/content/themecleanflex/assets/icons/pinterest.svg" - } - ] - } + "title": "Carousel - Owl", + "group": "Features", + "model": { + "blockwidth": "article", + "captionbg": "true", + "colorscheme": "none", + "indicators": "false", + "autoplay": "true", + "carouselheight": 10, + "toppadding": 10, + "wrap": "true", + "itemsperpage": 3, + "bottompadding": 10, + "slides": [ + { + "imagepath": "/content/themecleanflex/assets/icons/google.svg" + }, + { + "imagepath": "/content/themecleanflex/assets/icons/facebook.svg" + }, + { + "imagepath": "/content/themecleanflex/assets/icons/linkedin.svg" + }, + { + "imagepath": "/content/themecleanflex/assets/icons/pinterest.svg" + } + ] + } } diff --git a/fragments/carousel/sample-rte.json b/fragments/carousel/sample-rte.json index e28e0f5dc..bd3f5eb29 100644 --- a/fragments/carousel/sample-rte.json +++ b/fragments/carousel/sample-rte.json @@ -1,27 +1,29 @@ { - "title": "Carousel With Full RTE", - "group": ".hidden", - "model" : { - "carouselheight": 80, - "toppadding": 20, - "bottompadding": 20, - "slides": [ - { - "imagepath": "/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg", - "imagefit": "cover", - "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

", - "alt": "Sailboats in front of city skyline and sunset" - },{ - "imagepath": "/content/themecleanflex/assets/samples/sailing-lake_large.jpg", - "imagefit": "cover", - "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. ", - "alt": "Sailboat sailing on a lake" - },{ - "imagepath": "/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg", - "imagefit": "cover", - "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. ", - "alt": "Sailboats sailing on an ocean" - } - ] - } + "title": "Carousel With Full RTE", + "group": ".hidden", + "model": { + "carouselheight": 80, + "toppadding": 20, + "bottompadding": 20, + "slides": [ + { + "imagepath": "/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg", + "imagefit": "cover", + "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

", + "alt": "Sailboats in front of city skyline and sunset" + }, + { + "imagepath": "/content/themecleanflex/assets/samples/sailing-lake_large.jpg", + "imagefit": "cover", + "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. ", + "alt": "Sailboat sailing on a lake" + }, + { + "imagepath": "/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg", + "imagefit": "cover", + "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. ", + "alt": "Sailboats sailing on an ocean" + } + ] + } } diff --git a/fragments/carousel/sample.json b/fragments/carousel/sample.json index 8d94eaf87..71dc55406 100644 --- a/fragments/carousel/sample.json +++ b/fragments/carousel/sample.json @@ -1,30 +1,32 @@ { - "title": "Carousel - Example", - "group": "Features", - "model" : { - "blockwidth": "full", - "captionbg": "true", - "colorscheme": "light", - "carouselheight": 45, - "toppadding": 0, - "bottompadding": 0, - "slides": [ - { - "imagepath": "/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg", - "imagefit": "cover", - "text": "

Slide One Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.

", - "alt": "Sailboats in front of city skyline and sunset" - },{ - "imagepath": "/content/themecleanflex/assets/samples/sailing-lake_large.jpg", - "imagefit": "cover", - "text": "

Slide Two Title

Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.

", - "alt": "Sailboat sailing on a lake" - },{ - "imagepath": "/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg", - "imagefit": "cover", - "text": "

Slide Three Title

Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.

", - "alt": "Sailboats sailing on an ocean" - } - ] - } + "title": "Carousel - Example", + "group": "Features", + "model": { + "blockwidth": "full", + "captionbg": "true", + "colorscheme": "light", + "carouselheight": 45, + "toppadding": 0, + "bottompadding": 0, + "slides": [ + { + "imagepath": "/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg", + "imagefit": "cover", + "text": "

Slide One Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.

", + "alt": "Sailboats in front of city skyline and sunset" + }, + { + "imagepath": "/content/themecleanflex/assets/samples/sailing-lake_large.jpg", + "imagefit": "cover", + "text": "

Slide Two Title

Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.

", + "alt": "Sailboat sailing on a lake" + }, + { + "imagepath": "/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg", + "imagefit": "cover", + "text": "

Slide Three Title

Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.

", + "alt": "Sailboats sailing on an ocean" + } + ] + } } diff --git a/fragments/carousel/template.html b/fragments/carousel/template.html index 16ab4c9eb..4bd4a686f 100644 --- a/fragments/carousel/template.html +++ b/fragments/carousel/template.html @@ -1,9 +1,20 @@ - - -
- - -
Caption
-
- - + + +
+ + +
+
+
+ Caption +
+
+
+
+ + diff --git a/fragments/carousel/template.vue b/fragments/carousel/template.vue index 1579ad424..5c399904d 100644 --- a/fragments/carousel/template.vue +++ b/fragments/carousel/template.vue @@ -1,50 +1,81 @@ diff --git a/fragments/code/hatch.js b/fragments/code/hatch.js index e5e507a72..9fc3116db 100644 --- a/fragments/code/hatch.js +++ b/fragments/code/hatch.js @@ -1,18 +1,27 @@ module.exports = { - convert: function($, f) { - f.bindAttribute($, "class", "'language-'+model.language+ ((model.classes) ? ' '+model.classes : '')", false) + convert: function ($, f) { + f.bindAttribute( + $, + "class", + "'language-'+model.language+ ((model.classes) ? ' '+model.classes : '')", + false + ); - // make the element a block - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + // make the element a block + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + // inject the code + f.bindAttribute( + $.find("code").first(), + "class", + "'language-'+model.language" + ); + f.mapRichField($.find("code").first(), "code", false); - // inject the code - f.bindAttribute($.find('code').first(), "class", "'language-'+model.language") - f.mapRichField($.find('code').first(), "code", false) - - f.addElse($); - $.parent().prepend('
no content defined for component
') - - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/code/model.json b/fragments/code/model.json index 7232bbf05..239b03285 100644 --- a/fragments/code/model.json +++ b/fragments/code/model.json @@ -1,34 +1,34 @@ { - "definitions": { - "Code": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "language": { - "type": "string", - "x-source": "inject", - "x-form-group": "content", - "x-form-type": "text" - }, - "classes": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-type": "text" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-group": "content", - "x-form-type": "textarea", - "x-form-max": "16000" - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } -} \ No newline at end of file + "definitions": { + "Code": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "language": { + "type": "string", + "x-source": "inject", + "x-form-group": "content", + "x-form-type": "text" + }, + "classes": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-type": "text" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-group": "content", + "x-form-type": "textarea", + "x-form-max": "16000" + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } +} diff --git a/fragments/code/readme.md b/fragments/code/readme.md index 0ad4f9e61..5f59921d6 100644 --- a/fragments/code/readme.md +++ b/fragments/code/readme.md @@ -2,11 +2,11 @@ This component renders the text as `
{{text}}
` -If the base template includes prism.js it will be used to generate the markup of the code. +If the base template includes prism.js it will be used to generate the markup of the code. ## Configuring Prism -*Please note: Using Prism will impact your site's accessibility and mobile performance score. This is not an issue with Peregrine, rather a consequence of using Prism.* +_Please note: Using Prism will impact your site's accessibility and mobile performance score. This is not an issue with Peregrine, rather a consequence of using Prism._ If you wish to use [https://prismjs.com/](Prism) with the code component, perform the following steps: @@ -14,7 +14,7 @@ If you wish to use [https://prismjs.com/](Prism) with the code component, perfor 2. Upload `prism.js` and `prism.css` to `Assets`. It is recommended that you create folders for `/content/_tenant_/assets/css/` and `/content/_tenant_/assets/js/` first, then upload `prism.js` and `prism.css` to their respective folders. -3. Click on the `Template` tile from the home screen, then click on the page icon for your tenant. +3. Click on the `Template` tile from the home screen, then click on the page icon for your tenant. 4. Click `page start`. @@ -28,5 +28,5 @@ If you wish to use [https://prismjs.com/](Prism) with the code component, perfor ## Pending Features & Issues -* Add support for defining Prism data attributes -* Update the code component to be less plugin dependent +- Add support for defining Prism data attributes +- Update the code component to be less plugin dependent diff --git a/fragments/code/sample-blank.json b/fragments/code/sample-blank.json index c49e552b4..4d9ceea2b 100644 --- a/fragments/code/sample-blank.json +++ b/fragments/code/sample-blank.json @@ -1,8 +1,8 @@ { - "title": "Code", - "group": "Text Components", - "model": { - "text": "", - "language": "" - } + "title": "Code", + "group": "Text Components", + "model": { + "text": "", + "language": "" + } } diff --git a/fragments/code/sample.json b/fragments/code/sample.json index fff2c9853..240d4952c 100644 --- a/fragments/code/sample.json +++ b/fragments/code/sample.json @@ -1,9 +1,9 @@ { - "title": "Code - Example", - "default": true, - "group": "Text Components", - "model": { - "text": "var a = {};", - "language": "javascript" - } -} \ No newline at end of file + "title": "Code - Example", + "default": true, + "group": "Text Components", + "model": { + "text": "var a = {};", + "language": "javascript" + } +} diff --git a/fragments/code/template.vue b/fragments/code/template.vue index 580624063..682791859 100644 --- a/fragments/code/template.vue +++ b/fragments/code/template.vue @@ -1,42 +1,54 @@ - diff --git a/fragments/container/hatch.js b/fragments/container/hatch.js index c171a5a2a..da48bbded 100644 --- a/fragments/container/hatch.js +++ b/fragments/container/hatch.js @@ -1,11 +1,11 @@ module.exports = { - convert: function($, f) { - f.bindPath($) - f.addChildren($) - f.addPlaceholders($) - f.bindAttribute( $, 'is', 'model.htmlelement || "div"') + convert: function ($, f) { + f.bindPath($); + f.addChildren($); + f.addPlaceholders($); + f.bindAttribute($, "is", 'model.htmlelement || "div"'); - let widthClass = `{ + let widthClass = `{ 'lg:flex-grow': model.width === 'auto', 'lg:w-full': model.width === 'custom' && model.colspan == 12, [\`lg:w-\${model.colspan}/12 lg:flex-grow-0\`]: model.width === 'custom' && model.colspan < 12, @@ -16,8 +16,8 @@ module.exports = { 'w-full': model.mobilewidth === 'custom' && model.mobilecolspan == 12, [\`w-\${model.mobilecolspan}/12 flex-grow-0\`]: model.mobilewidth === 'custom' && model.mobilecolspan < 12, [\`\${model.component}\`]: model.component - }` - - f.bindAttribute( $, 'class', widthClass); - } -} + }`; + + f.bindAttribute($, "class", widthClass); + }, +}; diff --git a/fragments/container/model.json b/fragments/container/model.json index 192c6fbce..3e1512e96 100644 --- a/fragments/container/model.json +++ b/fragments/container/model.json @@ -1,136 +1,136 @@ { - "definitions": { - "Container": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "width": { - "type": "string", - "x-source": "inject", - "x-form-label": "Container Width", - "x-form-group": "content", - "x-form-type": "materialradio", - "x-default": "auto", - "properties": { - "auto": { - "x-form-name": "Auto (fill available space)", - "x-form-value": "auto" - }, - "custom": { - "x-form-name": "Custom", - "x-form-value": "custom" - } - } - }, - "colspan": { - "type": "string", - "x-source": "inject", - "x-form-label": "Column Span (12 Columns)", - "x-form-group": "content", - "x-form-type": "materialrange", - "x-form-min": 1, - "x-form-max": 12, - "x-form-visible": "model.width == 'custom'", - "x-default": 12 - }, - "tabletwidth": { - "type": "string", - "x-source": "inject", - "x-form-label": "Container Width (Tablet)", - "x-form-type": "materialradio", - "x-form-group": "content", - "x-default": "auto", - "properties": { - "auto": { - "x-form-name": "Auto (fill available space)", - "x-form-value": "auto" - }, - "custom": { - "x-form-name": "Custom", - "x-form-value": "custom" - } - } - }, - "tabletcolspan": { - "type": "string", - "x-source": "inject", - "x-form-label": "Column Span (12 Columns)", - "x-form-group": "content", - "x-form-type": "materialrange", - "x-form-min": 1, - "x-form-max": 12, - "x-form-visible": "model.tabletwidth == 'custom'", - "x-default": 12 - }, - "mobilewidth": { - "type": "string", - "x-source": "inject", - "x-form-label": "Container Width (Mobile)", - "x-form-type": "materialradio", - "x-form-group": "content", - "x-default": "auto", - "properties": { - "auto": { - "x-form-name": "Auto (fill available space)", - "x-form-value": "auto" - }, - "custom": { - "x-form-name": "Custom", - "x-form-value": "custom" - } - } - }, - "mobilecolspan": { - "type": "string", - "x-source": "inject", - "x-form-label": "Column Span (12 Columns)", - "x-form-group": "content", - "x-form-type": "materialrange", - "x-form-min": 1, - "x-form-max": 12, - "x-form-visible": "model.mobilewidth == 'custom'", - "x-default": 12 - }, - "htmlelement": { - "type": "string", - "x-source": "inject", - "x-form-label": "Semantic Element", - "x-form-type": "materialselect", - "x-form-group": "content", - "x-default": "section", - "properties":{ - "section": { - "x-form-name": "section", - "x-form-value": "section" - }, - "article": { - "x-form-name": "article", - "x-form-value": "article" - }, - "main": { - "x-form-name": "main", - "x-form-value": "main" - }, - "div": { - "x-form-name": "div", - "x-form-value": "div" - }, - "header": { - "x-form-name": "header", - "x-form-value": "header" - }, - "nav": { - "x-form-name": "nav", - "x-form-value": "nav" - }, - "footer": { - "x-form-name": "footer", - "x-form-value": "footer" - } - } - } - } - } - } + "definitions": { + "Container": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "width": { + "type": "string", + "x-source": "inject", + "x-form-label": "Container Width", + "x-form-group": "content", + "x-form-type": "materialradio", + "x-default": "auto", + "properties": { + "auto": { + "x-form-name": "Auto (fill available space)", + "x-form-value": "auto" + }, + "custom": { + "x-form-name": "Custom", + "x-form-value": "custom" + } + } + }, + "colspan": { + "type": "string", + "x-source": "inject", + "x-form-label": "Column Span (12 Columns)", + "x-form-group": "content", + "x-form-type": "materialrange", + "x-form-min": 1, + "x-form-max": 12, + "x-form-visible": "model.width == 'custom'", + "x-default": 12 + }, + "tabletwidth": { + "type": "string", + "x-source": "inject", + "x-form-label": "Container Width (Tablet)", + "x-form-type": "materialradio", + "x-form-group": "content", + "x-default": "auto", + "properties": { + "auto": { + "x-form-name": "Auto (fill available space)", + "x-form-value": "auto" + }, + "custom": { + "x-form-name": "Custom", + "x-form-value": "custom" + } + } + }, + "tabletcolspan": { + "type": "string", + "x-source": "inject", + "x-form-label": "Column Span (12 Columns)", + "x-form-group": "content", + "x-form-type": "materialrange", + "x-form-min": 1, + "x-form-max": 12, + "x-form-visible": "model.tabletwidth == 'custom'", + "x-default": 12 + }, + "mobilewidth": { + "type": "string", + "x-source": "inject", + "x-form-label": "Container Width (Mobile)", + "x-form-type": "materialradio", + "x-form-group": "content", + "x-default": "auto", + "properties": { + "auto": { + "x-form-name": "Auto (fill available space)", + "x-form-value": "auto" + }, + "custom": { + "x-form-name": "Custom", + "x-form-value": "custom" + } + } + }, + "mobilecolspan": { + "type": "string", + "x-source": "inject", + "x-form-label": "Column Span (12 Columns)", + "x-form-group": "content", + "x-form-type": "materialrange", + "x-form-min": 1, + "x-form-max": 12, + "x-form-visible": "model.mobilewidth == 'custom'", + "x-default": 12 + }, + "htmlelement": { + "type": "string", + "x-source": "inject", + "x-form-label": "Semantic Element", + "x-form-type": "materialselect", + "x-form-group": "content", + "x-default": "section", + "properties": { + "section": { + "x-form-name": "section", + "x-form-value": "section" + }, + "article": { + "x-form-name": "article", + "x-form-value": "article" + }, + "main": { + "x-form-name": "main", + "x-form-value": "main" + }, + "div": { + "x-form-name": "div", + "x-form-value": "div" + }, + "header": { + "x-form-name": "header", + "x-form-value": "header" + }, + "nav": { + "x-form-name": "nav", + "x-form-value": "nav" + }, + "footer": { + "x-form-name": "footer", + "x-form-value": "footer" + } + } + } + } + } + } } diff --git a/fragments/container/sample.json b/fragments/container/sample.json index e72c53a60..b37acc7b7 100644 --- a/fragments/container/sample.json +++ b/fragments/container/sample.json @@ -1,6 +1,5 @@ { - "title": "Container", - "group": "Chrome", - "model": { - } -} \ No newline at end of file + "title": "Container", + "group": "Chrome", + "model": {} +} diff --git a/fragments/container/template.html b/fragments/container/template.html index 2fa3f48fe..e4351fc1c 100644 --- a/fragments/container/template.html +++ b/fragments/container/template.html @@ -1,2 +1 @@ - - + diff --git a/fragments/container/template.vue b/fragments/container/template.vue index ebc4c6154..36b82910d 100644 --- a/fragments/container/template.vue +++ b/fragments/container/template.vue @@ -1,6 +1,8 @@ - diff --git a/fragments/containerblock/hatch.js b/fragments/containerblock/hatch.js index 10eb9644b..1dbf8edb0 100644 --- a/fragments/containerblock/hatch.js +++ b/fragments/containerblock/hatch.js @@ -1,10 +1,10 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindPath($) - f.addChildren($) - f.addPlaceholders($) - f.bindAttribute($.parent(),'model','model') - f.bindAttribute($,'class','model.alignitems', false) - } -} + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindPath($); + f.addChildren($); + f.addPlaceholders($); + f.bindAttribute($.parent(), "model", "model"); + f.bindAttribute($, "class", "model.alignitems", false); + }, +}; diff --git a/fragments/containerblock/model.json b/fragments/containerblock/model.json index 68d2e7fe8..754e01c65 100644 --- a/fragments/containerblock/model.json +++ b/fragments/containerblock/model.json @@ -1,45 +1,45 @@ { - "definitions": { - "Containerblock": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "container", - "properties": { - "alignitems": { - "type": "string", - "x-source": "inject", - "x-form-label": "Items Alignment", - "x-form-type": "materialselect", - "x-form-group": "content", - "x-default": "primary", - "properties":{ - "start": { - "x-form-name": "Start", - "x-form-value": "items-start" - }, - "center": { - "x-form-name": "Center", - "x-form-value": "items-center" - }, - "end": { - "x-form-name": "End", - "x-form-value": "items-end" - }, - "stretch": { - "x-form-name": "Stretch", - "x-form-value": "items-stretch" - }, - "baseline": { - "x-form-name": "Baseline", - "x-form-value": "items-baseline" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Containerblock": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "container", + "properties": { + "alignitems": { + "type": "string", + "x-source": "inject", + "x-form-label": "Items Alignment", + "x-form-type": "materialselect", + "x-form-group": "content", + "x-default": "primary", + "properties": { + "start": { + "x-form-name": "Start", + "x-form-value": "items-start" + }, + "center": { + "x-form-name": "Center", + "x-form-value": "items-center" + }, + "end": { + "x-form-name": "End", + "x-form-value": "items-end" + }, + "stretch": { + "x-form-name": "Stretch", + "x-form-value": "items-stretch" + }, + "baseline": { + "x-form-name": "Baseline", + "x-form-value": "items-baseline" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/containerblock/sample.json b/fragments/containerblock/sample.json index 5ae6cbab3..495a8df55 100644 --- a/fragments/containerblock/sample.json +++ b/fragments/containerblock/sample.json @@ -1,6 +1,5 @@ { - "title": "Container Block", - "group": "Chrome", - "model": { - } + "title": "Container Block", + "group": "Chrome", + "model": {} } diff --git a/fragments/containerblock/template.vue b/fragments/containerblock/template.vue index 1780557e0..8f90cfa34 100644 --- a/fragments/containerblock/template.vue +++ b/fragments/containerblock/template.vue @@ -1,23 +1,48 @@ - diff --git a/fragments/footer/hatch.js b/fragments/footer/hatch.js index 08b5e3565..0443315d0 100644 --- a/fragments/footer/hatch.js +++ b/fragments/footer/hatch.js @@ -1,34 +1,59 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); //Logo - f.addIf($.find('a').first(), "model.showlogo === 'true' && model.logo") - f.bindAttribute($.find('a').first(), 'href', f.pathToUrl('model.logourl')) - f.bindAttribute($.find('img').first(), 'src', f.pathToUrl('model.logo')) - f.bindAttribute($.find('img').first(), 'alt', 'model.logoalttext') - f.addStyle($.find('img').first(), 'height', 'parseInt(model.logosize)', 'px') + f.addIf($.find("a").first(), "model.showlogo === 'true' && model.logo"); + f.bindAttribute( + $.find("a").first(), + "href", + f.pathToUrl("model.logourl") + ); + f.bindAttribute( + $.find("img").first(), + "src", + f.pathToUrl("model.logo") + ); + f.bindAttribute($.find("img").first(), "alt", "model.logoalttext"); + f.addStyle( + $.find("img").first(), + "height", + "parseInt(model.logosize)", + "px" + ); //Columns - let col = $.find('.footer-col').first() - let coltitle = col.find('h2').first() - let colcontent = col.find('div').first() - f.addFor( col, "model.columns") - f.addIf( coltitle, "item.title !== ''") - f.mapField( coltitle, "item.title", "model.columns", "title") - f.bindAttribute( coltitle, "data-per-inline", "`model.columns.${i}.title`") - f.addIf( colcontent, "item.text !== ''") - f.mapRichField( colcontent, "item.text", "model.columns", "text") - f.bindAttribute( colcontent, "data-per-inline", "`model.columns.${i}.text`") + let col = $.find(".footer-col").first(); + let coltitle = col.find("h2").first(); + let colcontent = col.find("div").first(); + f.addFor(col, "model.columns"); + f.addIf(coltitle, "item.title !== ''"); + f.mapField(coltitle, "item.title", "model.columns", "title"); + f.bindAttribute( + coltitle, + "data-per-inline", + "`model.columns.${i}.title`" + ); + f.addIf(colcontent, "item.text !== ''"); + f.mapRichField(colcontent, "item.text", "model.columns", "text"); + f.bindAttribute( + colcontent, + "data-per-inline", + "`model.columns.${i}.text`" + ); //Copyright - f.mapField($.find('p').eq(0), "model.copyright") - f.bindAttribute( $.find('p').eq(0), "data-per-inline", "`model.copyright`") - + f.mapField($.find("p").eq(0), "model.copyright"); + f.bindAttribute( + $.find("p").eq(0), + "data-per-inline", + "`model.copyright`" + ); f.addElse($); - $.parent().prepend('
no content defined for component
') - - } -} + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/footer/model.json b/fragments/footer/model.json index 8aef50139..f4b61248d 100644 --- a/fragments/footer/model.json +++ b/fragments/footer/model.json @@ -1,91 +1,91 @@ { - "definitions": { - "Footer": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "showlogo": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Logo", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "logo": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo", - "x-form-type": "pathbrowser", - "x-form-visible": "model.showlogo == 'true'", - "x-form-group": "content", - "x-form-browserRoot": "/content/themecleanflex/assets" - }, - "logoalttext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo Alt Text", - "x-form-group": "content", - "x-form-visible": "model.showlogo == 'true'", - "x-form-type": "text" - }, - "logourl": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo Url", - "x-form-type": "pathbrowser", - "x-form-group": "content", - "x-form-visible": "model.showlogo == 'true'", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "logosize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo Size", - "x-form-group": "content", - "x-form-type": "materialrange", - "x-form-visible": "model.showlogo == 'true'", - "x-form-min": 1, - "x-form-max": 300 - }, - "columns": { - "type": "string", - "x-source": "inject", - "x-form-label": "Columns", - "x-form-type": "collection", - "x-form-group": "content", - "x-form-multifield": "true", - "properties": { - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Title", - "x-form-type": "text" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text", - "x-form-type": "texteditor" - } - } - }, - "copyright": { - "type": "string", - "x-source": "inject", - "x-form-label": "Copyright Text", - "x-form-group": "content", - "x-form-type": "text" - }, - "socialref": { - "x-form-type": "reference", - "$ref": "fragments/socialicons/model.json#/definitions/Socialicons" - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } + "definitions": { + "Footer": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "showlogo": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Logo", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "logo": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo", + "x-form-type": "pathbrowser", + "x-form-visible": "model.showlogo == 'true'", + "x-form-group": "content", + "x-form-browserRoot": "/content/themecleanflex/assets" + }, + "logoalttext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo Alt Text", + "x-form-group": "content", + "x-form-visible": "model.showlogo == 'true'", + "x-form-type": "text" + }, + "logourl": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo Url", + "x-form-type": "pathbrowser", + "x-form-group": "content", + "x-form-visible": "model.showlogo == 'true'", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "logosize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo Size", + "x-form-group": "content", + "x-form-type": "materialrange", + "x-form-visible": "model.showlogo == 'true'", + "x-form-min": 1, + "x-form-max": 300 + }, + "columns": { + "type": "string", + "x-source": "inject", + "x-form-label": "Columns", + "x-form-type": "collection", + "x-form-group": "content", + "x-form-multifield": "true", + "properties": { + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Title", + "x-form-type": "text" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text", + "x-form-type": "texteditor" + } + } + }, + "copyright": { + "type": "string", + "x-source": "inject", + "x-form-label": "Copyright Text", + "x-form-group": "content", + "x-form-type": "text" + }, + "socialref": { + "x-form-type": "reference", + "$ref": "fragments/socialicons/model.json#/definitions/Socialicons" + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } } diff --git a/fragments/footer/sample-blank.json b/fragments/footer/sample-blank.json index 4c680bc4b..717b7c618 100644 --- a/fragments/footer/sample-blank.json +++ b/fragments/footer/sample-blank.json @@ -1,7 +1,7 @@ { - "title": "Footer", - "group": "Chrome", - "model": { - "coluimns": [] - } + "title": "Footer", + "group": "Chrome", + "model": { + "coluimns": [] + } } diff --git a/fragments/footer/sample-empty.json b/fragments/footer/sample-empty.json index 431025a56..da857d6d2 100644 --- a/fragments/footer/sample-empty.json +++ b/fragments/footer/sample-empty.json @@ -1,7 +1,7 @@ { - "title": "Footer no default values", - "group": "Empty", - "model": { - "coluimns": [] - } -} \ No newline at end of file + "title": "Footer no default values", + "group": "Empty", + "model": { + "coluimns": [] + } +} diff --git a/fragments/footer/sample-light.json b/fragments/footer/sample-light.json index 69ef97183..9b2e5229c 100644 --- a/fragments/footer/sample-light.json +++ b/fragments/footer/sample-light.json @@ -1,58 +1,59 @@ { - "title": "Footer - light", - "group": "Chrome", - "model": { - "htmlelement": "footer", - "backgroundtype": "color", - "bgcolor": "#eeeeee", - "bottompadding": "0", - "toppadding": "30", - "colorscheme": "light", - "showlogo": "true", - "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", - "logourl": "http://www.peregrine-cms.com", - "logoalttext": "Peregrine CMS Logo", - "logosize": "60", - "copyright": "Copyright 2017 Peregrine - All Rights Reserved", - "columns": [ - { - "title": "", - "text": "" - }, - { - "title": "Contact", - "text": "

email@email.com
1-800-888-8888

" - },{ - "title": "Location", - "text": "

1234 S Pointe Drive, Laguna Hills, CA 92653

" - } - ], - "icons": [ - { - "url": "https://www.facebook.com/", - "icon": "facebook", - "iconalttext": "Facebook" - }, - { - "url": "https://twitter.com/", - "icon": "twitter", - "iconalttext": "Twitter" - }, - { - "url": "https://www.instagram.com/", - "icon": "instagram", - "iconalttext": "Instagram" - }, - { - "url": "https://www.pinterest.com/", - "icon": "pinterest", - "iconalttext": "Pinterest" - }, - { - "url": "https://www.youtube.com/", - "icon": "youtube", - "iconalttext": "Youtube" - } - ] - } + "title": "Footer - light", + "group": "Chrome", + "model": { + "htmlelement": "footer", + "backgroundtype": "color", + "bgcolor": "#eeeeee", + "bottompadding": "0", + "toppadding": "30", + "colorscheme": "light", + "showlogo": "true", + "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", + "logourl": "http://www.peregrine-cms.com", + "logoalttext": "Peregrine CMS Logo", + "logosize": "60", + "copyright": "Copyright 2017 Peregrine - All Rights Reserved", + "columns": [ + { + "title": "", + "text": "" + }, + { + "title": "Contact", + "text": "

email@email.com
1-800-888-8888

" + }, + { + "title": "Location", + "text": "

1234 S Pointe Drive, Laguna Hills, CA 92653

" + } + ], + "icons": [ + { + "url": "https://www.facebook.com/", + "icon": "facebook", + "iconalttext": "Facebook" + }, + { + "url": "https://twitter.com/", + "icon": "twitter", + "iconalttext": "Twitter" + }, + { + "url": "https://www.instagram.com/", + "icon": "instagram", + "iconalttext": "Instagram" + }, + { + "url": "https://www.pinterest.com/", + "icon": "pinterest", + "iconalttext": "Pinterest" + }, + { + "url": "https://www.youtube.com/", + "icon": "youtube", + "iconalttext": "Youtube" + } + ] + } } diff --git a/fragments/footer/sample-rte.json b/fragments/footer/sample-rte.json index 1add64572..b289b7989 100644 --- a/fragments/footer/sample-rte.json +++ b/fragments/footer/sample-rte.json @@ -1,58 +1,59 @@ { - "title": "Footer With All RTE Styles", - "group": ".hidden", - "model": { - "htmlelement": "footer", - "backgroundtype": "color", - "bgcolor": "#eeeeee", - "bottompadding": "0", - "toppadding": "30", - "colorscheme": "dark", - "showlogo": "true", - "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", - "logourl": "http://www.peregrine-cms.com", - "logoalttext": "Peregrine CMS Logo", - "logosize": "60", - "copyright": "Copyright 2017 Peregrine - All Rights Reserved", - "columns": [ - { - "title": "", - "text": "" - }, - { - "title": "Contact", - "text": "

email@email.com
1-800-888-8888

" - },{ - "title": "Location", - "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

" - } - ], - "icons": [ - { - "url": "https://www.facebook.com/", - "icon": "facebook", - "iconalttext": "Facebook" - }, - { - "url": "https://twitter.com/", - "icon": "twitter", - "iconalttext": "Twitter" - }, - { - "url": "https://www.instagram.com/", - "icon": "instagram", - "iconalttext": "Instagram" - }, - { - "url": "https://www.pinterest.com/", - "icon": "pinterest", - "iconalttext": "Pinterest" - }, - { - "url": "https://www.youtube.com/", - "icon": "youtube", - "iconalttext": "Youtube" - } - ] - } + "title": "Footer With All RTE Styles", + "group": ".hidden", + "model": { + "htmlelement": "footer", + "backgroundtype": "color", + "bgcolor": "#eeeeee", + "bottompadding": "0", + "toppadding": "30", + "colorscheme": "dark", + "showlogo": "true", + "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", + "logourl": "http://www.peregrine-cms.com", + "logoalttext": "Peregrine CMS Logo", + "logosize": "60", + "copyright": "Copyright 2017 Peregrine - All Rights Reserved", + "columns": [ + { + "title": "", + "text": "" + }, + { + "title": "Contact", + "text": "

email@email.com
1-800-888-8888

" + }, + { + "title": "Location", + "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

" + } + ], + "icons": [ + { + "url": "https://www.facebook.com/", + "icon": "facebook", + "iconalttext": "Facebook" + }, + { + "url": "https://twitter.com/", + "icon": "twitter", + "iconalttext": "Twitter" + }, + { + "url": "https://www.instagram.com/", + "icon": "instagram", + "iconalttext": "Instagram" + }, + { + "url": "https://www.pinterest.com/", + "icon": "pinterest", + "iconalttext": "Pinterest" + }, + { + "url": "https://www.youtube.com/", + "icon": "youtube", + "iconalttext": "Youtube" + } + ] + } } diff --git a/fragments/footer/sample.json b/fragments/footer/sample.json index f21bc9d9c..dcd21243e 100644 --- a/fragments/footer/sample.json +++ b/fragments/footer/sample.json @@ -1,58 +1,59 @@ { - "title": "Footer - Dark", - "group": "Chrome", - "model": { - "htmlelement": "footer", - "backgroundtype": "color", - "bgcolor": "#eeeeee", - "bottompadding": "0", - "toppadding": "30", - "colorscheme": "dark", - "showlogo": "true", - "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", - "logourl": "http://www.peregrine-cms.com", - "logoalttext": "Peregrine CMS Logo", - "logosize": "60", - "copyright": "Copyright 2017 Peregrine - All Rights Reserved", - "columns": [ - { - "title": "", - "text": "" - }, - { - "title": "Contact", - "text": "

email@email.com
1-800-888-8888

" - },{ - "title": "Location", - "text": "

1234 S Pointe Drive, Laguna Hills, CA 92653

" - } - ], - "icons": [ - { - "url": "https://www.facebook.com/", - "icon": "facebook", - "iconalttext": "Facebook" - }, - { - "url": "https://twitter.com/", - "icon": "twitter", - "iconalttext": "Twitter" - }, - { - "url": "https://www.instagram.com/", - "icon": "instagram", - "iconalttext": "Instagram" - }, - { - "url": "https://www.pinterest.com/", - "icon": "pinterest", - "iconalttext": "Pinterest" - }, - { - "url": "https://www.youtube.com/", - "icon": "youtube", - "iconalttext": "Youtube" - } - ] - } + "title": "Footer - Dark", + "group": "Chrome", + "model": { + "htmlelement": "footer", + "backgroundtype": "color", + "bgcolor": "#eeeeee", + "bottompadding": "0", + "toppadding": "30", + "colorscheme": "dark", + "showlogo": "true", + "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", + "logourl": "http://www.peregrine-cms.com", + "logoalttext": "Peregrine CMS Logo", + "logosize": "60", + "copyright": "Copyright 2017 Peregrine - All Rights Reserved", + "columns": [ + { + "title": "", + "text": "" + }, + { + "title": "Contact", + "text": "

email@email.com
1-800-888-8888

" + }, + { + "title": "Location", + "text": "

1234 S Pointe Drive, Laguna Hills, CA 92653

" + } + ], + "icons": [ + { + "url": "https://www.facebook.com/", + "icon": "facebook", + "iconalttext": "Facebook" + }, + { + "url": "https://twitter.com/", + "icon": "twitter", + "iconalttext": "Twitter" + }, + { + "url": "https://www.instagram.com/", + "icon": "instagram", + "iconalttext": "Instagram" + }, + { + "url": "https://www.pinterest.com/", + "icon": "pinterest", + "iconalttext": "Pinterest" + }, + { + "url": "https://www.youtube.com/", + "icon": "youtube", + "iconalttext": "Youtube" + } + ] + } } diff --git a/fragments/footer/template.html b/fragments/footer/template.html index 455d51ef8..eabf24165 100644 --- a/fragments/footer/template.html +++ b/fragments/footer/template.html @@ -1,24 +1,23 @@
-
- - logo - +
+ + logo + -
-

Address

-
- 1234 Street Name City, AA 1234 -
-
- -
- -
-
-

- © Copyright 2017 Peregrine - All Rights Reserved -

- -
+
+

Address

+
1234 Street Name City, AA 1234
+
+
+
+
+

© Copyright 2017 Peregrine - All Rights Reserved

+ +
diff --git a/fragments/footer/template.vue b/fragments/footer/template.vue index 45eed4346..686327eef 100644 --- a/fragments/footer/template.vue +++ b/fragments/footer/template.vue @@ -1,38 +1,66 @@ - diff --git a/fragments/header/hatch.js b/fragments/header/hatch.js index 9a4c6451a..5f56c87b4 100644 --- a/fragments/header/hatch.js +++ b/fragments/header/hatch.js @@ -1,33 +1,81 @@ module.exports = { - convert: function($, f) { - //f.bindPath($) - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.addIf($.find('a').first(), 'model.logo') + convert: function ($, f) { + //f.bindPath($) + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.addIf($.find("a").first(), "model.logo"); - f.bindAttribute($.find('a').first(), 'href', f.pathToUrl('model.logourl')) - f.bindAttribute($.find('img').first(), 'src', f.pathToUrl('model.logo')) - f.bindAttribute($.find('img').first(), 'alt', 'model.logoalttext') - f.addStyle($.find('img').first(), 'height', 'parseInt(model.logosize)', 'px') + f.bindAttribute( + $.find("a").first(), + "href", + f.pathToUrl("model.logourl") + ); + f.bindAttribute( + $.find("img").first(), + "src", + f.pathToUrl("model.logo") + ); + f.bindAttribute($.find("img").first(), "alt", "model.logoalttext"); + f.addStyle( + $.find("img").first(), + "height", + "parseInt(model.logosize)", + "px" + ); - let mainMenu = $.find('nav>div>div:nth-child(2)') - f.bindAttribute(mainMenu, 'class', "{'md:hidden': model.collapsed === 'true'}", false) + let mainMenu = $.find("nav>div>div:nth-child(2)"); + f.bindAttribute( + mainMenu, + "class", + "{'md:hidden': model.collapsed === 'true'}", + false + ); - f.replace( $.find('nav>div:first-of-type>div div:nth-child(1)'), '') - f.replace( $.find('nav>div:first-of-type>div div:nth-child(2)'), '') + f.replace( + $.find("nav>div:first-of-type>div div:nth-child(1)"), + '' + ); + f.replace( + $.find("nav>div:first-of-type>div div:nth-child(2)"), + '' + ); - let collapseButton = $.find('nav>div>div:nth-child(3)') - f.bindEvent( collapseButton, 'click', 'toggleMenu') - f.addIf(collapseButton, 'model.buttons && model.buttons.length > 0 || model.links && model.links.length > 0') - f.bindAttribute(collapseButton, 'style', "{display: model.collapsed === 'true' ? 'flex': false}", false) + let collapseButton = $.find("nav>div>div:nth-child(3)"); + f.bindEvent(collapseButton, "click", "toggleMenu"); + f.addIf( + collapseButton, + "model.buttons && model.buttons.length > 0 || model.links && model.links.length > 0" + ); + f.bindAttribute( + collapseButton, + "style", + "{display: model.collapsed === 'true' ? 'flex': false}", + false + ); - f.addStyle( $.find('nav>div:nth-child(2)'), 'height', "menuActive ? menuHeight + 'px' : '0px'") - f.bindAttribute( $.find('nav>div:nth-child(2)'), 'class', "{'invisible': !menuActive}") + f.addStyle( + $.find("nav>div:nth-child(2)"), + "height", + "menuActive ? menuHeight + 'px' : '0px'" + ); + f.bindAttribute( + $.find("nav>div:nth-child(2)"), + "class", + "{'invisible': !menuActive}" + ); - f.replace( $.find('nav>div:last-of-type>div>div:nth-child(1)'), '') - f.replace( $.find('nav>div:last-of-type>div>div:nth-child(2)'), '') + f.replace( + $.find("nav>div:last-of-type>div>div:nth-child(1)"), + '' + ); + f.replace( + $.find("nav>div:last-of-type>div>div:nth-child(2)"), + '' + ); - f.addElse($); - $.parent().prepend('
no content defined for component
') - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/header/model.json b/fragments/header/model.json index 70acfd1d5..04b3dbde3 100644 --- a/fragments/header/model.json +++ b/fragments/header/model.json @@ -1,81 +1,81 @@ { - "definitions": { - "Header": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "logo": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo", - "x-form-type": "pathbrowser", - "x-form-group": "content", - "x-form-browserRoot": "/content/themecleanflex/assets" - }, - "logoalttext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo Alt Text", - "x-form-group": "content", - "x-form-type": "text" - }, - "logourl": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo Url", - "x-form-group": "content", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "logosize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo Size", - "x-form-group": "content", - "x-form-type": "materialrange", - "x-default": 50, - "x-form-min": 1, - "x-form-max": 300 - }, - "collapsed": { - "type": "string", - "x-source": "inject", - "x-form-label": "Collapse Menu", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "elevation": { - "type": "string", - "x-source": "inject", - "x-form-label": "Elevation", - "x-form-visible": "", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-default": 0, - "x-form-min": 0, - "x-form-max": 5 - }, - "sticky": { - "type": "string", - "x-source": "inject", - "x-form-label": "Sticky", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "linksref": { - "x-form-type": "reference", - "$ref": "fragments/textlinks/model.json#/definitions/Textlinks" - }, - "buttonsref": { - "x-form-type": "reference", - "$ref": "fragments/menubuttons/model.json#/definitions/Menubuttons" - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } + "definitions": { + "Header": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "logo": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo", + "x-form-type": "pathbrowser", + "x-form-group": "content", + "x-form-browserRoot": "/content/themecleanflex/assets" + }, + "logoalttext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo Alt Text", + "x-form-group": "content", + "x-form-type": "text" + }, + "logourl": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo Url", + "x-form-group": "content", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "logosize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo Size", + "x-form-group": "content", + "x-form-type": "materialrange", + "x-default": 50, + "x-form-min": 1, + "x-form-max": 300 + }, + "collapsed": { + "type": "string", + "x-source": "inject", + "x-form-label": "Collapse Menu", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "elevation": { + "type": "string", + "x-source": "inject", + "x-form-label": "Elevation", + "x-form-visible": "", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-default": 0, + "x-form-min": 0, + "x-form-max": 5 + }, + "sticky": { + "type": "string", + "x-source": "inject", + "x-form-label": "Sticky", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "linksref": { + "x-form-type": "reference", + "$ref": "fragments/textlinks/model.json#/definitions/Textlinks" + }, + "buttonsref": { + "x-form-type": "reference", + "$ref": "fragments/menubuttons/model.json#/definitions/Menubuttons" + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } } diff --git a/fragments/header/readme.md b/fragments/header/readme.md index 3785605c9..582221ea4 100644 --- a/fragments/header/readme.md +++ b/fragments/header/readme.md @@ -1,3 +1,3 @@ # Header -The Header component is used to display your logo and the main navigation section for your page. +The Header component is used to display your logo and the main navigation section for your page. diff --git a/fragments/header/sample-blank.json b/fragments/header/sample-blank.json index 3196a0788..c045d1214 100644 --- a/fragments/header/sample-blank.json +++ b/fragments/header/sample-blank.json @@ -1,7 +1,5 @@ { - "title": "Navigation Header", - "group": "Chrome", - "model": { - - } + "title": "Navigation Header", + "group": "Chrome", + "model": {} } diff --git a/fragments/header/sample-dark.json b/fragments/header/sample-dark.json index 96eaad61a..d2bf14e16 100644 --- a/fragments/header/sample-dark.json +++ b/fragments/header/sample-dark.json @@ -1,40 +1,42 @@ { - "title": "Navigation Header - Dark", - "group": "Chrome", - "model": { - "htmlelement": "header", - "backgroundtype": "color", - "bgcolor": "#eeeeee", - "colorscheme": "dark", - "elevation": 1, - "toppadding": "10", - "bottompadding": "10", - "bgvideo": "https://www.youtube.com/embed/Ju86mknumYM", - "collapsed": "false", - "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", - "logoalttext": "Peregrine CMS Logo", - "logourl": "http://www.peregrine-cms.com", - "logosize": "60", - "buttonsize": "default", - "links": [ - { - "link": "/content/themecleanflex/pages", - "text": "Services" - },{ - "link": "/content/themecleanflex/pages", - "text": "About Us" - },{ - "link": "/content/themecleanflex/pages", - "text": "Contact Us" - } - ], - "linkcolor": "light", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "Try It Now", - "buttoncolor": "primary" - } - ] - } + "title": "Navigation Header - Dark", + "group": "Chrome", + "model": { + "htmlelement": "header", + "backgroundtype": "color", + "bgcolor": "#eeeeee", + "colorscheme": "dark", + "elevation": 1, + "toppadding": "10", + "bottompadding": "10", + "bgvideo": "https://www.youtube.com/embed/Ju86mknumYM", + "collapsed": "false", + "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", + "logoalttext": "Peregrine CMS Logo", + "logourl": "http://www.peregrine-cms.com", + "logosize": "60", + "buttonsize": "default", + "links": [ + { + "link": "/content/themecleanflex/pages", + "text": "Services" + }, + { + "link": "/content/themecleanflex/pages", + "text": "About Us" + }, + { + "link": "/content/themecleanflex/pages", + "text": "Contact Us" + } + ], + "linkcolor": "light", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "Try It Now", + "buttoncolor": "primary" + } + ] + } } diff --git a/fragments/header/sample-empty.json b/fragments/header/sample-empty.json index 2e8a0e5e3..435da8b9a 100644 --- a/fragments/header/sample-empty.json +++ b/fragments/header/sample-empty.json @@ -1,7 +1,5 @@ { - "title": "Header no default value", - "group": "Empty", - "model": { - - } -} \ No newline at end of file + "title": "Header no default value", + "group": "Empty", + "model": {} +} diff --git a/fragments/header/sample.json b/fragments/header/sample.json index b1bc82ddf..296a7aabf 100644 --- a/fragments/header/sample.json +++ b/fragments/header/sample.json @@ -1,40 +1,42 @@ { - "title": "Navigation Header - Light", - "group": "Chrome", - "model": { - "htmlelement": "header", - "backgroundtype": "color", - "bgcolor": "#eeeeee", - "colorscheme": "light", - "elevation": 1, - "toppadding": "10", - "bottompadding": "10", - "bgvideo": "https://www.youtube.com/embed/Ju86mknumYM", - "collapsed": "false", - "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", - "logoalttext": "Peregrine CMS Logo", - "logourl": "http://www.peregrine-cms.com", - "logosize": "60", - "buttonsize": "default", - "links": [ - { - "link": "/content/themecleanflex/pages", - "text": "Services" - },{ - "link": "/content/themecleanflex/pages", - "text": "About Us" - },{ - "link": "/content/themecleanflex/pages", - "text": "Contact Us" - } - ], - "linkcolor": "dark", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "Try It Now", - "buttoncolor": "primary" - } - ] - } + "title": "Navigation Header - Light", + "group": "Chrome", + "model": { + "htmlelement": "header", + "backgroundtype": "color", + "bgcolor": "#eeeeee", + "colorscheme": "light", + "elevation": 1, + "toppadding": "10", + "bottompadding": "10", + "bgvideo": "https://www.youtube.com/embed/Ju86mknumYM", + "collapsed": "false", + "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", + "logoalttext": "Peregrine CMS Logo", + "logourl": "http://www.peregrine-cms.com", + "logosize": "60", + "buttonsize": "default", + "links": [ + { + "link": "/content/themecleanflex/pages", + "text": "Services" + }, + { + "link": "/content/themecleanflex/pages", + "text": "About Us" + }, + { + "link": "/content/themecleanflex/pages", + "text": "Contact Us" + } + ], + "linkcolor": "dark", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "Try It Now", + "buttoncolor": "primary" + } + ] + } } diff --git a/fragments/header/template.html b/fragments/header/template.html index 117f2190a..410c3d877 100644 --- a/fragments/header/template.html +++ b/fragments/header/template.html @@ -1,26 +1,32 @@ diff --git a/fragments/header/template.vue b/fragments/header/template.vue index 99786fcb2..794ccf6d0 100644 --- a/fragments/header/template.vue +++ b/fragments/header/template.vue @@ -1,73 +1,112 @@ diff --git a/fragments/media/hatch.js b/fragments/media/hatch.js index b0ac267ed..e7cc15ad1 100644 --- a/fragments/media/hatch.js +++ b/fragments/media/hatch.js @@ -1,7 +1,7 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.bindPath($) - } -} \ No newline at end of file + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.bindPath($); + }, +}; diff --git a/fragments/media/model.json b/fragments/media/model.json index 6ae97f032..884d3ca6f 100644 --- a/fragments/media/model.json +++ b/fragments/media/model.json @@ -1,66 +1,66 @@ { - "definitions": { - "Media": { - "type": "object", - "x-type": "component", - "properties": { - "mediatype" : { - "type": "string", - "x-source": "inject", - "x-form-label": "Media type", - "x-form-group": "style", - "x-form-type": "materialradio", - "properties": { - "image": { - "x-form-name": "Image", - "x-form-value": "image" - }, - "video": { - "x-form-name": "Video", - "x-form-value": "video" - } - } - }, - "imagesrc": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Source", - "x-form-visible": "model.mediatype == 'image'", - "x-form-group": "style", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/assets", - "x-default": "", - "x-annotate": "size" - }, - "videosrc": { - "type": "string", - "x-source": "inject", - "x-form-label": "Video Source", - "x-form-visible": "model.mediatype == 'video'", - "x-form-group": "style", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/assets", - "x-default": "" - }, - "mediatitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Media Alt Text/Title", - "x-form-visible": "model.mediatype == 'image' or model.mediatype == 'video'", - "x-form-group": "style", - "x-form-type": "text" - }, - "mediawidth": { - "type": "string", - "x-source": "inject", - "x-form-label": "Width", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-default": 100, - "x-form-min": 10, - "x-form-max": 100 - } - } - } - } + "definitions": { + "Media": { + "type": "object", + "x-type": "component", + "properties": { + "mediatype": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media type", + "x-form-group": "style", + "x-form-type": "materialradio", + "properties": { + "image": { + "x-form-name": "Image", + "x-form-value": "image" + }, + "video": { + "x-form-name": "Video", + "x-form-value": "video" + } + } + }, + "imagesrc": { + "type": "string", + "x-source": "inject", + "x-form-label": "Image Source", + "x-form-visible": "model.mediatype == 'image'", + "x-form-group": "style", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/assets", + "x-default": "", + "x-annotate": "size" + }, + "videosrc": { + "type": "string", + "x-source": "inject", + "x-form-label": "Video Source", + "x-form-visible": "model.mediatype == 'video'", + "x-form-group": "style", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/assets", + "x-default": "" + }, + "mediatitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media Alt Text/Title", + "x-form-visible": "model.mediatype == 'image' or model.mediatype == 'video'", + "x-form-group": "style", + "x-form-type": "text" + }, + "mediawidth": { + "type": "string", + "x-source": "inject", + "x-form-label": "Width", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-default": 100, + "x-form-min": 10, + "x-form-max": 100 + } + } + } + } } diff --git a/fragments/media/template.html b/fragments/media/template.html index 440bbffb3..aa37696b5 100644 --- a/fragments/media/template.html +++ b/fragments/media/template.html @@ -1,5 +1,7 @@ -
- - -
- +
+ +
+ diff --git a/fragments/media/template.vue b/fragments/media/template.vue index 2c1afa7d9..66c57e18b 100644 --- a/fragments/media/template.vue +++ b/fragments/media/template.vue @@ -1,15 +1,21 @@ - diff --git a/fragments/mediablock/hatch.js b/fragments/mediablock/hatch.js index 38c307d54..5a7ff585c 100644 --- a/fragments/mediablock/hatch.js +++ b/fragments/mediablock/hatch.js @@ -1,8 +1,11 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.replace( $.find('img').first(), '') - f.bindAttribute($, 'style', "{flexBasis:`${model.mediawidth}%`}") - } -} + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.replace( + $.find("img").first(), + '' + ); + f.bindAttribute($, "style", "{flexBasis:`${model.mediawidth}%`}"); + }, +}; diff --git a/fragments/mediablock/model.json b/fragments/mediablock/model.json index 9b1754f96..67337f54c 100644 --- a/fragments/mediablock/model.json +++ b/fragments/mediablock/model.json @@ -1,19 +1,19 @@ { - "definitions": { - "Mediablock": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "mediaref": { - "x-form-type": "reference", - "$ref": "fragments/media/model.json#/definitions/Media" - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } -} \ No newline at end of file + "definitions": { + "Mediablock": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "mediaref": { + "x-form-type": "reference", + "$ref": "fragments/media/model.json#/definitions/Media" + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } +} diff --git a/fragments/mediablock/sample-blank.json b/fragments/mediablock/sample-blank.json index f37208975..648121dfe 100644 --- a/fragments/mediablock/sample-blank.json +++ b/fragments/mediablock/sample-blank.json @@ -1,7 +1,5 @@ { - "title": "Media", - "group": "Features", - "model": { - - } + "title": "Media", + "group": "Features", + "model": {} } diff --git a/fragments/mediablock/sample-empty.json b/fragments/mediablock/sample-empty.json index 54ba45433..43cc8091a 100644 --- a/fragments/mediablock/sample-empty.json +++ b/fragments/mediablock/sample-empty.json @@ -1,7 +1,5 @@ { - "title": "Image/Video with no default value", - "group": "Empty", - "model": { - - } -} \ No newline at end of file + "title": "Image/Video with no default value", + "group": "Empty", + "model": {} +} diff --git a/fragments/mediablock/sample-image.json b/fragments/mediablock/sample-image.json index c2c52c295..5c0726e31 100644 --- a/fragments/mediablock/sample-image.json +++ b/fragments/mediablock/sample-image.json @@ -1,12 +1,12 @@ { - "title": "Media - Image", - "group": "Features", - "model": { - "mediatype": "image", - "imagesrc": "/content/themecleanflex/assets/samples/sailing-lake_large.jpg", - "mediatitle": "Sailboat on a lake", - "toppadding": "30", - "bottompadding": "30", - "backgroundtype": "color" - } + "title": "Media - Image", + "group": "Features", + "model": { + "mediatype": "image", + "imagesrc": "/content/themecleanflex/assets/samples/sailing-lake_large.jpg", + "mediatitle": "Sailboat on a lake", + "toppadding": "30", + "bottompadding": "30", + "backgroundtype": "color" + } } diff --git a/fragments/mediablock/sample.json b/fragments/mediablock/sample.json index 6c524ec8b..8887afa1d 100644 --- a/fragments/mediablock/sample.json +++ b/fragments/mediablock/sample.json @@ -1,12 +1,12 @@ { - "title": "Media - Video", - "group": "Features", - "model": { - "mediatype": "video", - "videosrc": "https://www.youtube-nocookie.com/embed/R5qdE0_mOcw", - "mediatitle": "Sailing Video", - "toppadding": "30", - "bottompadding": "30", - "backgroundtype": "color" - } -} \ No newline at end of file + "title": "Media - Video", + "group": "Features", + "model": { + "mediatype": "video", + "videosrc": "https://www.youtube-nocookie.com/embed/R5qdE0_mOcw", + "mediatitle": "Sailing Video", + "toppadding": "30", + "bottompadding": "30", + "backgroundtype": "color" + } +} diff --git a/fragments/mediablock/template.html b/fragments/mediablock/template.html index ef94de59e..a6cc0a1f8 100644 --- a/fragments/mediablock/template.html +++ b/fragments/mediablock/template.html @@ -1,3 +1,6 @@
- image + image
diff --git a/fragments/mediablock/template.vue b/fragments/mediablock/template.vue index b2f37bbed..415e23b83 100644 --- a/fragments/mediablock/template.vue +++ b/fragments/mediablock/template.vue @@ -1,20 +1,28 @@ \ No newline at end of file + export default { + props: ["model"], + computed: { + isEditAndEmpty() { + if (!$peregrineApp.isAuthorMode()) return false; + //return !(this.model.imagesrc || this.model.videosrc) + return this.$helper.areAllEmpty( + this.model.imagesrc, + this.model.videosrc + ); + }, + }, + }; + diff --git a/fragments/mediavisible/hatch.js b/fragments/mediavisible/hatch.js index b0ac267ed..e7cc15ad1 100644 --- a/fragments/mediavisible/hatch.js +++ b/fragments/mediavisible/hatch.js @@ -1,7 +1,7 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.bindPath($) - } -} \ No newline at end of file + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.bindPath($); + }, +}; diff --git a/fragments/mediavisible/model.json b/fragments/mediavisible/model.json index 163482be1..9883b214f 100644 --- a/fragments/mediavisible/model.json +++ b/fragments/mediavisible/model.json @@ -1,75 +1,75 @@ { - "definitions": { - "Mediavisible": { - "type": "object", - "x-type": "component", - "properties": { - "showmedia": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Media", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "mediatype" : { - "type": "string", - "x-source": "inject", - "x-form-label": "Media type", - "x-form-visible": "model.showmedia == 'true'", - "x-form-group": "style", - "x-form-type": "materialradio", - "properties": { - "image": { - "x-form-name": "Image", - "x-form-value": "image" - }, - "video": { - "x-form-name": "Video", - "x-form-value": "video" - } - } - }, - "imagesrc": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Source", - "x-form-visible": "model.mediatype == 'image' and model.showmedia == 'true'", - "x-form-group": "style", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/assets", - "x-default": "", - "x-annotate": "size" - }, - "videosrc": { - "type": "string", - "x-source": "inject", - "x-form-label": "Video Source", - "x-form-visible": "model.mediatype == 'video' and model.showmedia == 'true'", - "x-form-group": "style", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/assets", - "x-default": "" - }, - "mediatitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Media Alt Text/Title", - "x-form-visible": "model.showmedia == 'true'", - "x-form-group": "style", - "x-form-type": "text" - }, - "mediawidth": { - "type": "string", - "x-source": "inject", - "x-form-label": "Width", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-form-visible": "model.showmedia == 'true'", - "x-default": 50, - "x-form-min": 10, - "x-form-max": 100 - } - } - } - } + "definitions": { + "Mediavisible": { + "type": "object", + "x-type": "component", + "properties": { + "showmedia": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Media", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "mediatype": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media type", + "x-form-visible": "model.showmedia == 'true'", + "x-form-group": "style", + "x-form-type": "materialradio", + "properties": { + "image": { + "x-form-name": "Image", + "x-form-value": "image" + }, + "video": { + "x-form-name": "Video", + "x-form-value": "video" + } + } + }, + "imagesrc": { + "type": "string", + "x-source": "inject", + "x-form-label": "Image Source", + "x-form-visible": "model.mediatype == 'image' and model.showmedia == 'true'", + "x-form-group": "style", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/assets", + "x-default": "", + "x-annotate": "size" + }, + "videosrc": { + "type": "string", + "x-source": "inject", + "x-form-label": "Video Source", + "x-form-visible": "model.mediatype == 'video' and model.showmedia == 'true'", + "x-form-group": "style", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/assets", + "x-default": "" + }, + "mediatitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media Alt Text/Title", + "x-form-visible": "model.showmedia == 'true'", + "x-form-group": "style", + "x-form-type": "text" + }, + "mediawidth": { + "type": "string", + "x-source": "inject", + "x-form-label": "Width", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-form-visible": "model.showmedia == 'true'", + "x-default": 50, + "x-form-min": 10, + "x-form-max": 100 + } + } + } + } } diff --git a/fragments/mediavisible/template.html b/fragments/mediavisible/template.html index 5b4943156..d38fff5ca 100644 --- a/fragments/mediavisible/template.html +++ b/fragments/mediavisible/template.html @@ -1,15 +1,15 @@
+
+ +
+ -
- - -
- - -
-
-

-
-
- -
\ No newline at end of file +
+
+

+
+
+
diff --git a/fragments/mediavisible/template.vue b/fragments/mediavisible/template.vue index f8c36ce76..e2ab67989 100644 --- a/fragments/mediavisible/template.vue +++ b/fragments/mediavisible/template.vue @@ -1,11 +1,9 @@ - diff --git a/fragments/menubuttons/hatch.js b/fragments/menubuttons/hatch.js index 13d51ef95..3435978e4 100644 --- a/fragments/menubuttons/hatch.js +++ b/fragments/menubuttons/hatch.js @@ -1,8 +1,7 @@ module.exports = { - convert: function($, f) { - - //Button - let aClasses = `{ + convert: function ($, f) { + //Button + let aClasses = `{ 'btn-lg': model.buttonsize === 'large', 'btn-sm': model.buttonsize === 'small', 'btn-primary': item.buttoncolor === 'primary', @@ -12,12 +11,12 @@ module.exports = { 'btn-warning': item.buttoncolor === 'warning', 'btn-light': item.buttoncolor === 'light', 'btn-dark': item.buttoncolor === 'dark' - }` + }`; - let a = $.find('a') - f.addFor( a, 'model.buttons') - f.bindAttribute( a, 'href', f.pathToUrl('item.buttonlink')) - f.bindAttribute( a, 'class', aClasses, false) - f.mapField( a, "item.buttontext", "model.buttons", "buttontext") - } -} + let a = $.find("a"); + f.addFor(a, "model.buttons"); + f.bindAttribute(a, "href", f.pathToUrl("item.buttonlink")); + f.bindAttribute(a, "class", aClasses, false); + f.mapField(a, "item.buttontext", "model.buttons", "buttontext"); + }, +}; diff --git a/fragments/menubuttons/model.json b/fragments/menubuttons/model.json index 31f1f7dad..76b68da80 100644 --- a/fragments/menubuttons/model.json +++ b/fragments/menubuttons/model.json @@ -1,91 +1,91 @@ { - "definitions": { - "Menubuttons": { - "type": "object", - "x-type": "component", - "properties": { - "buttonsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Size", - "x-form-group": "style", - "x-form-type": "materialselect", - "x-default": "default", - "properties":{ - "default": { - "x-form-name": "Default", - "x-form-value": "default" - }, - "large": { - "x-form-name": "Large", - "x-form-value": "large" - }, - "small": { - "x-form-name": "Small", - "x-form-value": "small" - } - } - }, - "buttons": { - "type": "string", - "x-source": "inject", - "x-form-label": "Buttons", - "x-form-group": "content", - "x-form-type": "collection", - "properties": { - "buttontext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Text", - "x-form-type": "text" - }, - "buttonlink": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Link", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "buttoncolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Color", - "x-form-type": "materialselect", - "x-default": "primary", - "properties":{ - "primary": { - "x-form-name": "Primary", - "x-form-value": "primary" - }, - "secondary": { - "x-form-name": "Secondary", - "x-form-value": "secondary" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "success" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "danger" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - } - } - } - } - } - } + "definitions": { + "Menubuttons": { + "type": "object", + "x-type": "component", + "properties": { + "buttonsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Size", + "x-form-group": "style", + "x-form-type": "materialselect", + "x-default": "default", + "properties": { + "default": { + "x-form-name": "Default", + "x-form-value": "default" + }, + "large": { + "x-form-name": "Large", + "x-form-value": "large" + }, + "small": { + "x-form-name": "Small", + "x-form-value": "small" + } + } + }, + "buttons": { + "type": "string", + "x-source": "inject", + "x-form-label": "Buttons", + "x-form-group": "content", + "x-form-type": "collection", + "properties": { + "buttontext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Text", + "x-form-type": "text" + }, + "buttonlink": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Link", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "buttoncolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Color", + "x-form-type": "materialselect", + "x-default": "primary", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "primary" + }, + "secondary": { + "x-form-name": "Secondary", + "x-form-value": "secondary" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "success" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "danger" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + } + } + } + } + } + } } diff --git a/fragments/menubuttons/sample.json b/fragments/menubuttons/sample.json index 5701938cf..814880933 100644 --- a/fragments/menubuttons/sample.json +++ b/fragments/menubuttons/sample.json @@ -1,23 +1,23 @@ { - "title": "Menu Buttons", - "group": ".hidden", - "model": { - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "Try It Now", - "buttoncolor": "primary" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "Click Here!", - "buttoncolor": "primary" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "Enter", - "buttoncolor": "warning" - } - ] - } + "title": "Menu Buttons", + "group": ".hidden", + "model": { + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "Try It Now", + "buttoncolor": "primary" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "Click Here!", + "buttoncolor": "primary" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "Enter", + "buttoncolor": "warning" + } + ] + } } diff --git a/fragments/menubuttons/template.html b/fragments/menubuttons/template.html index 993fe8979..98f3bc973 100644 --- a/fragments/menubuttons/template.html +++ b/fragments/menubuttons/template.html @@ -1,6 +1,6 @@
- - - +1-234-567-8901 - + + + +1-234-567-8901 +
diff --git a/fragments/menubuttons/template.vue b/fragments/menubuttons/template.vue index eec801487..3732f144a 100644 --- a/fragments/menubuttons/template.vue +++ b/fragments/menubuttons/template.vue @@ -1,23 +1,30 @@ - diff --git a/fragments/navigation/hatch.js b/fragments/navigation/hatch.js index 93b914be2..69c06138f 100644 --- a/fragments/navigation/hatch.js +++ b/fragments/navigation/hatch.js @@ -1,34 +1,53 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - let justify = `{ + let justify = `{ 'justify-start': model.justifyitems === 'start', 'justify-center': model.justifyitems === 'center', 'justify-end': model.justifyitems === 'end' - }` + }`; - f.bindAttribute($, 'class', justify, false); + f.bindAttribute($, "class", justify, false); - let rootItem = $.find('div').eq(0); - f.addFor( rootItem, 'model.childrenPages', 'child' ); + let rootItem = $.find("div").eq(0); + f.addFor(rootItem, "model.childrenPages", "child"); - let rootLink = $.find('a'); - f.mapField(rootLink, 'child.title', "model.childrenPages", "title"); - f.bindAttribute(rootLink, 'href', "child.childrenPages.length > 0 ? false : child.path +'.html'"); - f.bindAttribute(rootLink, 'class', "model.colorscheme === 'dark' ? 'text-gray-200 hover:bg-gray-200 hover:text-black' : 'text-black hover:bg-black hover:text-gray-200'",false); - - let nested = $.find('div').eq(1); - f.addIf(nested, 'child.hasChildren && child.childrenPages && child.childrenPages.length > 0') + let rootLink = $.find("a"); + f.mapField(rootLink, "child.title", "model.childrenPages", "title"); + f.bindAttribute( + rootLink, + "href", + "child.childrenPages.length > 0 ? false : child.path +'.html'" + ); + f.bindAttribute( + rootLink, + "class", + "model.colorscheme === 'dark' ? 'text-gray-200 hover:bg-gray-200 hover:text-black' : 'text-black hover:bg-black hover:text-gray-200'", + false + ); - let nestedLink = $.find('a').eq(1); - f.addFor( nestedLink, 'child.childrenPages', 'subchild' ); - f.mapField( nestedLink, 'subchild.title' ); - f.bindAttribute(nestedLink, 'href', "subchild.path + '.html'"); - f.bindAttribute(nestedLink, 'class', "model.colorscheme === 'dark' ? 'text-gray-200 hover:bg-gray-200 hover:text-black' : 'text-black hover:bg-black hover:text-gray-200'",false); + let nested = $.find("div").eq(1); + f.addIf( + nested, + "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" + ); - f.addElse($); - $.parent().prepend('
{{isEditAndEmpty}}
') - } -} + let nestedLink = $.find("a").eq(1); + f.addFor(nestedLink, "child.childrenPages", "subchild"); + f.mapField(nestedLink, "subchild.title"); + f.bindAttribute(nestedLink, "href", "subchild.path + '.html'"); + f.bindAttribute( + nestedLink, + "class", + "model.colorscheme === 'dark' ? 'text-gray-200 hover:bg-gray-200 hover:text-black' : 'text-black hover:bg-black hover:text-gray-200'", + false + ); + + f.addElse($); + $.parent().prepend( + '
{{isEditAndEmpty}}
' + ); + }, +}; diff --git a/fragments/navigation/model.json b/fragments/navigation/model.json index f4146a818..b9198426e 100644 --- a/fragments/navigation/model.json +++ b/fragments/navigation/model.json @@ -1,51 +1,53 @@ { - "definitions": { - "Navigation": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "rootpage": { - "type": "string", - "x-source": "inject", - "x-form-type": "pathbrowser", - "x-form-label": "Root Page", - "x-form-group": "content", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "excludesitemapexcludes": { - "type": "string", - "x-source": "inject", - "x-form-label": "Exclude pages Excluded in Sitemap", - "x-form-group": "content", - "x-form-type": "materialswitch", - "x-form-default": false - }, - "justifyitems": { - "type": "string", - "x-source": "inject", - "x-form-label": "Navigation Alignment", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-default": "end", - "properties": { - "start": { - "x-form-name": "Start", - "x-form-value": "start" - },"center": { - "x-form-name": "Center", - "x-form-value": "center" - },"end": { - "x-form-name": "End", - "x-form-value": "end" - } - } - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } + "definitions": { + "Navigation": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "rootpage": { + "type": "string", + "x-source": "inject", + "x-form-type": "pathbrowser", + "x-form-label": "Root Page", + "x-form-group": "content", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "excludesitemapexcludes": { + "type": "string", + "x-source": "inject", + "x-form-label": "Exclude pages Excluded in Sitemap", + "x-form-group": "content", + "x-form-type": "materialswitch", + "x-form-default": false + }, + "justifyitems": { + "type": "string", + "x-source": "inject", + "x-form-label": "Navigation Alignment", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-default": "end", + "properties": { + "start": { + "x-form-name": "Start", + "x-form-value": "start" + }, + "center": { + "x-form-name": "Center", + "x-form-value": "center" + }, + "end": { + "x-form-name": "End", + "x-form-value": "end" + } + } + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } } diff --git a/fragments/navigation/sample-blank.json b/fragments/navigation/sample-blank.json index ed96932db..330b1a221 100644 --- a/fragments/navigation/sample-blank.json +++ b/fragments/navigation/sample-blank.json @@ -1,6 +1,5 @@ { - "title": "Multilevel Navigation", - "group": "Chrome", - "model": { - } + "title": "Multilevel Navigation", + "group": "Chrome", + "model": {} } diff --git a/fragments/navigation/sample-empty.json b/fragments/navigation/sample-empty.json index cf3f1b254..24f855816 100644 --- a/fragments/navigation/sample-empty.json +++ b/fragments/navigation/sample-empty.json @@ -1,6 +1,5 @@ { - "title": "Navigation no default values", - "group": "Empty", - "model": { - } + "title": "Navigation no default values", + "group": "Empty", + "model": {} } diff --git a/fragments/navigation/sample.json b/fragments/navigation/sample.json index d27852f00..118611ef8 100644 --- a/fragments/navigation/sample.json +++ b/fragments/navigation/sample.json @@ -1,10 +1,10 @@ { - "title": "Multilevel Navigation - Example", - "group": "Chrome", - "model": { - "bottompadding": "0", - "toppadding": "0", - "rootpage": "/content/themecleanflex/pages", - "justifyitems": "end" - } + "title": "Multilevel Navigation - Example", + "group": "Chrome", + "model": { + "bottompadding": "0", + "toppadding": "0", + "rootpage": "/content/themecleanflex/pages", + "justifyitems": "end" + } } diff --git a/fragments/navigation/template.html b/fragments/navigation/template.html index 13bfbcfb2..563ebfe94 100644 --- a/fragments/navigation/template.html +++ b/fragments/navigation/template.html @@ -1,10 +1,10 @@ diff --git a/fragments/navigation/template.vue b/fragments/navigation/template.vue index 1cb8b7afb..de3039664 100644 --- a/fragments/navigation/template.vue +++ b/fragments/navigation/template.vue @@ -1,58 +1,89 @@ - diff --git a/fragments/note/hatch.js b/fragments/note/hatch.js index bff18768b..db908da7c 100644 --- a/fragments/note/hatch.js +++ b/fragments/note/hatch.js @@ -1,11 +1,11 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block'); - f.bindAttribute($.parent(),'model','model'); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - f.mapRichField( $.find('div'), 'model.text'); + f.mapRichField($.find("div"), "model.text"); - let styles = `{ + let styles = `{ 'note-note': model.notetype === "note", 'note-tip': model.notetype === "tip", 'note-warning': model.notetype === "warning", @@ -13,6 +13,6 @@ module.exports = { 'note-caution': model.notetype === "caution" }`; - f.bindAttribute($, 'class', styles, false); - } -} + f.bindAttribute($, "class", styles, false); + }, +}; diff --git a/fragments/note/model.json b/fragments/note/model.json index 8f40df9e1..910fb5559 100644 --- a/fragments/note/model.json +++ b/fragments/note/model.json @@ -1,51 +1,51 @@ { - "definitions": { - "Note": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "text": { - "type": "string", - "x-source": "inject", - "x-form-group": "content", - "x-form-type": "texteditor" - }, - "notetype": { - "type": "string", - "x-source": "inject", - "x-form-label": "Note Type", - "x-form-type": "materialselect", - "x-form-group": "content", - "x-default": "note", - "properties":{ - "note": { - "x-form-name": "Note", - "x-form-value": "note" - }, - "tip": { - "x-form-name": "Tip", - "x-form-value": "tip" - }, - "important": { - "x-form-name": "Important", - "x-form-value": "important" - }, - "caution": { - "x-form-name": "Caution", - "x-form-value": "caution" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Note": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "text": { + "type": "string", + "x-source": "inject", + "x-form-group": "content", + "x-form-type": "texteditor" + }, + "notetype": { + "type": "string", + "x-source": "inject", + "x-form-label": "Note Type", + "x-form-type": "materialselect", + "x-form-group": "content", + "x-default": "note", + "properties": { + "note": { + "x-form-name": "Note", + "x-form-value": "note" + }, + "tip": { + "x-form-name": "Tip", + "x-form-value": "tip" + }, + "important": { + "x-form-name": "Important", + "x-form-value": "important" + }, + "caution": { + "x-form-name": "Caution", + "x-form-value": "caution" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/note/sample-blank.json b/fragments/note/sample-blank.json index dd2eb8477..daba2b546 100644 --- a/fragments/note/sample-blank.json +++ b/fragments/note/sample-blank.json @@ -1,6 +1,5 @@ { - "title": "Note", - "group": "Text Components", - "model": { - } + "title": "Note", + "group": "Text Components", + "model": {} } diff --git a/fragments/note/sample-caution.json b/fragments/note/sample-caution.json index 359306e13..63fdf5620 100644 --- a/fragments/note/sample-caution.json +++ b/fragments/note/sample-caution.json @@ -1,10 +1,10 @@ { - "title": "Note - Caution", - "group": "Text Components", - "model": { - "text": "

caution

", - "notetype": "caution", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note - Caution", + "group": "Text Components", + "model": { + "text": "

caution

", + "notetype": "caution", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/sample-important.json b/fragments/note/sample-important.json index 62e4ee7f7..f4156c374 100644 --- a/fragments/note/sample-important.json +++ b/fragments/note/sample-important.json @@ -1,10 +1,10 @@ { - "title": "Note - Important", - "group": "Text Components", - "model": { - "text": "

important

", - "notetype": "important", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note - Important", + "group": "Text Components", + "model": { + "text": "

important

", + "notetype": "important", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/sample-note.json b/fragments/note/sample-note.json index 2161500c1..2e00dc33c 100644 --- a/fragments/note/sample-note.json +++ b/fragments/note/sample-note.json @@ -1,10 +1,10 @@ { - "title": "Note - Note", - "group": "Text Components", - "model": { - "text": "

note

", - "notetype": "note", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note - Note", + "group": "Text Components", + "model": { + "text": "

note

", + "notetype": "note", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/sample-rte.json b/fragments/note/sample-rte.json index 2b34406a4..da7e1a756 100644 --- a/fragments/note/sample-rte.json +++ b/fragments/note/sample-rte.json @@ -1,9 +1,9 @@ { - "title": "Note With All RTE Styles", - "group": ".hidden", - "model": { - "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note With All RTE Styles", + "group": ".hidden", + "model": { + "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/sample-tip.json b/fragments/note/sample-tip.json index e9e9665f6..d27d0709e 100644 --- a/fragments/note/sample-tip.json +++ b/fragments/note/sample-tip.json @@ -1,10 +1,10 @@ { - "title": "Note - Tip", - "group": "Text Components", - "model": { - "text": "

tip

", - "notetype": "tip", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note - Tip", + "group": "Text Components", + "model": { + "text": "

tip

", + "notetype": "tip", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/sample-warning-dark.json b/fragments/note/sample-warning-dark.json index e03951374..89e3650f8 100644 --- a/fragments/note/sample-warning-dark.json +++ b/fragments/note/sample-warning-dark.json @@ -1,11 +1,11 @@ { - "title": "Note - Warning Dark", - "group": ".hidden", - "model": { - "text": "

warning

", - "notetype": "warning", - "colorscheme": "dark", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note - Warning Dark", + "group": ".hidden", + "model": { + "text": "

warning

", + "notetype": "warning", + "colorscheme": "dark", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/sample-warning.json b/fragments/note/sample-warning.json index d74f8a6c5..1b8ca71cc 100644 --- a/fragments/note/sample-warning.json +++ b/fragments/note/sample-warning.json @@ -1,10 +1,10 @@ { - "title": "Note - Warning", - "group": "Text Components", - "model": { - "text": "

warning

", - "notetype": "warning", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note - Warning", + "group": "Text Components", + "model": { + "text": "

warning

", + "notetype": "warning", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/sample.json b/fragments/note/sample.json index 6cb718deb..ecabaa77e 100644 --- a/fragments/note/sample.json +++ b/fragments/note/sample.json @@ -1,9 +1,9 @@ { - "title": "Note - Example", - "group": "Text Components", - "model": { - "text": "

Here is some example note text default style

", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note - Example", + "group": "Text Components", + "model": { + "text": "

Here is some example note text default style

", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/template.html b/fragments/note/template.html index 897cb9ab6..2589f7fd0 100644 --- a/fragments/note/template.html +++ b/fragments/note/template.html @@ -1,4 +1,3 @@ -
-
-
-
+
+
+
diff --git a/fragments/note/template.vue b/fragments/note/template.vue index abf50403e..8f3a774f6 100644 --- a/fragments/note/template.vue +++ b/fragments/note/template.vue @@ -1,20 +1,26 @@ - diff --git a/fragments/pagelist/hatch.js b/fragments/pagelist/hatch.js index 27bdabc66..30e27d5e0 100644 --- a/fragments/pagelist/hatch.js +++ b/fragments/pagelist/hatch.js @@ -1,32 +1,75 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - f.addIf($.find('ul.root'), 'model.includeroot === \'true\'') + f.addIf($.find("ul.root"), "model.includeroot === 'true'"); - f.bindAttribute($.find('li.root a').first(),'href',f.pathToUrl('model.rootPageLink')) - f.mapField($.find('li.root a').first(),'model.rootPageTitle', false) - f.addFor($.find('li.children').first(), 'model.childrenPages', 'child') - f.bindAttribute($.find('li.children a').first(),'href',f.pathToUrl('child.path')) - f.mapField($.find('li.children a').first(),'child.title', false) + f.bindAttribute( + $.find("li.root a").first(), + "href", + f.pathToUrl("model.rootPageLink") + ); + f.mapField($.find("li.root a").first(), "model.rootPageTitle", false); + f.addFor($.find("li.children").first(), "model.childrenPages", "child"); + f.bindAttribute( + $.find("li.children a").first(), + "href", + f.pathToUrl("child.path") + ); + f.mapField($.find("li.children a").first(), "child.title", false); - f.replace( $.find('div.reference').eq(0), '
') - f.replace( $.find('.noroot .reference').eq(0), '
') - f.replace( $.find('.root .children .reference').eq(0), '
') + f.replace( + $.find("div.reference").eq(0), + '
' + ); + f.replace( + $.find(".noroot .reference").eq(0), + '
' + ); + f.replace( + $.find(".root .children .reference").eq(0), + '
' + ); - f.replace( $.find('ul.nested').eq(0), '') - f.addIf($.find('li.children themecleanflex-components-pagelistnested').first(), 'child.hasChildren && child.childrenPages && child.childrenPages.length > 0') + f.replace( + $.find("ul.nested").eq(0), + '' + ); + f.addIf( + $.find( + "li.children themecleanflex-components-pagelistnested" + ).first(), + "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" + ); - f.addElse($.find('ul.noroot').first()); + f.addElse($.find("ul.noroot").first()); - f.addFor($.find('li.childrennoroot').first(), 'model.childrenPages', 'child') - f.bindAttribute($.find('li.childrennoroot a').first(),'href',f.pathToUrl('child.path')) - f.mapField($.find('li.childrennoroot a').first(),'child.title', false) - f.replace( $.find('ul.nestednoroot').eq(0), '') - f.addIf($.find('li.childrennoroot themecleanflex-components-pagelistnested').first(), 'child.hasChildren && child.childrenPages && child.childrenPages.length > 0') + f.addFor( + $.find("li.childrennoroot").first(), + "model.childrenPages", + "child" + ); + f.bindAttribute( + $.find("li.childrennoroot a").first(), + "href", + f.pathToUrl("child.path") + ); + f.mapField($.find("li.childrennoroot a").first(), "child.title", false); + f.replace( + $.find("ul.nestednoroot").eq(0), + '' + ); + f.addIf( + $.find( + "li.childrennoroot themecleanflex-components-pagelistnested" + ).first(), + "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" + ); - f.addElse($); - $.parent().prepend('
{{isEditAndEmpty}}
') - } -} + f.addElse($); + $.parent().prepend( + '
{{isEditAndEmpty}}
' + ); + }, +}; diff --git a/fragments/pagelist/model.json b/fragments/pagelist/model.json index c32e831d9..55244ae0e 100644 --- a/fragments/pagelist/model.json +++ b/fragments/pagelist/model.json @@ -1,82 +1,82 @@ { - "definitions": { - "Pagelist": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "rootpage": { - "type": "string", - "x-source": "inject", - "x-form-type": "pathbrowser", - "x-form-label": "Root Page", - "x-form-group": "content", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "includeroot": { - "type": "string", - "x-source": "inject", - "x-form-label": "Include Root", - "x-form-group": "content", - "x-form-type": "materialswitch", - "x-form-default": false - }, - "excludesitemapexcludes": { - "type": "string", - "x-source": "inject", - "x-form-label": "Exclude pages Excluded in Sitemap", - "x-form-group": "content", - "x-form-type": "materialswitch", - "x-form-default": false - }, - "levels": { - "type": "string", - "x-source": "inject", - "x-form-type": "number", - "x-form-group": "content", - "x-form-label": "Levels", - "x-form-default": 1, - "x-form-min": 1 - }, - "references": { - "type": "string", - "x-source": "inject", - "x-form-label": "References", - "x-form-fieldLabel": "contentname", - "x-form-type": "collection", - "x-form-group": "content", - "properties": { - "contentname": { - "type": "string", - "x-source": "inject", - "x-form-label": "Content Name", - "x-form-type": "text" - }, - "contentfield": { - "type": "string", - "x-source": "inject", - "x-form-label": "Content Field", - "x-form-type": "text" - }, - "htmlelement": { - "type": "string", - "x-source": "inject", - "x-form-label": "HTML Element", - "x-form-type": "text" - }, - "cssclass": { - "type": "string", - "x-source": "inject", - "x-form-label": "CSS Classes", - "x-form-type": "text" - } - } - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } + "definitions": { + "Pagelist": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "rootpage": { + "type": "string", + "x-source": "inject", + "x-form-type": "pathbrowser", + "x-form-label": "Root Page", + "x-form-group": "content", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "includeroot": { + "type": "string", + "x-source": "inject", + "x-form-label": "Include Root", + "x-form-group": "content", + "x-form-type": "materialswitch", + "x-form-default": false + }, + "excludesitemapexcludes": { + "type": "string", + "x-source": "inject", + "x-form-label": "Exclude pages Excluded in Sitemap", + "x-form-group": "content", + "x-form-type": "materialswitch", + "x-form-default": false + }, + "levels": { + "type": "string", + "x-source": "inject", + "x-form-type": "number", + "x-form-group": "content", + "x-form-label": "Levels", + "x-form-default": 1, + "x-form-min": 1 + }, + "references": { + "type": "string", + "x-source": "inject", + "x-form-label": "References", + "x-form-fieldLabel": "contentname", + "x-form-type": "collection", + "x-form-group": "content", + "properties": { + "contentname": { + "type": "string", + "x-source": "inject", + "x-form-label": "Content Name", + "x-form-type": "text" + }, + "contentfield": { + "type": "string", + "x-source": "inject", + "x-form-label": "Content Field", + "x-form-type": "text" + }, + "htmlelement": { + "type": "string", + "x-source": "inject", + "x-form-label": "HTML Element", + "x-form-type": "text" + }, + "cssclass": { + "type": "string", + "x-source": "inject", + "x-form-label": "CSS Classes", + "x-form-type": "text" + } + } + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } } diff --git a/fragments/pagelist/sample-blank.json b/fragments/pagelist/sample-blank.json index f4b69742d..7207959de 100644 --- a/fragments/pagelist/sample-blank.json +++ b/fragments/pagelist/sample-blank.json @@ -1,6 +1,5 @@ { - "title": "Page List", - "group": "Features", - "model": { - } + "title": "Page List", + "group": "Features", + "model": {} } diff --git a/fragments/pagelist/sample-empty.json b/fragments/pagelist/sample-empty.json index 0ff757664..4c9bcf1f0 100644 --- a/fragments/pagelist/sample-empty.json +++ b/fragments/pagelist/sample-empty.json @@ -1,6 +1,5 @@ { - "title": "Page List no default values", - "group": "Empty", - "model": { - } + "title": "Page List no default values", + "group": "Empty", + "model": {} } diff --git a/fragments/pagelist/sample.json b/fragments/pagelist/sample.json index 949c2093c..620b06d4f 100644 --- a/fragments/pagelist/sample.json +++ b/fragments/pagelist/sample.json @@ -1,10 +1,10 @@ { - "title": "Page List - Example", - "group": "Features", - "model": { - "bottompadding": "20", - "toppadding": "20", - "rootpage": "/content/themecleanflex/pages", - "levels": "2" - } + "title": "Page List - Example", + "group": "Features", + "model": { + "bottompadding": "20", + "toppadding": "20", + "rootpage": "/content/themecleanflex/pages", + "levels": "2" + } } diff --git a/fragments/pagelist/template.html b/fragments/pagelist/template.html index ddeaf8ad1..fd0694f79 100644 --- a/fragments/pagelist/template.html +++ b/fragments/pagelist/template.html @@ -1,33 +1,40 @@
- - + +
diff --git a/fragments/pagelist/template.vue b/fragments/pagelist/template.vue index 051b7b870..a6375efb5 100644 --- a/fragments/pagelist/template.vue +++ b/fragments/pagelist/template.vue @@ -1,52 +1,90 @@ - diff --git a/fragments/pagelistnested/hatch.js b/fragments/pagelistnested/hatch.js index 6bd49966d..22d28bda9 100644 --- a/fragments/pagelistnested/hatch.js +++ b/fragments/pagelistnested/hatch.js @@ -1,13 +1,25 @@ module.exports = { - convert: function($, f) { - //f.bindPath($) - f.addFor($.find('li.children').first(), 'model.childrenPages', 'child') - f.bindAttribute($.find('li.children a').first(),'href',f.pathToUrl('child.path')) - f.mapField($.find('li.children a').first(),'child.title', false) - f.replace( $.find('ul.nested').eq(0), '') - f.addIf($.find('themecleanflex-components-pagelistnested').first(), 'child.hasChildren && child.childrenPages && child.childrenPages.length > 0') + convert: function ($, f) { + //f.bindPath($) + f.addFor($.find("li.children").first(), "model.childrenPages", "child"); + f.bindAttribute( + $.find("li.children a").first(), + "href", + f.pathToUrl("child.path") + ); + f.mapField($.find("li.children a").first(), "child.title", false); + f.replace( + $.find("ul.nested").eq(0), + '' + ); + f.addIf( + $.find("themecleanflex-components-pagelistnested").first(), + "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" + ); - f.replace( $.find('.reference').eq(0), '
') - - } -} \ No newline at end of file + f.replace( + $.find(".reference").eq(0), + '
' + ); + }, +}; diff --git a/fragments/pagelistnested/model.json b/fragments/pagelistnested/model.json index 0b425daa2..a9d4876a3 100644 --- a/fragments/pagelistnested/model.json +++ b/fragments/pagelistnested/model.json @@ -1,10 +1,9 @@ { - "definitions": { - "Pagelistnested": { - "type": "object", - "x-type": "component", - "properties": { - } - } - } -} \ No newline at end of file + "definitions": { + "Pagelistnested": { + "type": "object", + "x-type": "component", + "properties": {} + } + } +} diff --git a/fragments/pagelistnested/sample.json b/fragments/pagelistnested/sample.json index 16ea4534d..52db05eb2 100644 --- a/fragments/pagelistnested/sample.json +++ b/fragments/pagelistnested/sample.json @@ -1,6 +1,5 @@ { - "title": "Pagelistnested", - "group": ".hidden", - "model": { - } -} \ No newline at end of file + "title": "Pagelistnested", + "group": ".hidden", + "model": {} +} diff --git a/fragments/pagelistnested/template.html b/fragments/pagelistnested/template.html index 31b1f3e3a..5913df068 100644 --- a/fragments/pagelistnested/template.html +++ b/fragments/pagelistnested/template.html @@ -1,13 +1,16 @@ \ No newline at end of file +
  • + Pageeee 1 +
    references
    + +
    • + diff --git a/fragments/pagelistnested/template.vue b/fragments/pagelistnested/template.vue index 224452868..a50cd9a5d 100644 --- a/fragments/pagelistnested/template.vue +++ b/fragments/pagelistnested/template.vue @@ -1,17 +1,28 @@ - diff --git a/fragments/pager/hatch.js b/fragments/pager/hatch.js index 05d2bc7a1..002b8ca55 100644 --- a/fragments/pager/hatch.js +++ b/fragments/pager/hatch.js @@ -1,10 +1,10 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.addIf($.find('.perIsEditAndEmpty').first(), 'isEditAndEmpty') - f.bindAttribute($.parent(),'model','model') - - let a1Classes = `{ + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.addIf($.find(".perIsEditAndEmpty").first(), "isEditAndEmpty"); + f.bindAttribute($.parent(), "model", "model"); + + let a1Classes = `{ 'btn-lg': model.buttonsize === 'large', 'btn-sm': model.buttonsize === 'small', 'btn-primary': model.buttoncolor === 'primary', @@ -15,9 +15,9 @@ module.exports = { 'btn-light': model.buttoncolor === 'light', 'btn-dark': model.buttoncolor === 'dark', 'invisible': model.previous === 'unknown', - }` + }`; - let a2Classes = `{ + let a2Classes = `{ 'btn-lg': model.buttonsize === 'large', 'btn-sm': model.buttonsize === 'small', 'btn-primary': model.buttoncolor === 'primary', @@ -28,20 +28,22 @@ module.exports = { 'btn-light': model.buttoncolor === 'light', 'btn-dark': model.buttoncolor === 'dark', 'invisible': model.next === 'unknown', - }` + }`; + + let a1 = $.find("a").eq(0); + let a2 = $.find("a").eq(1); - let a1 =$.find('a').eq(0) - let a2 =$.find('a').eq(1) + f.mapField(a1, "model.prevlabel"); + f.bindAttribute(a1, "href", f.pathToUrl("model.previous")); + f.bindAttribute(a1, "class", a1Classes, false); - f.mapField( a1, 'model.prevlabel') - f.bindAttribute(a1, 'href', f.pathToUrl('model.previous')) - f.bindAttribute( a1, 'class', a1Classes, false) - - f.mapField(a2, 'model.nextlabel') - f.bindAttribute(a2, 'href', f.pathToUrl('model.next')) - f.bindAttribute( a2, 'class', a2Classes, false) + f.mapField(a2, "model.nextlabel"); + f.bindAttribute(a2, "href", f.pathToUrl("model.next")); + f.bindAttribute(a2, "class", a2Classes, false); - f.addElse($); - $.parent().prepend('
    no content defined for component
    ') - } -} + f.addElse($); + $.parent().prepend( + '
    no content defined for component
    ' + ); + }, +}; diff --git a/fragments/pager/model.json b/fragments/pager/model.json index 3cb856054..8e717ce17 100644 --- a/fragments/pager/model.json +++ b/fragments/pager/model.json @@ -1,127 +1,127 @@ { - "definitions": { - "Pager": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "rootpage": { - "type": "string", - "x-source": "inject", - "x-form-type": "pathbrowser", - "x-form-label": "Root Page", - "x-form-group": "content", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "includeroot": { - "type": "string", - "x-source": "inject", - "x-form-label": "Include Root", - "x-form-group": "content", - "x-form-type": "materialswitch", - "x-default": false - }, - "buttonsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Size", - "x-form-type": "materialselect", - "x-form-group": "style", - "x-default": "default", - "properties":{ - "default": { - "x-form-name": "Default", - "x-form-value": "default" - }, - "large": { - "x-form-name": "Large", - "x-form-value": "large" - }, - "small": { - "x-form-name": "Small", - "x-form-value": "small" - } - } - }, - "buttoncolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Color", - "x-form-type": "materialselect", - "x-form-group": "style", - "x-default": "primary", - "properties":{ - "primary": { - "x-form-name": "Primary", - "x-form-value": "primary" - }, - "secondary": { - "x-form-name": "Secondary", - "x-form-value": "secondary" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "success" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "danger" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - }, - "info": { - "x-form-name": "Info", - "x-form-value": "info" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - }, - "prevlabel": { - "type": "string", - "x-source": "inject", - "x-form-label": "Previous Label", - "x-form-type": "text", - "x-form-group": "content", - "x-default": "Previous" - }, - "nextlabel": { - "type": "string", - "x-source": "inject", - "x-form-label": "Next Label", - "x-form-type": "text", - "x-form-group": "content", - "x-default": "Next" - }, - "disableprevious": { - "type": "string", - "x-source": "inject", - "x-form-label": "Disable the previous button", - "x-form-type": "materialswitch", - "x-form-group": "content", - "x-default": false - }, - "excludesitemapexcludes": { - "type": "string", - "x-source": "inject", - "x-form-label": "Exclude pages Excluded in Sitemap", - "x-form-group": "content", - "x-form-type": "materialswitch", - "x-default": false - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } + "definitions": { + "Pager": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "rootpage": { + "type": "string", + "x-source": "inject", + "x-form-type": "pathbrowser", + "x-form-label": "Root Page", + "x-form-group": "content", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "includeroot": { + "type": "string", + "x-source": "inject", + "x-form-label": "Include Root", + "x-form-group": "content", + "x-form-type": "materialswitch", + "x-default": false + }, + "buttonsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Size", + "x-form-type": "materialselect", + "x-form-group": "style", + "x-default": "default", + "properties": { + "default": { + "x-form-name": "Default", + "x-form-value": "default" + }, + "large": { + "x-form-name": "Large", + "x-form-value": "large" + }, + "small": { + "x-form-name": "Small", + "x-form-value": "small" + } + } + }, + "buttoncolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Color", + "x-form-type": "materialselect", + "x-form-group": "style", + "x-default": "primary", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "primary" + }, + "secondary": { + "x-form-name": "Secondary", + "x-form-value": "secondary" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "success" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "danger" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + }, + "info": { + "x-form-name": "Info", + "x-form-value": "info" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + }, + "prevlabel": { + "type": "string", + "x-source": "inject", + "x-form-label": "Previous Label", + "x-form-type": "text", + "x-form-group": "content", + "x-default": "Previous" + }, + "nextlabel": { + "type": "string", + "x-source": "inject", + "x-form-label": "Next Label", + "x-form-type": "text", + "x-form-group": "content", + "x-default": "Next" + }, + "disableprevious": { + "type": "string", + "x-source": "inject", + "x-form-label": "Disable the previous button", + "x-form-type": "materialswitch", + "x-form-group": "content", + "x-default": false + }, + "excludesitemapexcludes": { + "type": "string", + "x-source": "inject", + "x-form-label": "Exclude pages Excluded in Sitemap", + "x-form-group": "content", + "x-form-type": "materialswitch", + "x-default": false + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } } diff --git a/fragments/pager/sample-blank.json b/fragments/pager/sample-blank.json index ebbe66b96..a4adb2b63 100644 --- a/fragments/pager/sample-blank.json +++ b/fragments/pager/sample-blank.json @@ -1,7 +1,5 @@ { - "title": "Pager", - "group": "Features", - "model": { - - } + "title": "Pager", + "group": "Features", + "model": {} } diff --git a/fragments/pager/sample-empty.json b/fragments/pager/sample-empty.json index 499395353..13b881ddb 100644 --- a/fragments/pager/sample-empty.json +++ b/fragments/pager/sample-empty.json @@ -1,7 +1,5 @@ { - "title": "Article Pager", - "group": "Empty", - "model": { - - } -} \ No newline at end of file + "title": "Article Pager", + "group": "Empty", + "model": {} +} diff --git a/fragments/pager/sample.json b/fragments/pager/sample.json index 81a9789ba..6b5b24a91 100644 --- a/fragments/pager/sample.json +++ b/fragments/pager/sample.json @@ -1,11 +1,11 @@ { - "title": "Pager - Example", - "group": "Features", - "model": { - "prevlabel": "< Prev", - "nextlabel": "Next >", - "colorscheme": "", - "toppadding": "10", - "bottompadding": "10" - } + "title": "Pager - Example", + "group": "Features", + "model": { + "prevlabel": "< Prev", + "nextlabel": "Next >", + "colorscheme": "", + "toppadding": "10", + "bottompadding": "10" + } } diff --git a/fragments/pager/template.html b/fragments/pager/template.html index 6c40e3b76..281238a5d 100644 --- a/fragments/pager/template.html +++ b/fragments/pager/template.html @@ -1,4 +1,4 @@
    - Prev - Next + Prev + Next
    diff --git a/fragments/pager/template.vue b/fragments/pager/template.vue index 9873cf5f5..24a0601e5 100644 --- a/fragments/pager/template.vue +++ b/fragments/pager/template.vue @@ -1,47 +1,60 @@ - diff --git a/fragments/quote/hatch.js b/fragments/quote/hatch.js index e8ce7626d..ad6430314 100644 --- a/fragments/quote/hatch.js +++ b/fragments/quote/hatch.js @@ -1,18 +1,20 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.mapRichField( $, 'model.text') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.mapRichField($, "model.text"); - const quoteClasses = `[ + const quoteClasses = `[ {'border-l-8': model.blockquote === 'true'}, {'border-t-2 border-b-4': model.blockquote === 'false'}, model.colorscheme === 'dark' ? 'border-gray-200' : 'border-gray-800' - ]` + ]`; - f.bindAttribute( $, 'class', quoteClasses, false) + f.bindAttribute($, "class", quoteClasses, false); - f.addElse($); - $.parent().prepend('
    no content defined for component
    ') - } -} + f.addElse($); + $.parent().prepend( + '
    no content defined for component
    ' + ); + }, +}; diff --git a/fragments/quote/model.json b/fragments/quote/model.json index e35325023..a069ecb63 100644 --- a/fragments/quote/model.json +++ b/fragments/quote/model.json @@ -1,30 +1,30 @@ { - "definitions": { - "Quote": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text", - "x-form-group": "content", - "x-form-type": "texteditor" - }, - "blockquote": { - "type": "string", - "x-source": "inject", - "x-form-label": "Block Quote?", - "x-form-type": "materialswitch", - "x-form-group": "style", - "x-default": "false" - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Quote": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text", + "x-form-group": "content", + "x-form-type": "texteditor" + }, + "blockquote": { + "type": "string", + "x-source": "inject", + "x-form-label": "Block Quote?", + "x-form-type": "materialswitch", + "x-form-group": "style", + "x-default": "false" + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/quote/sample-blank.json b/fragments/quote/sample-blank.json index 4f8a9776c..61da6a95c 100644 --- a/fragments/quote/sample-blank.json +++ b/fragments/quote/sample-blank.json @@ -1,7 +1,5 @@ { - "title": "Quote", - "group": "Text Components", - "model": { - - } + "title": "Quote", + "group": "Text Components", + "model": {} } diff --git a/fragments/quote/sample-blockquote.json b/fragments/quote/sample-blockquote.json index 19bd34279..811c3fcd3 100644 --- a/fragments/quote/sample-blockquote.json +++ b/fragments/quote/sample-blockquote.json @@ -1,11 +1,11 @@ { - "title": "Quote - Block", - "group": "Text Components", - "model": { - "text": "

    If you think you can do a thing or think you cant do a thing, youre right.

    - Henry Ford", - "blockquote" : "true", - "blockwidth" : "article", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Quote - Block", + "group": "Text Components", + "model": { + "text": "

    If you think you can do a thing or think you cant do a thing, youre right.

    - Henry Ford", + "blockquote": "true", + "blockwidth": "article", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/quote/sample-largequote.json b/fragments/quote/sample-largequote.json index db43b66ab..ff891ca71 100644 --- a/fragments/quote/sample-largequote.json +++ b/fragments/quote/sample-largequote.json @@ -1,11 +1,11 @@ { - "title": "Quote - Block Large", - "group": "Text Components", - "model": { - "text": "

    That's one small step for a man, one giant leap for mankind.
    -Neil Armstrong

    ", - "blockquote" : "true", - "blockwidth" : "article", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Quote - Block Large", + "group": "Text Components", + "model": { + "text": "

    That's one small step for a man, one giant leap for mankind.
    -Neil Armstrong

    ", + "blockquote": "true", + "blockwidth": "article", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/quote/sample-rte.json b/fragments/quote/sample-rte.json index 4c7b258c5..650e93e2a 100644 --- a/fragments/quote/sample-rte.json +++ b/fragments/quote/sample-rte.json @@ -1,11 +1,11 @@ { - "title": "Quote With All RTE Styles", - "group": ".hidden", - "model": { - "text": "

    Left (Default) Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Center Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Right Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Justified Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    ", - "blockquote" : "false", - "blockwidth" : "article", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Quote With All RTE Styles", + "group": ".hidden", + "model": { + "text": "

    Left (Default) Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Center Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Right Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Justified Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    ", + "blockquote": "false", + "blockwidth": "article", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/quote/sample.json b/fragments/quote/sample.json index 848bc0ecc..122fc2da8 100644 --- a/fragments/quote/sample.json +++ b/fragments/quote/sample.json @@ -1,11 +1,11 @@ { - "title": "Quote - Basic", - "group": "Text Components", - "model": { - "text": "

    \"Thats one small step for a man, one giant leap for mankind.\"

    -Neil Armstrong

    ", - "blockquote" : "false", - "blockwidth" : "article", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Quote - Basic", + "group": "Text Components", + "model": { + "text": "

    \"Thats one small step for a man, one giant leap for mankind.\"

    -Neil Armstrong

    ", + "blockquote": "false", + "blockwidth": "article", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/quote/template.html b/fragments/quote/template.html index a58937e5c..3e01f2a18 100644 --- a/fragments/quote/template.html +++ b/fragments/quote/template.html @@ -1,3 +1 @@ -
    - quote -
    +
    quote
    diff --git a/fragments/quote/template.vue b/fragments/quote/template.vue index 6c8220bdc..0bd30df28 100644 --- a/fragments/quote/template.vue +++ b/fragments/quote/template.vue @@ -1,24 +1,32 @@ - diff --git a/fragments/reference/hatch.js b/fragments/reference/hatch.js index 7a5c69412..8fd165a8c 100644 --- a/fragments/reference/hatch.js +++ b/fragments/reference/hatch.js @@ -1,12 +1,18 @@ module.exports = { - convert: function($, f) { - f.bindAttribute( $, 'data-per-path', 'model.path') - f.bindAttribute( $.find('component'), 'is', 'getLoadedComponent(refModel.component)') - f.bindAttribute( $.find('component'), 'model', 'refModel') - f.addIf( $.find('.absolute'), 'maskReference') - f.bindAttribute( $.find('.absolute'), 'style', 'overlayStyle') + convert: function ($, f) { + f.bindAttribute($, "data-per-path", "model.path"); + f.bindAttribute( + $.find("component"), + "is", + "getLoadedComponent(refModel.component)" + ); + f.bindAttribute($.find("component"), "model", "refModel"); + f.addIf($.find(".absolute"), "maskReference"); + f.bindAttribute($.find(".absolute"), "style", "overlayStyle"); - f.addElse($.find('.relative')); - $.prepend('
    {{isEditAndEmpty}}
    ') - } -} + f.addElse($.find(".relative")); + $.prepend( + '
    {{isEditAndEmpty}}
    ' + ); + }, +}; diff --git a/fragments/reference/htmltovue.js b/fragments/reference/htmltovue.js index 7a5c69412..8fd165a8c 100644 --- a/fragments/reference/htmltovue.js +++ b/fragments/reference/htmltovue.js @@ -1,12 +1,18 @@ module.exports = { - convert: function($, f) { - f.bindAttribute( $, 'data-per-path', 'model.path') - f.bindAttribute( $.find('component'), 'is', 'getLoadedComponent(refModel.component)') - f.bindAttribute( $.find('component'), 'model', 'refModel') - f.addIf( $.find('.absolute'), 'maskReference') - f.bindAttribute( $.find('.absolute'), 'style', 'overlayStyle') + convert: function ($, f) { + f.bindAttribute($, "data-per-path", "model.path"); + f.bindAttribute( + $.find("component"), + "is", + "getLoadedComponent(refModel.component)" + ); + f.bindAttribute($.find("component"), "model", "refModel"); + f.addIf($.find(".absolute"), "maskReference"); + f.bindAttribute($.find(".absolute"), "style", "overlayStyle"); - f.addElse($.find('.relative')); - $.prepend('
    {{isEditAndEmpty}}
    ') - } -} + f.addElse($.find(".relative")); + $.prepend( + '
    {{isEditAndEmpty}}
    ' + ); + }, +}; diff --git a/fragments/reference/model.json b/fragments/reference/model.json index cb3385f6c..857f33602 100644 --- a/fragments/reference/model.json +++ b/fragments/reference/model.json @@ -1,30 +1,30 @@ { - "definitions": { - "Reference": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "reference": { - "type": "string", - "x-source": "inject", - "x-form-label": "Reference", - "x-form-group": "content", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "contentnameref": { - "type": "string", - "x-source": "inject", - "x-form-group": "content", - "x-form-label": "Content Name Reference", - "x-form-type": "text" - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } -} \ No newline at end of file + "definitions": { + "Reference": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "reference": { + "type": "string", + "x-source": "inject", + "x-form-label": "Reference", + "x-form-group": "content", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "contentnameref": { + "type": "string", + "x-source": "inject", + "x-form-group": "content", + "x-form-label": "Content Name Reference", + "x-form-type": "text" + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } +} diff --git a/fragments/reference/sample.json b/fragments/reference/sample.json index a29576172..0864458b9 100644 --- a/fragments/reference/sample.json +++ b/fragments/reference/sample.json @@ -1,7 +1,7 @@ { - "title": "Reference", - "group": "Chrome", - "model": { - "reference": "" - } -} \ No newline at end of file + "title": "Reference", + "group": "Chrome", + "model": { + "reference": "" + } +} diff --git a/fragments/reference/template.html b/fragments/reference/template.html index 0b3a7bd8c..c58ef3f75 100644 --- a/fragments/reference/template.html +++ b/fragments/reference/template.html @@ -1,6 +1,6 @@
    -
    -
    - -
    +
    +
    + +
    diff --git a/fragments/reference/template.vue b/fragments/reference/template.vue index aa59ded9f..1f1fd9dc2 100644 --- a/fragments/reference/template.vue +++ b/fragments/reference/template.vue @@ -1,52 +1,68 @@ diff --git a/fragments/richtext/hatch.js b/fragments/richtext/hatch.js index e5ba1b0fb..a3df5437b 100644 --- a/fragments/richtext/hatch.js +++ b/fragments/richtext/hatch.js @@ -1,23 +1,28 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.mapRichField( $.find('div').eq(1), 'model.text') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.mapRichField($.find("div").eq(1), "model.text"); - //Content Container - let containerClasses = `{ + //Content Container + let containerClasses = `{ 'md:flex-row': model.mediaposition === 'before', 'md:flex-row-reverse': model.mediaposition === 'after' - }` - f.bindAttribute( $, 'class', containerClasses, false) + }`; + f.bindAttribute($, "class", containerClasses, false); - //Media - let mediaDiv = $.find('.img-wrapper').first() - f.addIf( mediaDiv, "model.showmedia === 'true'") - f.bindAttribute( mediaDiv, 'style', "{flex:`0 0 ${model.mediawidth}%`}") - f.replace( $.find('img'), '') + //Media + let mediaDiv = $.find(".img-wrapper").first(); + f.addIf(mediaDiv, "model.showmedia === 'true'"); + f.bindAttribute(mediaDiv, "style", "{flex:`0 0 ${model.mediawidth}%`}"); + f.replace( + $.find("img"), + '' + ); - f.addElse($); - $.parent().prepend('
    no content defined for component
    ') - } -} + f.addElse($); + $.parent().prepend( + '
    no content defined for component
    ' + ); + }, +}; diff --git a/fragments/richtext/model.json b/fragments/richtext/model.json index 0a4b5b4f6..d3eeff66d 100644 --- a/fragments/richtext/model.json +++ b/fragments/richtext/model.json @@ -1,44 +1,45 @@ { - "definitions": { - "Richtext": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text", - "x-form-group": "content", - "x-form-type": "texteditor" - }, - "mediaref": { - "x-form-type": "reference", - "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" - }, - "mediaposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Media Position", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-form-visible": "model.showmedia == 'true'", - "x-default": "before", - "properties": { - "type1": { - "x-form-name": "Before Content", - "x-form-value": "before" - },"type2": { - "x-form-name": "After Content", - "x-form-value": "after" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Richtext": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text", + "x-form-group": "content", + "x-form-type": "texteditor" + }, + "mediaref": { + "x-form-type": "reference", + "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" + }, + "mediaposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media Position", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-form-visible": "model.showmedia == 'true'", + "x-default": "before", + "properties": { + "type1": { + "x-form-name": "Before Content", + "x-form-value": "before" + }, + "type2": { + "x-form-name": "After Content", + "x-form-value": "after" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/richtext/sample-allstyles.json b/fragments/richtext/sample-allstyles.json index a1f75810d..a54114307 100644 --- a/fragments/richtext/sample-allstyles.json +++ b/fragments/richtext/sample-allstyles.json @@ -1,8 +1,8 @@ { - "title": "Text Block - all styles", - "default": true, - "group": ".hidden", - "model": { - "text": "

    Left (Default) Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Center Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Right Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Justified Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    " - } + "title": "Text Block - all styles", + "default": true, + "group": ".hidden", + "model": { + "text": "

    Left (Default) Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Center Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Right Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Justified Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    " + } } diff --git a/fragments/richtext/sample-blank.json b/fragments/richtext/sample-blank.json index 17ef65a69..a1cd60b17 100644 --- a/fragments/richtext/sample-blank.json +++ b/fragments/richtext/sample-blank.json @@ -1,7 +1,5 @@ { - "title": "Rich Text", - "group": "Text Components", - "model": { - - } + "title": "Rich Text", + "group": "Text Components", + "model": {} } diff --git a/fragments/richtext/sample-empty.json b/fragments/richtext/sample-empty.json index c03e44428..ff0f18fd1 100644 --- a/fragments/richtext/sample-empty.json +++ b/fragments/richtext/sample-empty.json @@ -1,7 +1,5 @@ { - "title": "Empty Rich Text Test", - "group": "Empty", - "model": { - - } + "title": "Empty Rich Text Test", + "group": "Empty", + "model": {} } diff --git a/fragments/richtext/sample-media.json b/fragments/richtext/sample-media.json index 0e4e5aa41..0997b633a 100644 --- a/fragments/richtext/sample-media.json +++ b/fragments/richtext/sample-media.json @@ -1,15 +1,15 @@ { - "title": "Rich Text - with media", - "default": true, - "group": "Text Components", - "model": { - "showmedia": "true", - "mediatype": "image", - "imagesrc": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", - "mediatitle": "Bird's eye view of the beach", - "mediawidth": "50", - "toppadding": "50", - "bottompadding": "50", - "text": "

    Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.

    " - } + "title": "Rich Text - with media", + "default": true, + "group": "Text Components", + "model": { + "showmedia": "true", + "mediatype": "image", + "imagesrc": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", + "mediatitle": "Bird's eye view of the beach", + "mediawidth": "50", + "toppadding": "50", + "bottompadding": "50", + "text": "

    Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.

    " + } } diff --git a/fragments/richtext/sample.json b/fragments/richtext/sample.json index 4744b880b..61ab5a815 100644 --- a/fragments/richtext/sample.json +++ b/fragments/richtext/sample.json @@ -1,8 +1,8 @@ { - "title": "Rich Text - Example", - "default": true, - "group": "Text Components", - "model": { - "text": "

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    " - } + "title": "Rich Text - Example", + "default": true, + "group": "Text Components", + "model": { + "text": "

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    " + } } diff --git a/fragments/richtext/template.html b/fragments/richtext/template.html index 83c47456e..7dffa210f 100644 --- a/fragments/richtext/template.html +++ b/fragments/richtext/template.html @@ -1,6 +1,6 @@
    -
    - -
    -
    richtext
    -
    +
    + +
    +
    richtext
    +
    diff --git a/fragments/richtext/template.vue b/fragments/richtext/template.vue index 6a3cc3cb0..dbf726970 100644 --- a/fragments/richtext/template.vue +++ b/fragments/richtext/template.vue @@ -1,29 +1,42 @@ - diff --git a/fragments/simpletext/hatch.js b/fragments/simpletext/hatch.js index 06e6fd1e3..eeaee0f5a 100644 --- a/fragments/simpletext/hatch.js +++ b/fragments/simpletext/hatch.js @@ -1,21 +1,23 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.bindAttribute($ ,'is','model.element') - f.mapField( $, 'model.text') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.bindAttribute($, "is", "model.element"); + f.mapField($, "model.text"); - let classes = `{ + let classes = `{ 'text-4xl font-semibold': model.element === \'h1\', 'text-3xl font-semibold': model.element === \'h2\', 'text-2xl': model.element === \'h3\', 'text-xl font-semibold': model.element === \'h4\', 'text-lg': model.element === \'h5\', - }` + }`; - f.bindAttribute($, 'class', classes, false); + f.bindAttribute($, "class", classes, false); - f.addElse($); - $.parent().prepend('
    no content defined for component
    ') - } -} + f.addElse($); + $.parent().prepend( + '
    no content defined for component
    ' + ); + }, +}; diff --git a/fragments/simpletext/model.json b/fragments/simpletext/model.json index 41640f4fb..299507f4f 100644 --- a/fragments/simpletext/model.json +++ b/fragments/simpletext/model.json @@ -1,56 +1,56 @@ { - "definitions": { - "Simpletext": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text", - "x-form-group": "content", - "x-form-type": "text" - }, - "element": { - "type": "string", - "x-source": "inject", - "x-form-label": "Choose Element Type", - "x-form-group": "content", - "x-form-type": "materialselect", - "x-default": "p", - "properties": { - "h1": { - "x-form-name": "h1", - "x-form-value": "h1" - }, - "h2": { - "x-form-name": "h2", - "x-form-value": "h2" - }, - "h3": { - "x-form-name": "h3", - "x-form-value": "h3" - }, - "h4": { - "x-form-name": "h4", - "x-form-value": "h4" - }, - "h5": { - "x-form-name": "h5", - "x-form-value": "h5" - }, - "p": { - "x-form-name": "p", - "x-form-value": "p" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Simpletext": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text", + "x-form-group": "content", + "x-form-type": "text" + }, + "element": { + "type": "string", + "x-source": "inject", + "x-form-label": "Choose Element Type", + "x-form-group": "content", + "x-form-type": "materialselect", + "x-default": "p", + "properties": { + "h1": { + "x-form-name": "h1", + "x-form-value": "h1" + }, + "h2": { + "x-form-name": "h2", + "x-form-value": "h2" + }, + "h3": { + "x-form-name": "h3", + "x-form-value": "h3" + }, + "h4": { + "x-form-name": "h4", + "x-form-value": "h4" + }, + "h5": { + "x-form-name": "h5", + "x-form-value": "h5" + }, + "p": { + "x-form-name": "p", + "x-form-value": "p" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/simpletext/sample-blank.json b/fragments/simpletext/sample-blank.json index 5150aa99c..f1e7fccb2 100644 --- a/fragments/simpletext/sample-blank.json +++ b/fragments/simpletext/sample-blank.json @@ -1,7 +1,7 @@ { - "title": "Text", - "group": "Text Components", - "model": { - "text": "" - } + "title": "Text", + "group": "Text Components", + "model": { + "text": "" + } } diff --git a/fragments/simpletext/sample-empty.json b/fragments/simpletext/sample-empty.json index d16b7c79d..503b7c531 100644 --- a/fragments/simpletext/sample-empty.json +++ b/fragments/simpletext/sample-empty.json @@ -1,7 +1,5 @@ { - "title": "Empty Simple Text Test", - "group": "Empty", - "model": { - - } + "title": "Empty Simple Text Test", + "group": "Empty", + "model": {} } diff --git a/fragments/simpletext/sample-h1.json b/fragments/simpletext/sample-h1.json index 9ffcbe552..af1fd5b04 100644 --- a/fragments/simpletext/sample-h1.json +++ b/fragments/simpletext/sample-h1.json @@ -1,8 +1,8 @@ { - "title": "Text - Heading 1", - "group": "Text Components", - "model": { - "text": "Themeclean Heading", - "element": "h1" - } + "title": "Text - Heading 1", + "group": "Text Components", + "model": { + "text": "Themeclean Heading", + "element": "h1" + } } diff --git a/fragments/simpletext/sample-h2.json b/fragments/simpletext/sample-h2.json index ec260020f..1d0f0f403 100644 --- a/fragments/simpletext/sample-h2.json +++ b/fragments/simpletext/sample-h2.json @@ -1,8 +1,8 @@ { - "title": "Text - Heading 2", - "group": "Text Components", - "model": { - "text": "Themeclean Secondary Heading", - "element": "h2" - } + "title": "Text - Heading 2", + "group": "Text Components", + "model": { + "text": "Themeclean Secondary Heading", + "element": "h2" + } } diff --git a/fragments/simpletext/sample.json b/fragments/simpletext/sample.json index 06fb361c6..b5f363cd4 100644 --- a/fragments/simpletext/sample.json +++ b/fragments/simpletext/sample.json @@ -1,8 +1,8 @@ { - "title": "Text - Example", - "group": "Text Components", - "model": { - "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", - "element": "p" - } + "title": "Text - Example", + "group": "Text Components", + "model": { + "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", + "element": "p" + } } diff --git a/fragments/simpletext/template.html b/fragments/simpletext/template.html index a1159297d..389e20722 100644 --- a/fragments/simpletext/template.html +++ b/fragments/simpletext/template.html @@ -1 +1 @@ -simpletext \ No newline at end of file +simpletext diff --git a/fragments/simpletext/template.vue b/fragments/simpletext/template.vue index 73b403644..b7952911e 100644 --- a/fragments/simpletext/template.vue +++ b/fragments/simpletext/template.vue @@ -1,26 +1,32 @@ - diff --git a/fragments/socialicons/hatch.js b/fragments/socialicons/hatch.js index 5f40f656c..ed62992c7 100644 --- a/fragments/socialicons/hatch.js +++ b/fragments/socialicons/hatch.js @@ -1,14 +1,18 @@ module.exports = { - convert: function($, f) { - let a = $.find('a').first() - f.addFor( a, 'model.icons') - f.bindAttribute( a, 'href', f.pathToUrl('item.url')) - f.bindAttribute( a, 'title', 'item.iconalttext') - f.addStyle( a, 'color', "model.iconcustomcolor === 'true' ? model.iconcolor : false") + convert: function ($, f) { + let a = $.find("a").first(); + f.addFor(a, "model.icons"); + f.bindAttribute(a, "href", f.pathToUrl("item.url")); + f.bindAttribute(a, "title", "item.iconalttext"); + f.addStyle( + a, + "color", + "model.iconcustomcolor === 'true' ? model.iconcolor : false" + ); - f.addStyle( $.find('svg'), 'width', 'model.iconsize', 'px') + f.addStyle($.find("svg"), "width", "model.iconsize", "px"); - f.bindAttribute( $.find('use'), false, '{\'xlink:href\':`#${item.icon}`}') - f.bindAttribute( $.find('use'), 'href', '`#${item.icon}`') - } -} + f.bindAttribute($.find("use"), false, "{'xlink:href':`#${item.icon}`}"); + f.bindAttribute($.find("use"), "href", "`#${item.icon}`"); + }, +}; diff --git a/fragments/socialicons/model.json b/fragments/socialicons/model.json index 72a9bf69e..2bc15a738 100644 --- a/fragments/socialicons/model.json +++ b/fragments/socialicons/model.json @@ -1,64 +1,64 @@ { - "definitions": { - "Socialicons": { - "type": "object", - "x-type": "component", - "properties": { - "iconcustomcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Custom Icons Color", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "iconcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Icon Color", - "x-default": "#000000", - "x-form-group": "style", - "x-form-visible": "model.iconcustomcolor == 'true'", - "x-form-type": "color" - }, - "iconsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Icon Size", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-default": "25", - "x-form-min": 0, - "x-form-max": 150 - }, - "icons": { - "type": "object", - "x-form-type": "collection", - "x-form-label": "Icons", - "x-form-group": "content", - "x-source": "inject", - "properties": { - "icon": { - "type": "string", - "x-source": "inject", - "x-form-label": "Icon Name", - "x-form-type": "text" - }, - "url": { - "type": "string", - "x-source": "inject", - "x-form-label": "Icon Url", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "iconalttext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Icon Alt Text", - "x-form-type": "text" - } - } - } - } - } - } + "definitions": { + "Socialicons": { + "type": "object", + "x-type": "component", + "properties": { + "iconcustomcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Custom Icons Color", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "iconcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Icon Color", + "x-default": "#000000", + "x-form-group": "style", + "x-form-visible": "model.iconcustomcolor == 'true'", + "x-form-type": "color" + }, + "iconsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Icon Size", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-default": "25", + "x-form-min": 0, + "x-form-max": 150 + }, + "icons": { + "type": "object", + "x-form-type": "collection", + "x-form-label": "Icons", + "x-form-group": "content", + "x-source": "inject", + "properties": { + "icon": { + "type": "string", + "x-source": "inject", + "x-form-label": "Icon Name", + "x-form-type": "text" + }, + "url": { + "type": "string", + "x-source": "inject", + "x-form-label": "Icon Url", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "iconalttext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Icon Alt Text", + "x-form-type": "text" + } + } + } + } + } + } } diff --git a/fragments/socialicons/sample.json b/fragments/socialicons/sample.json index 3e2c1817a..0f4cbdfde 100644 --- a/fragments/socialicons/sample.json +++ b/fragments/socialicons/sample.json @@ -1,33 +1,33 @@ { - "title": "Social Icons", - "group": ".hidden", - "model": { - "icons": [ - { - "url": "https://www.facebook.com/", - "icon": "facebook", - "iconalttext": "Facebook" - }, - { - "url": "https://twitter.com/", - "icon": "twitter", - "iconalttext": "Twitter" - }, - { - "url": "https://www.instagram.com/", - "icon": "instagram", - "iconalttext": "Instagram" - }, - { - "url": "https://www.pinterest.com/", - "icon": "pinterest", - "iconalttext": "Pinterest" - }, - { - "url": "https://www.youtube.com/", - "icon": "youtube", - "iconalttext": "Youtube" - } - ] - } + "title": "Social Icons", + "group": ".hidden", + "model": { + "icons": [ + { + "url": "https://www.facebook.com/", + "icon": "facebook", + "iconalttext": "Facebook" + }, + { + "url": "https://twitter.com/", + "icon": "twitter", + "iconalttext": "Twitter" + }, + { + "url": "https://www.instagram.com/", + "icon": "instagram", + "iconalttext": "Instagram" + }, + { + "url": "https://www.pinterest.com/", + "icon": "pinterest", + "iconalttext": "Pinterest" + }, + { + "url": "https://www.youtube.com/", + "icon": "youtube", + "iconalttext": "Youtube" + } + ] + } } diff --git a/fragments/socialicons/template.html b/fragments/socialicons/template.html index fe4d1052e..0e1fe4afe 100644 --- a/fragments/socialicons/template.html +++ b/fragments/socialicons/template.html @@ -1,9 +1,9 @@
    - - - - - - - + + + + + + +
    diff --git a/fragments/socialicons/template.vue b/fragments/socialicons/template.vue index 5e1007112..b5363f035 100644 --- a/fragments/socialicons/template.vue +++ b/fragments/socialicons/template.vue @@ -1,19 +1,31 @@ - diff --git a/fragments/spacer/hatch.js b/fragments/spacer/hatch.js index 0f8dc075d..766a7ab0f 100644 --- a/fragments/spacer/hatch.js +++ b/fragments/spacer/hatch.js @@ -1,10 +1,12 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.addStyle($.find("div").first(), 'height', 'model.height', 'vh') - - f.addElse($); - $.parent().prepend('
    no content defined for component
    ') - } -} + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.addStyle($.find("div").first(), "height", "model.height", "vh"); + + f.addElse($); + $.parent().prepend( + '
    no content defined for component
    ' + ); + }, +}; diff --git a/fragments/spacer/model.json b/fragments/spacer/model.json index 1ce2e4ab1..a7a245731 100644 --- a/fragments/spacer/model.json +++ b/fragments/spacer/model.json @@ -1,24 +1,24 @@ { - "definitions": { - "Spacer": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "height": { - "type": "string", - "x-source": "inject", - "x-form-label": "Height", - "x-form-group": "content", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 100 - }, - "bgref": { - "$ref": "fragments/block/model-spacer.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Spacer": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "height": { + "type": "string", + "x-source": "inject", + "x-form-label": "Height", + "x-form-group": "content", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 100 + }, + "bgref": { + "$ref": "fragments/block/model-spacer.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/spacer/readme.md b/fragments/spacer/readme.md index a9e56b241..36e25aa38 100644 --- a/fragments/spacer/readme.md +++ b/fragments/spacer/readme.md @@ -1,3 +1,3 @@ -# Spacer +# Spacer The Spacer component is a very simple Block, allowing you to add extra space with or without a background to your page. diff --git a/fragments/spacer/sample-blank.json b/fragments/spacer/sample-blank.json index 6ca31d486..cb0d1fc36 100644 --- a/fragments/spacer/sample-blank.json +++ b/fragments/spacer/sample-blank.json @@ -1,7 +1,7 @@ { - "title": "Spacer (Empty)", - "group": ".hidden", - "model": { - "height": "20" - } + "title": "Spacer (Empty)", + "group": ".hidden", + "model": { + "height": "20" + } } diff --git a/fragments/spacer/sample-empty.json b/fragments/spacer/sample-empty.json index 8d293990e..882b92a6d 100644 --- a/fragments/spacer/sample-empty.json +++ b/fragments/spacer/sample-empty.json @@ -1,7 +1,5 @@ { - "title": "Empty Spacer", - "group": "Empty", - "model": { - - } + "title": "Empty Spacer", + "group": "Empty", + "model": {} } diff --git a/fragments/spacer/sample-image.json b/fragments/spacer/sample-image.json index 6e3ec2a2e..278f920f0 100644 --- a/fragments/spacer/sample-image.json +++ b/fragments/spacer/sample-image.json @@ -1,10 +1,10 @@ { - "title": "Spacer - Image", - "group": "Chrome", - "model": { - "height": "80", - "custombackground": "true", - "backgroundtype": "image", - "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" - } + "title": "Spacer - Image", + "group": "Chrome", + "model": { + "height": "80", + "custombackground": "true", + "backgroundtype": "image", + "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + } } diff --git a/fragments/spacer/sample.json b/fragments/spacer/sample.json index 505128526..01494ab7c 100644 --- a/fragments/spacer/sample.json +++ b/fragments/spacer/sample.json @@ -1,7 +1,7 @@ { - "title": "Spacer", - "group": "Chrome", - "model": { - "height": "20" - } -} \ No newline at end of file + "title": "Spacer", + "group": "Chrome", + "model": { + "height": "20" + } +} diff --git a/fragments/spacer/template.html b/fragments/spacer/template.html index 041b1071f..56d7a892a 100644 --- a/fragments/spacer/template.html +++ b/fragments/spacer/template.html @@ -1,4 +1,3 @@
    -
    -
    -
    \ No newline at end of file +
    + diff --git a/fragments/spacer/template.vue b/fragments/spacer/template.vue index 5e53c56b0..844f4c649 100644 --- a/fragments/spacer/template.vue +++ b/fragments/spacer/template.vue @@ -1,21 +1,22 @@ - diff --git a/fragments/tabs/hatch.js b/fragments/tabs/hatch.js index 2411c9e0a..d3f47afe2 100644 --- a/fragments/tabs/hatch.js +++ b/fragments/tabs/hatch.js @@ -1,30 +1,48 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - f.replace( $.find('img'), '') + f.replace( + $.find("img"), + '' + ); - let imageDiv = $.find('div.img-wrapper').first() - f.addIf( imageDiv, 'model.showmedia == \'true\'') + let imageDiv = $.find("div.img-wrapper").first(); + f.addIf(imageDiv, "model.showmedia == 'true'"); - let containerClasses = `{ + let containerClasses = `{ 'lg:flex-row': model.mediaposition === 'before', 'lg:flex-row-reverse': model.mediaposition === 'after' - }` - f.bindAttribute($.find('div.flex').first(), 'class', containerClasses, false) + }`; + f.bindAttribute( + $.find("div.flex").first(), + "class", + containerClasses, + false + ); - f.bindAttribute($.find('div.flex > div').first(), 'style', "{'flex':`0 0 ${model.mediawidth}%`}") - f.addIf($.find('h1').first(), 'model.showtitle == \'true\' && model.title') - f.mapField($.find('h1').first(), "model.title") - f.addIf($.find('h2').first(), 'model.showsubtitle == \'true\' && model.subtitle') - f.mapField($.find('h2').first(), "model.subtitle") + f.bindAttribute( + $.find("div.flex > div").first(), + "style", + "{'flex':`0 0 ${model.mediawidth}%`}" + ); + f.addIf( + $.find("h1").first(), + "model.showtitle == 'true' && model.title" + ); + f.mapField($.find("h1").first(), "model.title"); + f.addIf( + $.find("h2").first(), + "model.showsubtitle == 'true' && model.subtitle" + ); + f.mapField($.find("h2").first(), "model.subtitle"); - let a = $.find('a').first() - f.addFor(a, 'model.tabs') + let a = $.find("a").first(); + f.addFor(a, "model.tabs"); - let aClasses = `{ + let aClasses = `{ 'text-white' : active === i, 'bg-blue-700' : active === i && model.tabcolor === 'blue', 'bg-green-700' : active === i && model.tabcolor === 'green', @@ -38,23 +56,34 @@ module.exports = { 'text-orange-700' : active !== i && model.tabcolor === 'orange', 'text-light' : active !== i && model.tabcolor === 'light' || active === i && model.tabcolor === 'dark', 'text-dark' : active !== i && model.tabcolor === 'dark' || active === i && model.tabcolor === 'light', - }` - - f.bindAttribute( a, 'class', aClasses, false) - f.bindAttribute( a, 'id', '`tab-control-${_uid}${parseInt(i)+1}`') - f.bindAttribute( a, 'aria-controls', '`tab${_uid}${parseInt(i)+1}`') - f.bindAttribute( a, 'aria-selected', 'active === i') - f.bindEvent( a, 'click', 'toggleActive(i)') - f.mapField( a, "item.title") - - let tabPanel = $.find('[role="tabpanel"]').first() - f.addFor( tabPanel, 'model.tabs') - f.bindAttribute(tabPanel, 'id', '`tab${_uid}${parseInt(i)+1}`') - f.bindAttribute(tabPanel, 'aria-labelledby', '`tab-control-${_uid}${parseInt(i)+1}`') - f.bindAttribute(tabPanel, 'class', "active === i ? 'block opacity-100' : 'hidden'", false) - f.mapRichField(tabPanel, "item.text") - - f.addElse($); - $.parent().prepend('
    no content defined for component
    ') - } -} + }`; + + f.bindAttribute(a, "class", aClasses, false); + f.bindAttribute(a, "id", "`tab-control-${_uid}${parseInt(i)+1}`"); + f.bindAttribute(a, "aria-controls", "`tab${_uid}${parseInt(i)+1}`"); + f.bindAttribute(a, "aria-selected", "active === i"); + f.bindEvent(a, "click", "toggleActive(i)"); + f.mapField(a, "item.title"); + + let tabPanel = $.find('[role="tabpanel"]').first(); + f.addFor(tabPanel, "model.tabs"); + f.bindAttribute(tabPanel, "id", "`tab${_uid}${parseInt(i)+1}`"); + f.bindAttribute( + tabPanel, + "aria-labelledby", + "`tab-control-${_uid}${parseInt(i)+1}`" + ); + f.bindAttribute( + tabPanel, + "class", + "active === i ? 'block opacity-100' : 'hidden'", + false + ); + f.mapRichField(tabPanel, "item.text"); + + f.addElse($); + $.parent().prepend( + '
    no content defined for component
    ' + ); + }, +}; diff --git a/fragments/tabs/model.json b/fragments/tabs/model.json index 016d78dbd..1fe9435dd 100644 --- a/fragments/tabs/model.json +++ b/fragments/tabs/model.json @@ -1,124 +1,124 @@ { - "definitions": { - "Tabs": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "showtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Title", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Title", - "x-form-group": "content", - "x-form-visible": "model.showtitle == 'true'", - "x-form-type": "text" - }, - "showsubtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Subtitle", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "subtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Subtitle", - "x-form-group": "content", - "x-form-visible": "model.showsubtitle == 'true'", - "x-form-rows": 3, - "x-form-type": "textarea" - }, - "mediaposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Media Position", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-default": "before", - "x-form-visible": "model.showmedia == 'true'", - "properties": { - "type1": { - "x-form-name": "Before Content", - "x-form-value": "before" - }, - "type2": { - "x-form-name": "After Content", - "x-form-value": "after" - } - } - }, - "mediaref": { - "x-form-type": "reference", - "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" - }, - "tabcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Tab Color", - "x-form-group": "style", - "x-form-type": "materialselect", - "x-default": "blue", - "properties":{ - "primary": { - "x-form-name": "Primary", - "x-form-value": "blue" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "green" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "red" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "orange" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - }, - "tabs": { - "type": "string", - "x-source": "inject", - "x-form-label": "Tabs", - "x-form-group": "content", - "x-form-type": "collection", - "properties": { - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Tab Title", - "x-form-type": "text" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Tab Text", - "x-form-type": "texteditor" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } -} \ No newline at end of file + "definitions": { + "Tabs": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "showtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Title", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Title", + "x-form-group": "content", + "x-form-visible": "model.showtitle == 'true'", + "x-form-type": "text" + }, + "showsubtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Subtitle", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "subtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Subtitle", + "x-form-group": "content", + "x-form-visible": "model.showsubtitle == 'true'", + "x-form-rows": 3, + "x-form-type": "textarea" + }, + "mediaposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media Position", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-default": "before", + "x-form-visible": "model.showmedia == 'true'", + "properties": { + "type1": { + "x-form-name": "Before Content", + "x-form-value": "before" + }, + "type2": { + "x-form-name": "After Content", + "x-form-value": "after" + } + } + }, + "mediaref": { + "x-form-type": "reference", + "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" + }, + "tabcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Tab Color", + "x-form-group": "style", + "x-form-type": "materialselect", + "x-default": "blue", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "blue" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "green" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "red" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "orange" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + }, + "tabs": { + "type": "string", + "x-source": "inject", + "x-form-label": "Tabs", + "x-form-group": "content", + "x-form-type": "collection", + "properties": { + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Tab Title", + "x-form-type": "text" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Tab Text", + "x-form-type": "texteditor" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } +} diff --git a/fragments/tabs/readme.md b/fragments/tabs/readme.md index e647488e4..cd444b790 100644 --- a/fragments/tabs/readme.md +++ b/fragments/tabs/readme.md @@ -1,4 +1,3 @@ # Tabs The Tabs component displays a list of content, but with only 1 active piece of content at a time. - diff --git a/fragments/tabs/sample-blank.json b/fragments/tabs/sample-blank.json index c25bd7d3d..b3ba09e7e 100644 --- a/fragments/tabs/sample-blank.json +++ b/fragments/tabs/sample-blank.json @@ -1,9 +1,7 @@ { - "title": "Tabs", - "group": "Features", - "model": { - "tabs": [ - - ] - } + "title": "Tabs", + "group": "Features", + "model": { + "tabs": [] + } } diff --git a/fragments/tabs/sample-empty.json b/fragments/tabs/sample-empty.json index 95c34518c..ec96a6af3 100644 --- a/fragments/tabs/sample-empty.json +++ b/fragments/tabs/sample-empty.json @@ -1,9 +1,7 @@ { - "title": "Tabs no default values", - "group": "Empty", - "model": { - "tabs": [ - - ] - } -} \ No newline at end of file + "title": "Tabs no default values", + "group": "Empty", + "model": { + "tabs": [] + } +} diff --git a/fragments/tabs/sample-media.json b/fragments/tabs/sample-media.json index 8b9c33ae0..7e3b45a9f 100644 --- a/fragments/tabs/sample-media.json +++ b/fragments/tabs/sample-media.json @@ -1,31 +1,33 @@ { - "title": "Tabs - Media", - "group": "Features", - "model": { - "bgcolor": "#ffffff", - "color2": "#e7e7e7", - "fullheight": "false", - "backgroundtype": "gradient", - "bottompadding": "40", - "toppadding": "10", - "showmedia": "true", - "mediaposition": "before", - "mediatype": "image", - "mediawidth": "33", - "mediaiconsize": "200", - "imagesrc": "/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg", - "mediatitle": "Tropical sailing destination", - "tabs": [ - { - "text": "

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

    ", - "title": "Learn More" - },{ - "text": "

    when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

    ", - "title": "Contact Us" - },{ - "text": "

    Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

    ", - "title": "About Us" - } - ] - } + "title": "Tabs - Media", + "group": "Features", + "model": { + "bgcolor": "#ffffff", + "color2": "#e7e7e7", + "fullheight": "false", + "backgroundtype": "gradient", + "bottompadding": "40", + "toppadding": "10", + "showmedia": "true", + "mediaposition": "before", + "mediatype": "image", + "mediawidth": "33", + "mediaiconsize": "200", + "imagesrc": "/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg", + "mediatitle": "Tropical sailing destination", + "tabs": [ + { + "text": "

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

    ", + "title": "Learn More" + }, + { + "text": "

    when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

    ", + "title": "Contact Us" + }, + { + "text": "

    Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

    ", + "title": "About Us" + } + ] + } } diff --git a/fragments/tabs/sample-rte.json b/fragments/tabs/sample-rte.json index 47ce04bdd..b66bf5887 100644 --- a/fragments/tabs/sample-rte.json +++ b/fragments/tabs/sample-rte.json @@ -1,30 +1,32 @@ { - "title": "Tabs With All RTE Styles", - "group": ".hidden", - "model": { - "bgcolor": "#ffffff", - "color2": "#e7e7e7", - "fullheight": "false", - "backgroundtype": "gradient", - "bottompadding": "40", - "toppadding": "10", - "showmedia": "false", - "mediatype": "image", - "imagesrc": "/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg", - "mediaposition": "before", - "mediawidth": "33", - "mediaiconsize": "200", - "tabs": [ - { - "text": "

    Left (Default) Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Center Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Right Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Justified Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    ", - "title": "Learn More" - },{ - "text": "

    when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

    ", - "title": "Contact Us" - },{ - "text": "

    Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

    ", - "title": "About Us" - } - ] - } + "title": "Tabs With All RTE Styles", + "group": ".hidden", + "model": { + "bgcolor": "#ffffff", + "color2": "#e7e7e7", + "fullheight": "false", + "backgroundtype": "gradient", + "bottompadding": "40", + "toppadding": "10", + "showmedia": "false", + "mediatype": "image", + "imagesrc": "/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg", + "mediaposition": "before", + "mediawidth": "33", + "mediaiconsize": "200", + "tabs": [ + { + "text": "

    Left (Default) Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Center Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Right Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Justified Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    ", + "title": "Learn More" + }, + { + "text": "

    when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

    ", + "title": "Contact Us" + }, + { + "text": "

    Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

    ", + "title": "About Us" + } + ] + } } diff --git a/fragments/tabs/sample.json b/fragments/tabs/sample.json index 1195031c9..d57768c36 100644 --- a/fragments/tabs/sample.json +++ b/fragments/tabs/sample.json @@ -1,30 +1,32 @@ { - "title": "Tabs - Example", - "group": "Features", - "model": { - "bgcolor": "#ffffff", - "color2": "#e7e7e7", - "fullheight": "false", - "backgroundtype": "gradient", - "bottompadding": "40", - "toppadding": "10", - "showmedia": "false", - "mediatype": "image", - "imagesrc": "/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg", - "mediaposition": "before", - "mediawidth": "33", - "mediaiconsize": "200", - "tabs": [ - { - "text": "

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

    ", - "title": "Learn More" - },{ - "text": "

    when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

    ", - "title": "Contact Us" - },{ - "text": "

    Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

    ", - "title": "About Us" - } - ] - } + "title": "Tabs - Example", + "group": "Features", + "model": { + "bgcolor": "#ffffff", + "color2": "#e7e7e7", + "fullheight": "false", + "backgroundtype": "gradient", + "bottompadding": "40", + "toppadding": "10", + "showmedia": "false", + "mediatype": "image", + "imagesrc": "/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg", + "mediaposition": "before", + "mediawidth": "33", + "mediaiconsize": "200", + "tabs": [ + { + "text": "

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

    ", + "title": "Learn More" + }, + { + "text": "

    when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

    ", + "title": "Contact Us" + }, + { + "text": "

    Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

    ", + "title": "About Us" + } + ] + } } diff --git a/fragments/tabs/template.html b/fragments/tabs/template.html index 82d9db95a..330de9f1b 100644 --- a/fragments/tabs/template.html +++ b/fragments/tabs/template.html @@ -1,5 +1,4 @@
    -

    Tabs

    subtitle

    @@ -7,21 +6,28 @@

    subtitle

    - +
    -
    - TabName1 +
    + TabName1
    -
    - Nihil laborum aspernatur rerum harum ut eos consequatur incidunt. Modi vel inventore aut a. Porro sint doloribus. Sequi possimus - quis fugit. Doloremque quam corporis voluptatibus voluptatem sunt eos distinctio magnam aperiam. Est ad voluptatem - voluptate consequatur at magni qui id et. +
    + Nihil laborum aspernatur rerum harum ut eos consequatur + incidunt. Modi vel inventore aut a. Porro sint doloribus. + Sequi possimus quis fugit. Doloremque quam corporis + voluptatibus voluptatem sunt eos distinctio magnam aperiam. + Est ad voluptatem voluptate consequatur at magni qui id et.
    diff --git a/fragments/tabs/template.vue b/fragments/tabs/template.vue index 6d7dda6fe..4c19bc8ab 100644 --- a/fragments/tabs/template.vue +++ b/fragments/tabs/template.vue @@ -1,27 +1,53 @@ diff --git a/fragments/tags/hatch.js b/fragments/tags/hatch.js index c0d1ab197..d61523f6b 100644 --- a/fragments/tags/hatch.js +++ b/fragments/tags/hatch.js @@ -1,9 +1,9 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - let styles = `{ + let styles = `{ 'bg-blue-600': model.tagcolor === "blue", 'bg-green-600': model.tagcolor === "green", 'bg-orange-600': model.tagcolor === "orange", @@ -11,19 +11,24 @@ module.exports = { 'bg-yellow-600': model.tagcolor === "yellow" }`; - let link = $.find('component'); - f.addFor(link, 'tags') - f.mapField(link, 'item.value ? item.value : item.name', false) - f.bindAttribute(link, 'class', styles, false); - f.bindAttribute(link, 'href', 'model.pagelink ? model.pagelink + \'.html\' + item.value : false'); - f.bindAttribute(link, 'is', 'model.pagelink ? "a":"div"'); + let link = $.find("component"); + f.addFor(link, "tags"); + f.mapField(link, "item.value ? item.value : item.name", false); + f.bindAttribute(link, "class", styles, false); + f.bindAttribute( + link, + "href", + "model.pagelink ? model.pagelink + '.html' + item.value : false" + ); + f.bindAttribute(link, "is", 'model.pagelink ? "a":"div"'); + let label = $.find("span"); + f.mapField(label, "model.tagslabel"); + f.addIf(label, "model.tagslabel"); - let label = $.find('span'); - f.mapField(label, 'model.tagslabel') - f.addIf(label, 'model.tagslabel') - - f.addElse($); - $.parent().prepend('
    There are no tags set for this page
    ') - } -} + f.addElse($); + $.parent().prepend( + '
    There are no tags set for this page
    ' + ); + }, +}; diff --git a/fragments/tags/model.json b/fragments/tags/model.json index 2e1bd9ea7..ea5bbade7 100644 --- a/fragments/tags/model.json +++ b/fragments/tags/model.json @@ -1,60 +1,60 @@ { - "definitions": { - "Tags": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "tagslabel": { - "type": "string", - "x-source": "inject", - "x-form-label": "Tags Label", - "x-form-group": "content", - "x-form-type": "text" - }, - "tagcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Tag Color", - "x-form-type": "materialselect", - "x-form-group": "style", - "x-default": "blue", - "properties":{ - "note": { - "x-form-name": "Blue", - "x-form-value": "blue" - }, - "tip": { - "x-form-name": "Green", - "x-form-value": "green" - }, - "important": { - "x-form-name": "Orange", - "x-form-value": "orange" - }, - "caution": { - "x-form-name": "Red", - "x-form-value": "red" - }, - "warning": { - "x-form-name": "Yellow", - "x-form-value": "yellow" - } - } - }, - "pagelink": { - "type": "string", - "x-source": "inject", - "x-form-label": "Tag Link Base Path", - "x-form-group": "content", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Tags": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "tagslabel": { + "type": "string", + "x-source": "inject", + "x-form-label": "Tags Label", + "x-form-group": "content", + "x-form-type": "text" + }, + "tagcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Tag Color", + "x-form-type": "materialselect", + "x-form-group": "style", + "x-default": "blue", + "properties": { + "note": { + "x-form-name": "Blue", + "x-form-value": "blue" + }, + "tip": { + "x-form-name": "Green", + "x-form-value": "green" + }, + "important": { + "x-form-name": "Orange", + "x-form-value": "orange" + }, + "caution": { + "x-form-name": "Red", + "x-form-value": "red" + }, + "warning": { + "x-form-name": "Yellow", + "x-form-value": "yellow" + } + } + }, + "pagelink": { + "type": "string", + "x-source": "inject", + "x-form-label": "Tag Link Base Path", + "x-form-group": "content", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/tags/readme.md b/fragments/tags/readme.md index f2efb9a0c..4bda6e92a 100644 --- a/fragments/tags/readme.md +++ b/fragments/tags/readme.md @@ -1,3 +1,3 @@ -# Tags +# Tags Display the tags that are attached to this page. diff --git a/fragments/tags/sample.json b/fragments/tags/sample.json index 4ed41af2a..d369e6ff5 100644 --- a/fragments/tags/sample.json +++ b/fragments/tags/sample.json @@ -1,9 +1,9 @@ { - "title": "Tags", - "group": "Chrome", - "model": { - "tagcolor": "green", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Tags", + "group": "Chrome", + "model": { + "tagcolor": "green", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/tags/template.html b/fragments/tags/template.html index b0279cd0a..8fcebfb66 100644 --- a/fragments/tags/template.html +++ b/fragments/tags/template.html @@ -1,4 +1,7 @@
    - My Tags - Tag 1 + My Tags + Tag 1
    diff --git a/fragments/tags/template.vue b/fragments/tags/template.vue index 352a16dd2..c64573514 100644 --- a/fragments/tags/template.vue +++ b/fragments/tags/template.vue @@ -1,35 +1,49 @@ - diff --git a/fragments/teaserhorizontal/hatch.js b/fragments/teaserhorizontal/hatch.js index 09031d894..3bacda2b3 100644 --- a/fragments/teaserhorizontal/hatch.js +++ b/fragments/teaserhorizontal/hatch.js @@ -1,61 +1,61 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - //Container - let containerClasses = `{ + //Container + let containerClasses = `{ 'md:flex-row-reverse': model.buttonside === 'left', 'md:flex-row': model.buttonside === 'right', 'enlarge-text': model.isprimary === 'true' - }` - f.bindAttribute( $, 'class', containerClasses ,false) + }`; + f.bindAttribute($, "class", containerClasses, false); - //Text - let textClasses = `{ + //Text + let textClasses = `{ 'text-left': model.aligncontent === 'left', 'text-center': model.aligncontent === 'center', 'text-right': model.aligncontent === 'right' - }` - let textDiv = $.find('div').eq(0) - f.bindAttribute( textDiv, 'class', textClasses,false) - f.addStyle(textDiv, 'flex-basis', 'model.textwidth', '%') - - let title = $.find('h1').first() - let titleClasses = `{ + }`; + let textDiv = $.find("div").eq(0); + f.bindAttribute(textDiv, "class", textClasses, false); + f.addStyle(textDiv, "flex-basis", "model.textwidth", "%"); + + let title = $.find("h1").first(); + let titleClasses = `{ 'mb-6': model.isprimary === 'true', 'mb-3': model.isprimary !== 'true' - }` - - f.addIf(title, "model.showtitle === 'true'") - f.bindAttribute(title, 'class', titleClasses, false) - f.mapField(title, "model.title") + }`; + + f.addIf(title, "model.showtitle === 'true'"); + f.bindAttribute(title, "class", titleClasses, false); + f.mapField(title, "model.title"); - let subTitle = $.find('.teaser-subtitle').first() - let subTitleClasses = `{ + let subTitle = $.find(".teaser-subtitle").first(); + let subTitleClasses = `{ 'mb-6': model.isprimary === 'true' && model.showtitle === 'false', 'my-6': model.isprimary === 'true' && model.showtitle === 'true', 'mb-3': model.isprimary !== 'true' && model.showtitle === 'false', 'my-3': model.isprimary !== 'true' && model.showtitle === 'true' - }` - - f.addIf(subTitle, "model.showsubtitle === 'true'") - f.bindAttribute(subTitle, 'class', subTitleClasses, false) - f.mapField($.find('.teaser-subtitle').first(), "model.subtitle") + }`; + + f.addIf(subTitle, "model.showsubtitle === 'true'"); + f.bindAttribute(subTitle, "class", subTitleClasses, false); + f.mapField($.find(".teaser-subtitle").first(), "model.subtitle"); + + let teaserText = $.find(".teaser-text").first(); + f.addIf(teaserText, "model.showtext === 'true'"); + f.mapRichField(teaserText, "model.text"); - let teaserText = $.find('.teaser-text').first() - f.addIf(teaserText, "model.showtext === 'true'") - f.mapRichField(teaserText, "model.text") - - //Buttons - let buttonsDiv = $.find('.teaser-actions').first(); - let link = buttonsDiv.find('a') - let buttonsClasses = `{ + //Buttons + let buttonsDiv = $.find(".teaser-actions").first(); + let link = buttonsDiv.find("a"); + let buttonsClasses = `{ 'md:justify-end': model.buttonside === 'right', 'md:justify-start': model.buttonside === 'left', - }` + }`; - let aClasses = `{ + let aClasses = `{ 'btn-lg': model.buttonsize === 'large', 'btn-sm': model.buttonsize === 'small', 'btn-primary': item.buttoncolor === 'primary', @@ -65,17 +65,19 @@ module.exports = { 'btn-warning': item.buttoncolor === 'warning', 'btn-light': item.buttoncolor === 'light', 'btn-dark': item.buttoncolor === 'dark' - }` - f.addIf( buttonsDiv, "model.showbutton === 'true'") - f.bindAttribute( buttonsDiv, 'class', buttonsClasses,false) - f.addFor( link, 'model.buttons') - f.bindAttribute( link, 'href', f.pathToUrl('item.buttonlink')) - f.bindAttribute( link, 'class', aClasses, false) - f.mapField( link, "item.buttontext", 'model.buttons', 'buttontext') - f.addStyle( link, 'backgroundColor', 'item.buttoncolor') - f.addStyle( link, 'borderColor', 'item.buttoncolor') + }`; + f.addIf(buttonsDiv, "model.showbutton === 'true'"); + f.bindAttribute(buttonsDiv, "class", buttonsClasses, false); + f.addFor(link, "model.buttons"); + f.bindAttribute(link, "href", f.pathToUrl("item.buttonlink")); + f.bindAttribute(link, "class", aClasses, false); + f.mapField(link, "item.buttontext", "model.buttons", "buttontext"); + f.addStyle(link, "backgroundColor", "item.buttoncolor"); + f.addStyle(link, "borderColor", "item.buttoncolor"); - f.addElse($) - $.parent().prepend('
    no content defined for component
    ') - } -} + f.addElse($); + $.parent().prepend( + '
    no content defined for component
    ' + ); + }, +}; diff --git a/fragments/teaserhorizontal/model.json b/fragments/teaserhorizontal/model.json index ea63bca5d..6655d06cb 100644 --- a/fragments/teaserhorizontal/model.json +++ b/fragments/teaserhorizontal/model.json @@ -1,207 +1,210 @@ { - "definitions": { - "Teaserhorizontal": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "aligncontent": { - "type": "string", - "x-source": "inject", - "x-form-label": "Align Content", - "x-form-group": "style", - "x-form-type": "materialradio", - "x-default": "center", - "properties": { - "left": { - "x-form-name": "Left", - "x-form-value": "left" - },"center": { - "x-form-name": "Center", - "x-form-value": "center" - },"right": { - "x-form-name": "Right", - "x-form-value": "right" - } - } - }, - "isprimary": { - "type": "string", - "x-source": "inject", - "x-form-label": "Enlarge Text", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-form-default": "false" - }, - "showtitle": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Show Title", - "x-form-type": "materialswitch" - }, - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Title", - "x-form-visible": "model.showtitle == 'true'", - "x-form-group": "content", - "x-form-type": "text" - }, - "showsubtitle": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Show Subtitle", - "x-form-type": "materialswitch" - }, - "subtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Subtitle", - "x-form-visible": "model.showsubtitle == 'true'", - "x-form-rows": 3, - "x-form-group": "content", - "x-form-type": "textarea" - }, - "showtext": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Show Text", - "x-form-type": "materialswitch" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text", - "x-form-visible": "model.showtext == 'true'", - "x-form-group": "content", - "x-form-type": "texteditor" - }, - "textwidth": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Text Width", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 100, - "x-default": 100 - }, - "showbutton": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Show Button", - "x-form-type": "materialswitch" - }, - "buttonside": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Position", - "x-form-type": "materialradio", - "x-form-visible": "model.showbutton == 'true'", - "x-form-group": "style", - "x-default": "right", - "properties": { - "left": { - "x-form-name": "Before Content", - "x-form-value": "left" - },"right": { - "x-form-name": "After Content", - "x-form-value": "right" - } - } - }, - "buttonsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Size", - "x-form-type": "materialselect", - "x-form-visible": "model.showbutton == 'true'", - "x-form-group": "style", - "x-default": "default", - "properties":{ - "default": { - "x-form-name": "Default", - "x-form-value": "default" - }, - "large": { - "x-form-name": "Large", - "x-form-value": "large" - }, - "small": { - "x-form-name": "Small", - "x-form-value": "small" - } - } - }, - "buttons": { - "type": "string", - "x-source": "inject", - "x-form-label": "Buttons", - "x-form-group": "content", - "x-form-type": "collection", - "x-form-visible": "model.showbutton == 'true'", - "properties": { - "buttontext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Text", - "x-form-type": "text" - }, - "buttonlink": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Link", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "buttoncolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Color", - "x-form-type": "materialselect", - "x-default": "primary", - "properties":{ - "primary": { - "x-form-name": "Primary", - "x-form-value": "primary" - }, - "secondary": { - "x-form-name": "Secondary", - "x-form-value": "secondary" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "success" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "danger" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Teaserhorizontal": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "aligncontent": { + "type": "string", + "x-source": "inject", + "x-form-label": "Align Content", + "x-form-group": "style", + "x-form-type": "materialradio", + "x-default": "center", + "properties": { + "left": { + "x-form-name": "Left", + "x-form-value": "left" + }, + "center": { + "x-form-name": "Center", + "x-form-value": "center" + }, + "right": { + "x-form-name": "Right", + "x-form-value": "right" + } + } + }, + "isprimary": { + "type": "string", + "x-source": "inject", + "x-form-label": "Enlarge Text", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-form-default": "false" + }, + "showtitle": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Show Title", + "x-form-type": "materialswitch" + }, + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Title", + "x-form-visible": "model.showtitle == 'true'", + "x-form-group": "content", + "x-form-type": "text" + }, + "showsubtitle": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Show Subtitle", + "x-form-type": "materialswitch" + }, + "subtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Subtitle", + "x-form-visible": "model.showsubtitle == 'true'", + "x-form-rows": 3, + "x-form-group": "content", + "x-form-type": "textarea" + }, + "showtext": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Show Text", + "x-form-type": "materialswitch" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text", + "x-form-visible": "model.showtext == 'true'", + "x-form-group": "content", + "x-form-type": "texteditor" + }, + "textwidth": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Text Width", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 100, + "x-default": 100 + }, + "showbutton": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Show Button", + "x-form-type": "materialswitch" + }, + "buttonside": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Position", + "x-form-type": "materialradio", + "x-form-visible": "model.showbutton == 'true'", + "x-form-group": "style", + "x-default": "right", + "properties": { + "left": { + "x-form-name": "Before Content", + "x-form-value": "left" + }, + "right": { + "x-form-name": "After Content", + "x-form-value": "right" + } + } + }, + "buttonsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Size", + "x-form-type": "materialselect", + "x-form-visible": "model.showbutton == 'true'", + "x-form-group": "style", + "x-default": "default", + "properties": { + "default": { + "x-form-name": "Default", + "x-form-value": "default" + }, + "large": { + "x-form-name": "Large", + "x-form-value": "large" + }, + "small": { + "x-form-name": "Small", + "x-form-value": "small" + } + } + }, + "buttons": { + "type": "string", + "x-source": "inject", + "x-form-label": "Buttons", + "x-form-group": "content", + "x-form-type": "collection", + "x-form-visible": "model.showbutton == 'true'", + "properties": { + "buttontext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Text", + "x-form-type": "text" + }, + "buttonlink": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Link", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "buttoncolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Color", + "x-form-type": "materialselect", + "x-default": "primary", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "primary" + }, + "secondary": { + "x-form-name": "Secondary", + "x-form-value": "secondary" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "success" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "danger" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/teaserhorizontal/sample-blank.json b/fragments/teaserhorizontal/sample-blank.json index 8ce5930a6..5a2eb526a 100644 --- a/fragments/teaserhorizontal/sample-blank.json +++ b/fragments/teaserhorizontal/sample-blank.json @@ -1,6 +1,5 @@ { - "title": "Teaser Horizontal", - "group": "Features", - "model": { - } + "title": "Teaser Horizontal", + "group": "Features", + "model": {} } diff --git a/fragments/teaserhorizontal/sample-empty.json b/fragments/teaserhorizontal/sample-empty.json index 94edd37eb..c9f162e56 100644 --- a/fragments/teaserhorizontal/sample-empty.json +++ b/fragments/teaserhorizontal/sample-empty.json @@ -1,6 +1,5 @@ { - "title": "Teaser Vertical no default values", - "group": "Empty", - "model": { - } -} \ No newline at end of file + "title": "Teaser Vertical no default values", + "group": "Empty", + "model": {} +} diff --git a/fragments/teaserhorizontal/sample-rte.json b/fragments/teaserhorizontal/sample-rte.json index 1f2e295b0..c477a82f7 100644 --- a/fragments/teaserhorizontal/sample-rte.json +++ b/fragments/teaserhorizontal/sample-rte.json @@ -1,37 +1,38 @@ { - "title": "Teaser Horizontal With All RTE Styles", - "group": ".hidden", - "model": { - "aligncontent": "left", - "showtitle": "true", - "showsubtitle": "true", - "showtext": "true", - "showbutton": "true", - "fullheight": "false", - "textwidth": "60", - "backgroundtype": "color", - "bgcolor": "#ffffff", - "gradient": "true", - "color2": "#c0c0c0", - "bottompadding": "30", - "toppadding": "30", - "text": "

    Left (Default) Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Center Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Right Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Justified Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    ", - "isprimary": "false", - "subtitle": "Molestiae alias et inventore voluptas", - "title": "Peregrine blocks", - "buttonsize": "default", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "See More", - "buttoncolor": "primary", - "iconclass": "" - },{ - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "About Us", - "buttoncolor": "primary", - "iconclass": "" - } - ] - } + "title": "Teaser Horizontal With All RTE Styles", + "group": ".hidden", + "model": { + "aligncontent": "left", + "showtitle": "true", + "showsubtitle": "true", + "showtext": "true", + "showbutton": "true", + "fullheight": "false", + "textwidth": "60", + "backgroundtype": "color", + "bgcolor": "#ffffff", + "gradient": "true", + "color2": "#c0c0c0", + "bottompadding": "30", + "toppadding": "30", + "text": "

    Left (Default) Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Center Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Right Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Justified Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    ", + "isprimary": "false", + "subtitle": "Molestiae alias et inventore voluptas", + "title": "Peregrine blocks", + "buttonsize": "default", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "See More", + "buttoncolor": "primary", + "iconclass": "" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "About Us", + "buttoncolor": "primary", + "iconclass": "" + } + ] + } } diff --git a/fragments/teaserhorizontal/sample.json b/fragments/teaserhorizontal/sample.json index d6b50c0f4..b13511cab 100644 --- a/fragments/teaserhorizontal/sample.json +++ b/fragments/teaserhorizontal/sample.json @@ -1,37 +1,38 @@ { - "title": "Teaser Horizontal - Example", - "group": "Features", - "model": { - "aligncontent": "left", - "showtitle": "true", - "showsubtitle": "true", - "showtext": "true", - "showbutton": "true", - "fullheight": "false", - "textwidth": "60", - "backgroundtype": "color", - "bgcolor": "#ffffff", - "gradient": "true", - "color2": "#c0c0c0", - "bottompadding": "30", - "toppadding": "30", - "text": "

    Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

    ", - "isprimary": "false", - "subtitle": "Molestiae alias et inventore voluptas", - "title": "Peregrine blocks", - "buttonsize": "default", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "See More", - "buttoncolor": "primary", - "iconclass": "" - },{ - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "About Us", - "buttoncolor": "primary", - "iconclass": "" - } - ] - } + "title": "Teaser Horizontal - Example", + "group": "Features", + "model": { + "aligncontent": "left", + "showtitle": "true", + "showsubtitle": "true", + "showtext": "true", + "showbutton": "true", + "fullheight": "false", + "textwidth": "60", + "backgroundtype": "color", + "bgcolor": "#ffffff", + "gradient": "true", + "color2": "#c0c0c0", + "bottompadding": "30", + "toppadding": "30", + "text": "

    Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

    ", + "isprimary": "false", + "subtitle": "Molestiae alias et inventore voluptas", + "title": "Peregrine blocks", + "buttonsize": "default", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "See More", + "buttoncolor": "primary", + "iconclass": "" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "About Us", + "buttoncolor": "primary", + "iconclass": "" + } + ] + } } diff --git a/fragments/teaserhorizontal/template.html b/fragments/teaserhorizontal/template.html index fada2e0ae..7ffb45d47 100644 --- a/fragments/teaserhorizontal/template.html +++ b/fragments/teaserhorizontal/template.html @@ -1,8 +1,15 @@

    Peregrine blocks

    -

    Et architecto autem tenetur provident ea exercitationem enim.

    -

    Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

    +

    + Et architecto autem tenetur provident ea exercitationem enim. +

    +
    +

    + Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. + Adipisci ut voluptatem necessitatibus cumque aspernatur. +

    +
    Click for more diff --git a/fragments/teaserhorizontal/template.vue b/fragments/teaserhorizontal/template.vue index b86851641..fe0236916 100644 --- a/fragments/teaserhorizontal/template.vue +++ b/fragments/teaserhorizontal/template.vue @@ -1,63 +1,103 @@ - diff --git a/fragments/teaservertical/hatch.js b/fragments/teaservertical/hatch.js index f05a947da..147bd12fe 100644 --- a/fragments/teaservertical/hatch.js +++ b/fragments/teaservertical/hatch.js @@ -1,71 +1,74 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - //Content Container - let containerClasses = `{ + //Content Container + let containerClasses = `{ 'md:flex-row': model.mediaposition === 'before', 'md:flex-row-reverse': model.mediaposition === 'after', 'enlarge-text': model.isprimary === 'true' - }` - f.bindAttribute( $, 'class', containerClasses, false) + }`; + f.bindAttribute($, "class", containerClasses, false); - //Media - let mediaDiv = $.find('.img-wrapper').first() - f.addIf( mediaDiv, "model.showmedia === 'true'") - f.bindAttribute( mediaDiv, 'style', "{flex:`0 0 ${model.mediawidth}%`}") - f.replace( $.find('img'), '') + //Media + let mediaDiv = $.find(".img-wrapper").first(); + f.addIf(mediaDiv, "model.showmedia === 'true'"); + f.bindAttribute(mediaDiv, "style", "{flex:`0 0 ${model.mediawidth}%`}"); + f.replace( + $.find("img"), + '' + ); - //Text - let textClasses = `{ + //Text + let textClasses = `{ 'text-left': model.aligncontent === 'left', 'text-center': model.aligncontent === 'center', 'text-right': model.aligncontent === 'right', 'self-start': model.aligncontent === 'left', 'self-center': model.aligncontent === 'center', 'self-end': model.aligncontent === 'right' - }` + }`; - let textDiv = $.find('div>div>div').first() - f.bindAttribute( textDiv, 'class', textClasses, false) - f.addStyle(textDiv, 'width', 'model.textwidth', '%') - - let title = $.find('h1').first() - let titleClasses = `{ + let textDiv = $.find("div>div>div").first(); + f.bindAttribute(textDiv, "class", textClasses, false); + f.addStyle(textDiv, "width", "model.textwidth", "%"); + + let title = $.find("h1").first(); + let titleClasses = `{ 'mb-6': model.isprimary === 'true', 'mb-3': model.isprimary !== 'true' - }` + }`; - f.addIf(title, "model.showtitle === 'true'") - f.bindAttribute(title, 'class', titleClasses, false) - f.mapField(title, "model.title") + f.addIf(title, "model.showtitle === 'true'"); + f.bindAttribute(title, "class", titleClasses, false); + f.mapField(title, "model.title"); - let subTitle = $.find('.teaser-subtitle').first() - let subTitleClasses = `{ + let subTitle = $.find(".teaser-subtitle").first(); + let subTitleClasses = `{ 'mb-6': model.isprimary === 'true' && model.showtitle === 'false', 'my-6': model.isprimary === 'true' && model.showtitle === 'true', 'mb-3': model.isprimary !== 'true' && model.showtitle === 'false', 'my-3': model.isprimary !== 'true' && model.showtitle === 'true' - }` - - f.addIf(subTitle, "model.showsubtitle === 'true'") - f.bindAttribute(subTitle, 'class', subTitleClasses, false) - f.mapField(subTitle, "model.subtitle") + }`; + + f.addIf(subTitle, "model.showsubtitle === 'true'"); + f.bindAttribute(subTitle, "class", subTitleClasses, false); + f.mapField(subTitle, "model.subtitle"); - let teaserText = $.find('.teaser-text').first() - f.addIf(teaserText, "model.showtext === 'true'") - f.mapRichField(teaserText, "model.text") + let teaserText = $.find(".teaser-text").first(); + f.addIf(teaserText, "model.showtext === 'true'"); + f.mapRichField(teaserText, "model.text"); - //Buttons - let buttonsDiv = $.find('.teaser-actions').first() - let link = buttonsDiv.find('a').first() - let buttonsClasses = `{ + //Buttons + let buttonsDiv = $.find(".teaser-actions").first(); + let link = buttonsDiv.find("a").first(); + let buttonsClasses = `{ 'justify-start': model.alignbuttons === 'start', 'justify-center': model.alignbuttons === 'center', 'justify-end': model.alignbuttons === 'end' - }` - let aClasses = `{ + }`; + let aClasses = `{ 'btn-lg': model.buttonsize === 'large', 'btn-sm': model.buttonsize === 'small', 'btn-primary': item.buttoncolor === 'primary', @@ -75,19 +78,21 @@ module.exports = { 'btn-warning': item.buttoncolor === 'warning', 'btn-light': item.buttoncolor === 'light', 'btn-dark': item.buttoncolor === 'dark' - }` + }`; - f.addFor( link, 'model.buttons') - f.bindAttribute( link, 'href', f.pathToUrl('item.buttonlink')) - f.bindAttribute( link, 'class', aClasses, false) - f.mapField( link, "item.buttontext", 'model.buttons', 'buttontext') - f.addStyle( link, 'backgroundColor', 'item.buttoncolor') - f.addStyle( link, 'borderColor', 'item.buttoncolor') + f.addFor(link, "model.buttons"); + f.bindAttribute(link, "href", f.pathToUrl("item.buttonlink")); + f.bindAttribute(link, "class", aClasses, false); + f.mapField(link, "item.buttontext", "model.buttons", "buttontext"); + f.addStyle(link, "backgroundColor", "item.buttoncolor"); + f.addStyle(link, "borderColor", "item.buttoncolor"); - f.addIf( buttonsDiv, "model.showbutton == 'true'") - f.bindAttribute( buttonsDiv, 'class', buttonsClasses, false) + f.addIf(buttonsDiv, "model.showbutton == 'true'"); + f.bindAttribute(buttonsDiv, "class", buttonsClasses, false); - f.addElse($) - $.parent().prepend('
    no content defined for component
    ') - } -} + f.addElse($); + $.parent().prepend( + '
    no content defined for component
    ' + ); + }, +}; diff --git a/fragments/teaservertical/model.json b/fragments/teaservertical/model.json index c3b2ac917..717e51470 100644 --- a/fragments/teaservertical/model.json +++ b/fragments/teaservertical/model.json @@ -1,237 +1,241 @@ { - "definitions": { - "Teaservertical": { - "type": "object", - "x-type": "component", - "x-form-groups": ["content", "style", "advanced"], - "properties": { - "aligncontent": { - "type": "string", - "x-source": "inject", - "x-form-label": "Align Content", - "x-form-type": "materialradio", - "x-default": "center", - "x-form-group": "style", - "properties": { - "left": { - "x-form-name": "Left", - "x-form-value": "left" - },"center": { - "x-form-name": "Center", - "x-form-value": "center" - },"right": { - "x-form-name": "Right", - "x-form-value": "right" - } - } - }, - "isprimary": { - "type": "string", - "x-source": "inject", - "x-form-label": "Enlarge Text", - "x-form-type": "materialswitch", - "x-form-group": "style", - "x-form-default": "false" - }, - "showtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Title", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Title", - "x-form-visible": "model.showtitle == 'true'", - "x-form-group": "content", - "x-form-type": "text" - }, - "showsubtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Subtitle", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "subtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Subtitle", - "x-form-visible": "model.showsubtitle == 'true'", - "x-form-group": "content", - "x-form-rows": 3, - "x-form-type": "textarea" - }, - "showtext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Text", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text", - "x-form-visible": "model.showtext == 'true'", - "x-form-group": "content", - "x-form-type": "texteditor" - }, - "textwidth": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text Width", - "x-form-type": "materialrange", - "x-form-group": "style", - "x-form-min": 0, - "x-form-max": 100, - "x-default": 100 - }, - "showbutton": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Button", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "alignbuttons": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Alignment", - "x-form-visible": "", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-default": "center", - "properties": { - "left": { - "x-form-name": "Left", - "x-form-value": "start" - },"center": { - "x-form-name": "Center", - "x-form-value": "center" - },"right": { - "x-form-name": "Right", - "x-form-value": "end" - } - } - }, - "buttonsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Size", - "x-form-type": "materialselect", - "x-form-visible": "model.showbutton == 'true'", - "x-default": "default", - "x-form-group": "style", - "properties":{ - "default": { - "x-form-name": "Default", - "x-form-value": "default" - }, - "large": { - "x-form-name": "Large", - "x-form-value": "large" - }, - "small": { - "x-form-name": "Small", - "x-form-value": "small" - } - } - }, - "buttons": { - "type": "string", - "x-source": "inject", - "x-form-label": "Buttons", - "x-form-type": "collection", - "x-form-group": "content", - "x-form-visible": "model.showbutton == 'true'", - "properties": { - "buttontext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Text", - "x-form-type": "text" - }, - "buttonlink": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Link", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "buttoncolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Color", - "x-form-type": "materialselect", - "x-default": "primary", - "properties":{ - "primary": { - "x-form-name": "Primary", - "x-form-value": "primary" - }, - "secondary": { - "x-form-name": "Secondary", - "x-form-value": "secondary" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "success" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "danger" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - }, - "info": { - "x-form-name": "Info", - "x-form-value": "info" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - } - } - }, - "mediaref": { - "x-form-type": "reference", - "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" - }, - "mediaposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Media Position", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-form-visible": "model.showmedia == 'true'", - "x-default": "before", - "properties": { - "type1": { - "x-form-name": "Before Content", - "x-form-value": "before" - }, - "type2": { - "x-form-name": "After Content", - "x-form-value": "after" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Teaservertical": { + "type": "object", + "x-type": "component", + "x-form-groups": ["content", "style", "advanced"], + "properties": { + "aligncontent": { + "type": "string", + "x-source": "inject", + "x-form-label": "Align Content", + "x-form-type": "materialradio", + "x-default": "center", + "x-form-group": "style", + "properties": { + "left": { + "x-form-name": "Left", + "x-form-value": "left" + }, + "center": { + "x-form-name": "Center", + "x-form-value": "center" + }, + "right": { + "x-form-name": "Right", + "x-form-value": "right" + } + } + }, + "isprimary": { + "type": "string", + "x-source": "inject", + "x-form-label": "Enlarge Text", + "x-form-type": "materialswitch", + "x-form-group": "style", + "x-form-default": "false" + }, + "showtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Title", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Title", + "x-form-visible": "model.showtitle == 'true'", + "x-form-group": "content", + "x-form-type": "text" + }, + "showsubtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Subtitle", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "subtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Subtitle", + "x-form-visible": "model.showsubtitle == 'true'", + "x-form-group": "content", + "x-form-rows": 3, + "x-form-type": "textarea" + }, + "showtext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Text", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text", + "x-form-visible": "model.showtext == 'true'", + "x-form-group": "content", + "x-form-type": "texteditor" + }, + "textwidth": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text Width", + "x-form-type": "materialrange", + "x-form-group": "style", + "x-form-min": 0, + "x-form-max": 100, + "x-default": 100 + }, + "showbutton": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Button", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "alignbuttons": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Alignment", + "x-form-visible": "", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-default": "center", + "properties": { + "left": { + "x-form-name": "Left", + "x-form-value": "start" + }, + "center": { + "x-form-name": "Center", + "x-form-value": "center" + }, + "right": { + "x-form-name": "Right", + "x-form-value": "end" + } + } + }, + "buttonsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Size", + "x-form-type": "materialselect", + "x-form-visible": "model.showbutton == 'true'", + "x-default": "default", + "x-form-group": "style", + "properties": { + "default": { + "x-form-name": "Default", + "x-form-value": "default" + }, + "large": { + "x-form-name": "Large", + "x-form-value": "large" + }, + "small": { + "x-form-name": "Small", + "x-form-value": "small" + } + } + }, + "buttons": { + "type": "string", + "x-source": "inject", + "x-form-label": "Buttons", + "x-form-type": "collection", + "x-form-group": "content", + "x-form-visible": "model.showbutton == 'true'", + "properties": { + "buttontext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Text", + "x-form-type": "text" + }, + "buttonlink": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Link", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "buttoncolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Color", + "x-form-type": "materialselect", + "x-default": "primary", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "primary" + }, + "secondary": { + "x-form-name": "Secondary", + "x-form-value": "secondary" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "success" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "danger" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + }, + "info": { + "x-form-name": "Info", + "x-form-value": "info" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + } + } + }, + "mediaref": { + "x-form-type": "reference", + "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" + }, + "mediaposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media Position", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-form-visible": "model.showmedia == 'true'", + "x-default": "before", + "properties": { + "type1": { + "x-form-name": "Before Content", + "x-form-value": "before" + }, + "type2": { + "x-form-name": "After Content", + "x-form-value": "after" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/teaservertical/sample-blank.json b/fragments/teaservertical/sample-blank.json index b7562fb64..99d284f7b 100644 --- a/fragments/teaservertical/sample-blank.json +++ b/fragments/teaservertical/sample-blank.json @@ -1,6 +1,5 @@ { - "title": "Teaser Vertical", - "group": "Features", - "model": { - } + "title": "Teaser Vertical", + "group": "Features", + "model": {} } diff --git a/fragments/teaservertical/sample-empty.json b/fragments/teaservertical/sample-empty.json index afa5fdd7e..79f0e0064 100644 --- a/fragments/teaservertical/sample-empty.json +++ b/fragments/teaservertical/sample-empty.json @@ -1,6 +1,5 @@ { - "title": "Teaser Vertical", - "group": "Empty", - "model": { - } -} \ No newline at end of file + "title": "Teaser Vertical", + "group": "Empty", + "model": {} +} diff --git a/fragments/teaservertical/sample-mediateaser.json b/fragments/teaservertical/sample-mediateaser.json index 3f3fbde75..70f72c22f 100644 --- a/fragments/teaservertical/sample-mediateaser.json +++ b/fragments/teaservertical/sample-mediateaser.json @@ -1,40 +1,41 @@ { - "title": "Teaser Vertical - Media", - "group": "Features", - "model": { - "showtitle": "true", - "showsubtitle": "true", - "showtext": "true", - "showbutton": "true", - "fullheight": "false", - "backgroundtype": "gradient", - "bgcolor": "#ffffff", - "gradient": "true", - "color2": "#c0c0c0", - "bottompadding": "30", - "toppadding": "30", - "text": "

    Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

    ", - "subtitle": "Molestiae alias et inventore voluptas", - "title": "Peregrine blocks", - "buttonsize": "default", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "See More", - "buttoncolor": "primary", - "iconclass": "" - },{ - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "About Us", - "buttoncolor": "primary", - "iconclass": "" - } - ], - "showmedia": "true", - "mediatype": "image", - "imagesrc": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", - "mediatitle": "Bird's eye view of the beach", - "mediawidth": "50", - "mediaposition": "after" - } + "title": "Teaser Vertical - Media", + "group": "Features", + "model": { + "showtitle": "true", + "showsubtitle": "true", + "showtext": "true", + "showbutton": "true", + "fullheight": "false", + "backgroundtype": "gradient", + "bgcolor": "#ffffff", + "gradient": "true", + "color2": "#c0c0c0", + "bottompadding": "30", + "toppadding": "30", + "text": "

    Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

    ", + "subtitle": "Molestiae alias et inventore voluptas", + "title": "Peregrine blocks", + "buttonsize": "default", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "See More", + "buttoncolor": "primary", + "iconclass": "" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "About Us", + "buttoncolor": "primary", + "iconclass": "" + } + ], + "showmedia": "true", + "mediatype": "image", + "imagesrc": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", + "mediatitle": "Bird's eye view of the beach", + "mediawidth": "50", + "mediaposition": "after" + } } diff --git a/fragments/teaservertical/sample-rte.json b/fragments/teaservertical/sample-rte.json index 88ca44056..95e9d512d 100644 --- a/fragments/teaservertical/sample-rte.json +++ b/fragments/teaservertical/sample-rte.json @@ -1,34 +1,35 @@ { - "title": "Teaser Vertical With All RTE Styles", - "group": ".hidden", - "model": { - "showtitle": "true", - "showsubtitle": "true", - "showtext": "true", - "showbutton": "true", - "fullheight": "false", - "backgroundtype": "gradient", - "bgcolor": "#ffffff", - "gradient": "true", - "color2": "#c0c0c0", - "bottompadding": "30", - "toppadding": "30", - "text": "

    Left (Default) Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Center Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Right Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Justified Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    ", - "subtitle": "Molestiae alias et inventore voluptas", - "title": "Peregrine blocks", - "buttonsize": "default", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "See More", - "buttoncolor": "primary", - "iconclass": "" - },{ - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "About Us", - "buttoncolor": "primary", - "iconclass": "" - } - ] - } -} \ No newline at end of file + "title": "Teaser Vertical With All RTE Styles", + "group": ".hidden", + "model": { + "showtitle": "true", + "showsubtitle": "true", + "showtext": "true", + "showbutton": "true", + "fullheight": "false", + "backgroundtype": "gradient", + "bgcolor": "#ffffff", + "gradient": "true", + "color2": "#c0c0c0", + "bottompadding": "30", + "toppadding": "30", + "text": "

    Left (Default) Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Center Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Right Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    Justified Alignment Test

    Header h2

    Header h3

    Header h4

    Text:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

    unordered list:

    • item 1
    • item 2
    • item 3

    ordered list

    1. item 1
    2. item 2
    3. item 3

    subscript superscript

    bold italic

    some link text

    a line followed by a shift return (<br/>)
    a line followed by a return (end of paragraph)

    another line

    ", + "subtitle": "Molestiae alias et inventore voluptas", + "title": "Peregrine blocks", + "buttonsize": "default", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "See More", + "buttoncolor": "primary", + "iconclass": "" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "About Us", + "buttoncolor": "primary", + "iconclass": "" + } + ] + } +} diff --git a/fragments/teaservertical/sample-teaserfull.json b/fragments/teaservertical/sample-teaserfull.json index c6f7f3044..15d2acdc5 100644 --- a/fragments/teaservertical/sample-teaserfull.json +++ b/fragments/teaservertical/sample-teaserfull.json @@ -1,36 +1,37 @@ { - "title": "Teaser Vertical - Full Height", - "group": "Features", - "model": { - "showtitle": "true", - "showsubtitle": "true", - "showbutton": "true", - "isprimary": "true", - "fullheight": "true", - "custombackground": "true", - "backgroundtype": "image", - "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", - "overlay":"true", - "overlaycolor": "#ffffff", - "overlayopacity": "70", - "bottompadding": "30", - "toppadding": "30", - "text": "

    Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

    ", - "subtitle": "Molestiae alias et inventore voluptas", - "buttonsize": "large", - "title": "Themeclean Flex Blocks", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "See More", - "buttoncolor": "primary", - "iconclass": "" - },{ - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "About Us", - "buttoncolor": "primary", - "iconclass": "" - } - ] - } + "title": "Teaser Vertical - Full Height", + "group": "Features", + "model": { + "showtitle": "true", + "showsubtitle": "true", + "showbutton": "true", + "isprimary": "true", + "fullheight": "true", + "custombackground": "true", + "backgroundtype": "image", + "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", + "overlay": "true", + "overlaycolor": "#ffffff", + "overlayopacity": "70", + "bottompadding": "30", + "toppadding": "30", + "text": "

    Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

    ", + "subtitle": "Molestiae alias et inventore voluptas", + "buttonsize": "large", + "title": "Themeclean Flex Blocks", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "See More", + "buttoncolor": "primary", + "iconclass": "" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "About Us", + "buttoncolor": "primary", + "iconclass": "" + } + ] + } } diff --git a/fragments/teaservertical/sample.json b/fragments/teaservertical/sample.json index f4887cfb5..61616d25c 100644 --- a/fragments/teaservertical/sample.json +++ b/fragments/teaservertical/sample.json @@ -1,34 +1,35 @@ { - "title": "Teaser Vertical - Example", - "group": "Features", - "model": { - "showtitle": "true", - "showsubtitle": "true", - "showtext": "true", - "showbutton": "true", - "fullheight": "false", - "backgroundtype": "gradient", - "bgcolor": "#ffffff", - "gradient": "true", - "color2": "#c0c0c0", - "bottompadding": "30", - "toppadding": "30", - "text": "

    Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

    ", - "subtitle": "Molestiae alias et inventore voluptas", - "title": "Peregrine blocks", - "buttonsize": "default", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "See More", - "buttoncolor": "primary", - "iconclass": "" - },{ - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "About Us", - "buttoncolor": "primary", - "iconclass": "" - } - ] - } -} \ No newline at end of file + "title": "Teaser Vertical - Example", + "group": "Features", + "model": { + "showtitle": "true", + "showsubtitle": "true", + "showtext": "true", + "showbutton": "true", + "fullheight": "false", + "backgroundtype": "gradient", + "bgcolor": "#ffffff", + "gradient": "true", + "color2": "#c0c0c0", + "bottompadding": "30", + "toppadding": "30", + "text": "

    Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

    ", + "subtitle": "Molestiae alias et inventore voluptas", + "title": "Peregrine blocks", + "buttonsize": "default", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "See More", + "buttoncolor": "primary", + "iconclass": "" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "About Us", + "buttoncolor": "primary", + "iconclass": "" + } + ] + } +} diff --git a/fragments/teaservertical/template.html b/fragments/teaservertical/template.html index eda789bb3..4822a5a0a 100644 --- a/fragments/teaservertical/template.html +++ b/fragments/teaservertical/template.html @@ -1,12 +1,19 @@
    -
    - -
    +
    + +

    Peregrine blocks

    -

    Et architecto autem tenetur provident ea exercitationem enim.

    -

    Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

    +

    + Et architecto autem tenetur provident ea exercitationem enim. +

    +
    +

    + Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. + Adipisci ut voluptatem necessitatibus cumque aspernatur. +

    +
    Click for more diff --git a/fragments/teaservertical/template.vue b/fragments/teaservertical/template.vue index 0d0b4cb9a..2ad64f287 100644 --- a/fragments/teaservertical/template.vue +++ b/fragments/teaservertical/template.vue @@ -1,73 +1,118 @@ - diff --git a/fragments/textlinks/hatch.js b/fragments/textlinks/hatch.js index 243014d6a..45d5e5a47 100644 --- a/fragments/textlinks/hatch.js +++ b/fragments/textlinks/hatch.js @@ -1,10 +1,16 @@ module.exports = { - convert: function($, f) { - f.addFor($.find('li').first(), 'model.links') - f.bindAttribute($.find('a').first(), 'href', f.pathToUrl('item.link')) - f.mapField($.find('a').first(), "item.text", "model.links", "text", false) + convert: function ($, f) { + f.addFor($.find("li").first(), "model.links"); + f.bindAttribute($.find("a").first(), "href", f.pathToUrl("item.link")); + f.mapField( + $.find("a").first(), + "item.text", + "model.links", + "text", + false + ); - let aClasses = `{ + let aClasses = `{ 'text-blue-700': model.linkcolor === 'primary', 'text-green-700 hover:text-green-600': model.linkcolor === 'success', 'text-red-700 hover:text-red-600': model.linkcolor === 'danger', @@ -12,8 +18,8 @@ module.exports = { 'text-white hover:text-white': model.linkcolor === 'light', 'text-gray-800 hover:text-black': model.linkcolor === 'dark', 'font-bold' : $data.path === $helper.pathToUrl(item.link) - }` + }`; - f.bindAttribute($.find('a').first(), 'class', aClasses, false) - } -} + f.bindAttribute($.find("a").first(), "class", aClasses, false); + }, +}; diff --git a/fragments/textlinks/model.json b/fragments/textlinks/model.json index 0d83634d1..292f8f0d0 100644 --- a/fragments/textlinks/model.json +++ b/fragments/textlinks/model.json @@ -1,66 +1,66 @@ { - "definitions": { - "Textlinks": { - "type": "object", - "x-type": "component", - "properties": { - "links": { - "type": "object", - "x-source": "inject", - "x-form-group": "content", - "x-form-type": "collection", - "x-form-label": "Links", - "properties": { - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Link Text", - "x-form-type": "text" - }, - "link": { - "type": "string", - "x-source": "inject", - "x-form-label": "Link Url", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - } - } - }, - "linkcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Link Color", - "x-form-group": "style", - "x-form-type": "materialselect", - "x-default": "text-blue-800", - "properties":{ - "primary": { - "x-form-name": "Primary", - "x-form-value": "primary" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "success" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "danger" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - } - } - } - } + "definitions": { + "Textlinks": { + "type": "object", + "x-type": "component", + "properties": { + "links": { + "type": "object", + "x-source": "inject", + "x-form-group": "content", + "x-form-type": "collection", + "x-form-label": "Links", + "properties": { + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Link Text", + "x-form-type": "text" + }, + "link": { + "type": "string", + "x-source": "inject", + "x-form-label": "Link Url", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + } + } + }, + "linkcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Link Color", + "x-form-group": "style", + "x-form-type": "materialselect", + "x-default": "text-blue-800", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "primary" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "success" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "danger" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + } + } + } + } } diff --git a/fragments/textlinks/sample.json b/fragments/textlinks/sample.json index 3dd5fd957..1c31fa881 100644 --- a/fragments/textlinks/sample.json +++ b/fragments/textlinks/sample.json @@ -1,21 +1,23 @@ { - "title": "Text Links", - "group": ".hidden", - "model": { - "links": [ - { - "link": "/content/themecleanflex/pages", - "text": "Services", - "color": "dark" - },{ - "link": "/content/themecleanflex/pages", - "text": "About Us", - "color": "dark" - },{ - "link": "/content/themecleanflex/pages", - "text": "Contact Us", - "color": "dark" - } - ] - } + "title": "Text Links", + "group": ".hidden", + "model": { + "links": [ + { + "link": "/content/themecleanflex/pages", + "text": "Services", + "color": "dark" + }, + { + "link": "/content/themecleanflex/pages", + "text": "About Us", + "color": "dark" + }, + { + "link": "/content/themecleanflex/pages", + "text": "Contact Us", + "color": "dark" + } + ] + } } diff --git a/fragments/textlinks/template.html b/fragments/textlinks/template.html index 1f50784bc..14b324d38 100644 --- a/fragments/textlinks/template.html +++ b/fragments/textlinks/template.html @@ -1,8 +1,8 @@ diff --git a/fragments/textlinks/template.vue b/fragments/textlinks/template.vue index e3f55743e..15f52ab66 100644 --- a/fragments/textlinks/template.vue +++ b/fragments/textlinks/template.vue @@ -1,28 +1,36 @@ - diff --git a/pom.xml b/pom.xml index f3b8de6f9..783e20de2 100644 --- a/pom.xml +++ b/pom.xml @@ -1,4 +1,4 @@ - + +--> + 4.0.0 @@ -49,7 +54,8 @@ admin admin UTF-8 - UTF-8 + UTF-8 2.5.3 3.0.1 3.0.2 @@ -138,11 +144,13 @@ - Project must be built with Maven 3.1.0 or higher + Project must be built with Maven 3.1.0 or higher [3.1.0,) - Project must be compiled with Java 7 or higher + Project must be compiled with Java 7 or higher 1.7.0 @@ -167,7 +175,8 @@ true - http://${sling.host}:${sling.port}/bin/cpm/ + http://${sling.host}:${sling.port}/bin/cpm/ ${sling.user} ${sling.password} true diff --git a/ui.apps/package-lock.json b/ui.apps/package-lock.json index 623de5062..5b542a38f 100644 --- a/ui.apps/package-lock.json +++ b/ui.apps/package-lock.json @@ -1,6701 +1,6701 @@ { - "name": "build", - "version": "1.0.0", - "lockfileVersion": 1, - "requires": true, - "dependencies": { - "@analytics/cookie-utils": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/@analytics/cookie-utils/-/cookie-utils-0.2.3.tgz", - "integrity": "sha512-RiMAVpSluRbWb2hlT9wMJ0r2l+MUZzScYjY+w2iWRzjOr9Zzzs4tYzJT6Sd94PDz3LzCuf4aGOwS6pkKXTEBLw==", - "dev": true - }, - "@analytics/core": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/@analytics/core/-/core-0.6.0.tgz", - "integrity": "sha512-niKC+NRCdVnrTW/cQqfMOrxZSIzQBQ0aavRIUwgdNAiSYXbtlGvsM24ylAKC+EwXMkwf9c4n3QbxxHtNpnvszw==", - "dev": true, - "requires": { - "analytics-utils": "^0.2.2" - } - }, - "@analytics/google-analytics": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/@analytics/google-analytics/-/google-analytics-0.4.0.tgz", - "integrity": "sha512-IuXKIdThT/AqUxeOY3Oe8TCFd6JsAzdXUHtnzCGwQyCH1SzEQwjvSqBnBrGdZdg+FbstNAgpeBIRdffa6vQRUQ==", - "dev": true, - "requires": { - "universal-analytics": "^0.4.20" - } - }, - "@analytics/perfumejs": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/@analytics/perfumejs/-/perfumejs-0.2.0.tgz", - "integrity": "sha512-youixRV59Set4W6YshBZ1m3gLLMtqJzyJrNBPIddH1Rb+4A0+ExV316bhfjfO+rAn4dt/KkPlvBDrFlYh2YIng==", - "dev": true - }, - "@analytics/storage-utils": { - "version": "0.2.4", - "resolved": "https://registry.npmjs.org/@analytics/storage-utils/-/storage-utils-0.2.4.tgz", - "integrity": "sha512-VHRggJbRY8vHIADWVwbq9cZux0L9LdmlN31XA3daVAI4gMkKdQEocxB7KqGDt6SfIJ3NYi/qh1nRJGooYmTBiA==", - "dev": true, - "requires": { - "@analytics/cookie-utils": "^0.2.3" - } - }, - "@fullhuman/postcss-purgecss": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-1.1.0.tgz", - "integrity": "sha512-NaNJgn4ZtrWveVnele/eCW/AJYL6dwG6AW86QYQQsqOsXy8rHsA1LoDxuFye0a9PKA7lbH3h4/OxzMwkGDCqXQ==", - "dev": true, - "requires": { - "purgecss": "^1.0.0" - } - }, - "@mrmlnc/readdir-enhanced": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz", - "integrity": "sha512-bPHp6Ji8b41szTOcaP63VlnbbO5Ny6dwAATtY6JTjh5N2OLrb5Qk/Th5cRkRQhkWCt+EJsYrNB0MiL+Gpn6e3g==", - "dev": true, - "requires": { - "call-me-maybe": "^1.0.1", - "glob-to-regexp": "^0.3.0" - } - }, - "@nodelib/fs.stat": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz", - "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==", - "dev": true - }, - "@types/color-name": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz", - "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==", - "dev": true - }, - "@types/estree": { - "version": "0.0.39", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz", - "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==" - }, - "@types/events": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.0.tgz", - "integrity": "sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==", - "dev": true - }, - "@types/glob": { - "version": "7.1.1", - "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.1.1.tgz", - "integrity": "sha512-1Bh06cbWJUHMC97acuD6UMG29nMt0Aqz1vF3guLfG+kHHJhy3AyohZFFxYk2f7Q1SQIrNwvncxAE0N/9s70F2w==", - "dev": true, - "requires": { - "@types/events": "*", - "@types/minimatch": "*", - "@types/node": "*" - } - }, - "@types/minimatch": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz", - "integrity": "sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==", - "dev": true - }, - "@types/node": { - "version": "11.9.4", - "resolved": "https://registry.npmjs.org/@types/node/-/node-11.9.4.tgz", - "integrity": "sha512-Zl8dGvAcEmadgs1tmSPcvwzO1YRsz38bVJQvH1RvRqSR9/5n61Q1ktcDL0ht3FXWR+ZpVmXVwN1LuH4Ax23NsA==" - }, - "@types/q": { - "version": "1.5.2", - "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.2.tgz", - "integrity": "sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw==" - }, - "@types/resolve": { - "version": "0.0.8", - "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz", - "integrity": "sha512-auApPaJf3NPfe18hSoJkp8EbZzer2ISk7o8mCC3M9he/a04+gbMF97NkpD2S8riMGvm4BMRI59/SZQSaLTKpsQ==", - "dev": true, - "requires": { - "@types/node": "*" - } - }, - "@vue/component-compiler": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/@vue/component-compiler/-/component-compiler-3.6.0.tgz", - "integrity": "sha512-NIA0vmOI4zbtJAn69iZls8IJ8VxmguswAuiUdu8TcR+YYTYzntfw290HUCSFjzAdRg+FUWZv8r+wc3TzJ/IjwA==", - "requires": { - "@vue/component-compiler-utils": "^2.1.0", - "clean-css": "^4.1.11", - "hash-sum": "^1.0.2", - "postcss-modules-sync": "^1.0.0", - "source-map": "0.6.*" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - } - } - }, - "@vue/component-compiler-utils": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/@vue/component-compiler-utils/-/component-compiler-utils-2.6.0.tgz", - "integrity": "sha512-IHjxt7LsOFYc0DkTncB7OXJL7UzwOLPPQCfEUNyxL2qt+tF12THV+EO33O1G2Uk4feMSWua3iD39Itszx0f0bw==", - "requires": { - "consolidate": "^0.15.1", - "hash-sum": "^1.0.2", - "lru-cache": "^4.1.2", - "merge-source-map": "^1.1.0", - "postcss": "^7.0.14", - "postcss-selector-parser": "^5.0.0", - "prettier": "1.16.3", - "source-map": "~0.6.1", - "vue-template-es2015-compiler": "^1.9.0" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - } - } - }, - "acorn": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.1.0.tgz", - "integrity": "sha512-MW/FjM+IvU9CgBzjO3UIPCE2pyEwUsoFl+VGdczOPEdxfGFjuKny/gN54mOuX7Qxmb9Rg9MCn2oKiSUeW+pjrw==" - }, - "acorn-node": { - "version": "1.8.2", - "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz", - "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==", - "dev": true, - "requires": { - "acorn": "^7.0.0", - "acorn-walk": "^7.0.0", - "xtend": "^4.0.2" - }, - "dependencies": { - "acorn": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.2.0.tgz", - "integrity": "sha512-apwXVmYVpQ34m/i71vrApRrRKCWQnZZF1+npOD0WV5xZFfwWOmKGQ2RWlfdy9vWITsenisM8M0Qeq8agcFHNiQ==", - "dev": true - } - } - }, - "acorn-walk": { - "version": "7.1.1", - "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.1.1.tgz", - "integrity": "sha512-wdlPY2tm/9XBr7QkKlq0WQVgiuGTX6YWPyRyBviSoScBuLfTVQhvwg6wJ369GJ/1nPfTLMfnrFIfjqVg6d+jQQ==", - "dev": true - }, - "agent-base": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-4.3.0.tgz", - "integrity": "sha512-salcGninV0nPrwpGNn4VTXBb1SOuXQBiqbrNXoeizJsHrsL6ERFM2Ne3JUSBWRE6aeNJI2ROP/WEEIDUiDe3cg==", - "requires": { - "es6-promisify": "^5.0.0" - } - }, - "ajv": { - "version": "6.10.0", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.0.tgz", - "integrity": "sha512-nffhOpkymDECQyR0mnsUtoCE8RlX38G0rYP+wgLWFyZuUyuuojSSvi/+euOiQBIn63whYwYVIIH1TvE3tu4OEg==", - "requires": { - "fast-deep-equal": "^2.0.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - } - }, - "analytics": { - "version": "0.5.3", - "resolved": "https://registry.npmjs.org/analytics/-/analytics-0.5.3.tgz", - "integrity": "sha512-yrM/XClBqddN50GYytbdnD/UagHFujx4U4TNw7KRpj1r4wUE4aiz1usKdKg6GKJDr3ojSgoRRQONQiOjS3sEDw==", - "dev": true, - "requires": { - "@analytics/core": "^0.6.0", - "@analytics/storage-utils": "^0.2.4" - } - }, - "analytics-utils": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/analytics-utils/-/analytics-utils-0.2.2.tgz", - "integrity": "sha512-fdbc+MeoNrkwCAbGD/qgedyvRbPnImmWiInAgZ51KpINmKITpdtWV+6riHVA1YBSrb8IyYlfxn98IeWyN9a0+Q==", - "dev": true, - "requires": { - "@analytics/storage-utils": "^0.2.4", - "dlv": "^1.1.3" - } - }, - "ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=" - }, - "ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "requires": { - "color-convert": "^1.9.0" - } - }, - "anymatch": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", - "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", - "dev": true, - "requires": { - "micromatch": "^3.1.4", - "normalize-path": "^2.1.1" - }, - "dependencies": { - "normalize-path": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", - "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", - "dev": true, - "requires": { - "remove-trailing-separator": "^1.0.1" - } - } - } - }, - "argparse": { - "version": "1.0.10", - "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", - "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", - "requires": { - "sprintf-js": "~1.0.2" - } - }, - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=" - }, - "arr-flatten": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz", - "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==" - }, - "arr-union": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", - "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=" - }, - "array-union": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz", - "integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=", - "dev": true, - "requires": { - "array-uniq": "^1.0.1" - } - }, - "array-uniq": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz", - "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=", - "dev": true - }, - "array-unique": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", - "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=" - }, - "asn1": { - "version": "0.2.4", - "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz", - "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==", - "requires": { - "safer-buffer": "~2.1.0" - } - }, - "assert-plus": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", - "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=" - }, - "assign-symbols": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz", - "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=" - }, - "async": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/async/-/async-2.6.2.tgz", - "integrity": "sha512-H1qVYh1MYhEEFLsP97cVKqCGo7KfCyTt6uEWqsTBr9SO84oK9Uwbyd/yCW+6rKJLHksBNUVWZDAjfS+Ccx0Bbg==", - "requires": { - "lodash": "^4.17.11" - } - }, - "async-each": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz", - "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==", - "dev": true - }, - "async-limiter": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz", - "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==" - }, - "asynckit": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", - "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=" - }, - "atob": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz", - "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==" - }, - "autoprefixer": { - "version": "9.8.0", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.0.tgz", - "integrity": "sha512-D96ZiIHXbDmU02dBaemyAg53ez+6F5yZmapmgKcjm35yEe1uVDYI8hGW3VYoGRaG290ZFf91YxHrR518vC0u/A==", - "dev": true, - "requires": { - "browserslist": "^4.12.0", - "caniuse-lite": "^1.0.30001061", - "chalk": "^2.4.2", - "normalize-range": "^0.1.2", - "num2fraction": "^1.2.2", - "postcss": "^7.0.30", - "postcss-value-parser": "^4.1.0" - }, - "dependencies": { - "postcss": { - "version": "7.0.32", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz", - "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==", - "dev": true, - "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" - } - }, - "postcss-value-parser": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz", - "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==", - "dev": true - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, - "supports-color": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", - "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "aws-sign2": { - "version": "0.7.0", - "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz", - "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=" - }, - "aws4": { - "version": "1.8.0", - "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.8.0.tgz", - "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==" - }, - "babel-code-frame": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz", - "integrity": "sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=", - "requires": { - "chalk": "^1.1.3", - "esutils": "^2.0.2", - "js-tokens": "^3.0.2" - }, - "dependencies": { - "ansi-styles": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", - "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=" - }, - "chalk": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", - "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", - "requires": { - "ansi-styles": "^2.2.1", - "escape-string-regexp": "^1.0.2", - "has-ansi": "^2.0.0", - "strip-ansi": "^3.0.0", - "supports-color": "^2.0.0" - } - }, - "supports-color": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", - "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=" - } - } - }, - "babel-core": { - "version": "6.26.3", - "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-6.26.3.tgz", - "integrity": "sha512-6jyFLuDmeidKmUEb3NM+/yawG0M2bDZ9Z1qbZP59cyHLz8kYGKYwpJP0UwUKKUiTRNvxfLesJnTedqczP7cTDA==", - "requires": { - "babel-code-frame": "^6.26.0", - "babel-generator": "^6.26.0", - "babel-helpers": "^6.24.1", - "babel-messages": "^6.23.0", - "babel-register": "^6.26.0", - "babel-runtime": "^6.26.0", - "babel-template": "^6.26.0", - "babel-traverse": "^6.26.0", - "babel-types": "^6.26.0", - "babylon": "^6.18.0", - "convert-source-map": "^1.5.1", - "debug": "^2.6.9", - "json5": "^0.5.1", - "lodash": "^4.17.4", - "minimatch": "^3.0.4", - "path-is-absolute": "^1.0.1", - "private": "^0.1.8", - "slash": "^1.0.0", - "source-map": "^0.5.7" - }, - "dependencies": { - "slash": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz", - "integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=" - } - } - }, - "babel-generator": { - "version": "6.26.1", - "resolved": "https://registry.npmjs.org/babel-generator/-/babel-generator-6.26.1.tgz", - "integrity": "sha512-HyfwY6ApZj7BYTcJURpM5tznulaBvyio7/0d4zFOeMPUmfxkCjHocCuoLa2SAGzBI8AREcH3eP3758F672DppA==", - "requires": { - "babel-messages": "^6.23.0", - "babel-runtime": "^6.26.0", - "babel-types": "^6.26.0", - "detect-indent": "^4.0.0", - "jsesc": "^1.3.0", - "lodash": "^4.17.4", - "source-map": "^0.5.7", - "trim-right": "^1.0.1" - }, - "dependencies": { - "jsesc": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz", - "integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s=" - } - } - }, - "babel-helper-bindify-decorators": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-bindify-decorators/-/babel-helper-bindify-decorators-6.24.1.tgz", - "integrity": "sha1-FMGeXxQte0fxmlJDHlKxzLxAozA=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-helper-builder-binary-assignment-operator-visitor": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-builder-binary-assignment-operator-visitor/-/babel-helper-builder-binary-assignment-operator-visitor-6.24.1.tgz", - "integrity": "sha1-zORReto1b0IgvK6KAsKzRvmlZmQ=", - "requires": { - "babel-helper-explode-assignable-expression": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-helper-call-delegate": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-call-delegate/-/babel-helper-call-delegate-6.24.1.tgz", - "integrity": "sha1-7Oaqzdx25Bw0YfiL/Fdb0Nqi340=", - "requires": { - "babel-helper-hoist-variables": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-helper-define-map": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-helper-define-map/-/babel-helper-define-map-6.26.0.tgz", - "integrity": "sha1-pfVtq0GiX5fstJjH66ypgZ+Vvl8=", - "requires": { - "babel-helper-function-name": "^6.24.1", - "babel-runtime": "^6.26.0", - "babel-types": "^6.26.0", - "lodash": "^4.17.4" - } - }, - "babel-helper-explode-assignable-expression": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-explode-assignable-expression/-/babel-helper-explode-assignable-expression-6.24.1.tgz", - "integrity": "sha1-8luCz33BBDPFX3BZLVdGQArCLKo=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-helper-explode-class": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-explode-class/-/babel-helper-explode-class-6.24.1.tgz", - "integrity": "sha1-fcKjkQ3uAHBW4eMdZAztPVTqqes=", - "requires": { - "babel-helper-bindify-decorators": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-helper-function-name": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-function-name/-/babel-helper-function-name-6.24.1.tgz", - "integrity": "sha1-00dbjAPtmCQqJbSDUasYOZ01gKk=", - "requires": { - "babel-helper-get-function-arity": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-helper-get-function-arity": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-get-function-arity/-/babel-helper-get-function-arity-6.24.1.tgz", - "integrity": "sha1-j3eCqpNAfEHTqlCQj4mwMbG2hT0=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-helper-hoist-variables": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-hoist-variables/-/babel-helper-hoist-variables-6.24.1.tgz", - "integrity": "sha1-HssnaJydJVE+rbyZFKc/VAi+enY=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-helper-optimise-call-expression": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-optimise-call-expression/-/babel-helper-optimise-call-expression-6.24.1.tgz", - "integrity": "sha1-96E0J7qfc/j0+pk8VKl4gtEkQlc=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-helper-regex": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-helper-regex/-/babel-helper-regex-6.26.0.tgz", - "integrity": "sha1-MlxZ+QL4LyS3T6zu0DY5VPZJXnI=", - "requires": { - "babel-runtime": "^6.26.0", - "babel-types": "^6.26.0", - "lodash": "^4.17.4" - } - }, - "babel-helper-remap-async-to-generator": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-remap-async-to-generator/-/babel-helper-remap-async-to-generator-6.24.1.tgz", - "integrity": "sha1-XsWBgnrXI/7N04HxySg5BnbkVRs=", - "requires": { - "babel-helper-function-name": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-helper-replace-supers": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-replace-supers/-/babel-helper-replace-supers-6.24.1.tgz", - "integrity": "sha1-v22/5Dk40XNpohPKiov3S2qQqxo=", - "requires": { - "babel-helper-optimise-call-expression": "^6.24.1", - "babel-messages": "^6.23.0", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-helpers": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helpers/-/babel-helpers-6.24.1.tgz", - "integrity": "sha1-NHHenK7DiOXIUOWX5Yom3fN2ArI=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1" - } - }, - "babel-messages": { - "version": "6.23.0", - "resolved": "https://registry.npmjs.org/babel-messages/-/babel-messages-6.23.0.tgz", - "integrity": "sha1-8830cDhYA1sqKVHG7F7fbGLyYw4=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-check-es2015-constants": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.22.0.tgz", - "integrity": "sha1-NRV7EBQm/S/9PaP3XH0ekYNbv4o=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-syntax-async-functions": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz", - "integrity": "sha1-ytnK0RkbWtY0vzCuCHI5HgZHvpU=" - }, - "babel-plugin-syntax-async-generators": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-generators/-/babel-plugin-syntax-async-generators-6.13.0.tgz", - "integrity": "sha1-a8lj67FuzLrmuStZbrfzXDQqi5o=" - }, - "babel-plugin-syntax-class-constructor-call": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-class-constructor-call/-/babel-plugin-syntax-class-constructor-call-6.18.0.tgz", - "integrity": "sha1-nLnTn+Q8hgC+yBRkVt3L1OGnZBY=" - }, - "babel-plugin-syntax-class-properties": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-class-properties/-/babel-plugin-syntax-class-properties-6.13.0.tgz", - "integrity": "sha1-1+sjt5oxf4VDlixQW4J8fWysJ94=" - }, - "babel-plugin-syntax-decorators": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-decorators/-/babel-plugin-syntax-decorators-6.13.0.tgz", - "integrity": "sha1-MSVjtNvePMgGzuPkFszurd0RrAs=" - }, - "babel-plugin-syntax-do-expressions": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-do-expressions/-/babel-plugin-syntax-do-expressions-6.13.0.tgz", - "integrity": "sha1-V0d1YTmqJtOQ0JQQsDdEugfkeW0=" - }, - "babel-plugin-syntax-dynamic-import": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz", - "integrity": "sha1-jWomIpyDdFqZgqRBBRVyyqF5sdo=" - }, - "babel-plugin-syntax-exponentiation-operator": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz", - "integrity": "sha1-nufoM3KQ2pUoggGmpX9BcDF4MN4=" - }, - "babel-plugin-syntax-export-extensions": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-export-extensions/-/babel-plugin-syntax-export-extensions-6.13.0.tgz", - "integrity": "sha1-cKFITw+QiaToStRLrDU8lbmxJyE=" - }, - "babel-plugin-syntax-function-bind": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-function-bind/-/babel-plugin-syntax-function-bind-6.13.0.tgz", - "integrity": "sha1-SMSV8Xe98xqYHnMvVa3AvdJgH0Y=" - }, - "babel-plugin-syntax-object-rest-spread": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz", - "integrity": "sha1-/WU28rzhODb/o6VFjEkDpZe7O/U=" - }, - "babel-plugin-syntax-trailing-function-commas": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz", - "integrity": "sha1-ugNgk3+NBuQBgKQ/4NVhb/9TLPM=" - }, - "babel-plugin-transform-async-generator-functions": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-async-generator-functions/-/babel-plugin-transform-async-generator-functions-6.24.1.tgz", - "integrity": "sha1-8FiQAUX9PpkHpt3yjaWfIVJYpds=", - "requires": { - "babel-helper-remap-async-to-generator": "^6.24.1", - "babel-plugin-syntax-async-generators": "^6.5.0", - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-async-to-generator": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-async-to-generator/-/babel-plugin-transform-async-to-generator-6.24.1.tgz", - "integrity": "sha1-ZTbjeK/2yx1VF6wOQOs+n8jQh2E=", - "requires": { - "babel-helper-remap-async-to-generator": "^6.24.1", - "babel-plugin-syntax-async-functions": "^6.8.0", - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-class-constructor-call": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-class-constructor-call/-/babel-plugin-transform-class-constructor-call-6.24.1.tgz", - "integrity": "sha1-gNwoVQWsBn3LjWxl4vbxGrd2Xvk=", - "requires": { - "babel-plugin-syntax-class-constructor-call": "^6.18.0", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1" - } - }, - "babel-plugin-transform-class-properties": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-class-properties/-/babel-plugin-transform-class-properties-6.24.1.tgz", - "integrity": "sha1-anl2PqYdM9NvN7YRqp3vgagbRqw=", - "requires": { - "babel-helper-function-name": "^6.24.1", - "babel-plugin-syntax-class-properties": "^6.8.0", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1" - } - }, - "babel-plugin-transform-decorators": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-decorators/-/babel-plugin-transform-decorators-6.24.1.tgz", - "integrity": "sha1-eIAT2PjGtSIr33s0Q5Df13Vp4k0=", - "requires": { - "babel-helper-explode-class": "^6.24.1", - "babel-plugin-syntax-decorators": "^6.13.0", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-plugin-transform-do-expressions": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-do-expressions/-/babel-plugin-transform-do-expressions-6.22.0.tgz", - "integrity": "sha1-KMyvkoEtlJws0SgfaQyP3EaK6bs=", - "requires": { - "babel-plugin-syntax-do-expressions": "^6.8.0", - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-arrow-functions": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz", - "integrity": "sha1-RSaSy3EdX3ncf4XkQM5BufJE0iE=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-block-scoped-functions": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoped-functions/-/babel-plugin-transform-es2015-block-scoped-functions-6.22.0.tgz", - "integrity": "sha1-u8UbSflk1wy42OC5ToICRs46YUE=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-block-scoping": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoping/-/babel-plugin-transform-es2015-block-scoping-6.26.0.tgz", - "integrity": "sha1-1w9SmcEwjQXBL0Y4E7CgnnOxiV8=", - "requires": { - "babel-runtime": "^6.26.0", - "babel-template": "^6.26.0", - "babel-traverse": "^6.26.0", - "babel-types": "^6.26.0", - "lodash": "^4.17.4" - } - }, - "babel-plugin-transform-es2015-classes": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-classes/-/babel-plugin-transform-es2015-classes-6.24.1.tgz", - "integrity": "sha1-WkxYpQyclGHlZLSyo7+ryXolhNs=", - "requires": { - "babel-helper-define-map": "^6.24.1", - "babel-helper-function-name": "^6.24.1", - "babel-helper-optimise-call-expression": "^6.24.1", - "babel-helper-replace-supers": "^6.24.1", - "babel-messages": "^6.23.0", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-computed-properties": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-computed-properties/-/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz", - "integrity": "sha1-b+Ko0WiV1WNPTNmZttNICjCBWbM=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-destructuring": { - "version": "6.23.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.23.0.tgz", - "integrity": "sha1-mXux8auWf2gtKwh2/jWNYOdlxW0=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-duplicate-keys": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-duplicate-keys/-/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz", - "integrity": "sha1-c+s9MQypaePvnskcU3QabxV2Qj4=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-for-of": { - "version": "6.23.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-for-of/-/babel-plugin-transform-es2015-for-of-6.23.0.tgz", - "integrity": "sha1-9HyVsrYT3x0+zC/bdXNiPHUkhpE=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-function-name": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-function-name/-/babel-plugin-transform-es2015-function-name-6.24.1.tgz", - "integrity": "sha1-g0yJhTvDaxrw86TF26qU/Y6sqos=", - "requires": { - "babel-helper-function-name": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-literals": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-literals/-/babel-plugin-transform-es2015-literals-6.22.0.tgz", - "integrity": "sha1-T1SgLWzWbPkVKAAZox0xklN3yi4=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-modules-amd": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-amd/-/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz", - "integrity": "sha1-Oz5UAXI5hC1tGcMBHEvS8AoA0VQ=", - "requires": { - "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-modules-commonjs": { - "version": "6.26.2", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-commonjs/-/babel-plugin-transform-es2015-modules-commonjs-6.26.2.tgz", - "integrity": "sha512-CV9ROOHEdrjcwhIaJNBGMBCodN+1cfkwtM1SbUHmvyy35KGT7fohbpOxkE2uLz1o6odKK2Ck/tz47z+VqQfi9Q==", - "requires": { - "babel-plugin-transform-strict-mode": "^6.24.1", - "babel-runtime": "^6.26.0", - "babel-template": "^6.26.0", - "babel-types": "^6.26.0" - } - }, - "babel-plugin-transform-es2015-modules-systemjs": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz", - "integrity": "sha1-/4mhQrkRmpBhlfXxBuzzBdlAfSM=", - "requires": { - "babel-helper-hoist-variables": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-modules-umd": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-umd/-/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz", - "integrity": "sha1-rJl+YoXNGO1hdq22B9YCNErThGg=", - "requires": { - "babel-plugin-transform-es2015-modules-amd": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-object-super": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-object-super/-/babel-plugin-transform-es2015-object-super-6.24.1.tgz", - "integrity": "sha1-JM72muIcuDp/hgPa0CH1cusnj40=", - "requires": { - "babel-helper-replace-supers": "^6.24.1", - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-parameters": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-parameters/-/babel-plugin-transform-es2015-parameters-6.24.1.tgz", - "integrity": "sha1-V6w1GrScrxSpfNE7CfZv3wpiXys=", - "requires": { - "babel-helper-call-delegate": "^6.24.1", - "babel-helper-get-function-arity": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-shorthand-properties": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-shorthand-properties/-/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz", - "integrity": "sha1-JPh11nIch2YbvZmkYi5R8U3jiqA=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-spread": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-spread/-/babel-plugin-transform-es2015-spread-6.22.0.tgz", - "integrity": "sha1-1taKmfia7cRTbIGlQujdnxdG+NE=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-sticky-regex": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-sticky-regex/-/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz", - "integrity": "sha1-AMHNsaynERLN8M9hJsLta0V8zbw=", - "requires": { - "babel-helper-regex": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-template-literals": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-template-literals/-/babel-plugin-transform-es2015-template-literals-6.22.0.tgz", - "integrity": "sha1-qEs0UPfp+PH2g51taH2oS7EjbY0=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-typeof-symbol": { - "version": "6.23.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-typeof-symbol/-/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz", - "integrity": "sha1-3sCfHN3/lLUqxz1QXITfWdzOs3I=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-unicode-regex": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-unicode-regex/-/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz", - "integrity": "sha1-04sS9C6nMj9yk4fxinxa4frrNek=", - "requires": { - "babel-helper-regex": "^6.24.1", - "babel-runtime": "^6.22.0", - "regexpu-core": "^2.0.0" - }, - "dependencies": { - "regexpu-core": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-2.0.0.tgz", - "integrity": "sha1-SdA4g3uNz4v6W5pCE5k45uoq4kA=", - "requires": { - "regenerate": "^1.2.1", - "regjsgen": "^0.2.0", - "regjsparser": "^0.1.4" - } - }, - "regjsgen": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz", - "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=" - }, - "regjsparser": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz", - "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=", - "requires": { - "jsesc": "~0.5.0" - } - } - } - }, - "babel-plugin-transform-exponentiation-operator": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-exponentiation-operator/-/babel-plugin-transform-exponentiation-operator-6.24.1.tgz", - "integrity": "sha1-KrDJx/MJj6SJB3cruBP+QejeOg4=", - "requires": { - "babel-helper-builder-binary-assignment-operator-visitor": "^6.24.1", - "babel-plugin-syntax-exponentiation-operator": "^6.8.0", - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-export-extensions": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-export-extensions/-/babel-plugin-transform-export-extensions-6.22.0.tgz", - "integrity": "sha1-U3OLR+deghhYnuqUbLvTkQm75lM=", - "requires": { - "babel-plugin-syntax-export-extensions": "^6.8.0", - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-function-bind": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-function-bind/-/babel-plugin-transform-function-bind-6.22.0.tgz", - "integrity": "sha1-xvuOlqwpajELjPjqQBRiQH3fapc=", - "requires": { - "babel-plugin-syntax-function-bind": "^6.8.0", - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-object-rest-spread": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz", - "integrity": "sha1-DzZpLVD+9rfi1LOsFHgTepY7ewY=", - "requires": { - "babel-plugin-syntax-object-rest-spread": "^6.8.0", - "babel-runtime": "^6.26.0" - } - }, - "babel-plugin-transform-regenerator": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.26.0.tgz", - "integrity": "sha1-4HA2lvveJ/Cj78rPi03KL3s6jy8=", - "requires": { - "regenerator-transform": "^0.10.0" - } - }, - "babel-plugin-transform-strict-mode": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz", - "integrity": "sha1-1fr3qleKZbvlkc9e2uBKDGcCB1g=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-preset-es2015": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-preset-es2015/-/babel-preset-es2015-6.24.1.tgz", - "integrity": "sha1-1EBQ1rwsn+6nAqrzjXJ6AhBTiTk=", - "requires": { - "babel-plugin-check-es2015-constants": "^6.22.0", - "babel-plugin-transform-es2015-arrow-functions": "^6.22.0", - "babel-plugin-transform-es2015-block-scoped-functions": "^6.22.0", - "babel-plugin-transform-es2015-block-scoping": "^6.24.1", - "babel-plugin-transform-es2015-classes": "^6.24.1", - "babel-plugin-transform-es2015-computed-properties": "^6.24.1", - "babel-plugin-transform-es2015-destructuring": "^6.22.0", - "babel-plugin-transform-es2015-duplicate-keys": "^6.24.1", - "babel-plugin-transform-es2015-for-of": "^6.22.0", - "babel-plugin-transform-es2015-function-name": "^6.24.1", - "babel-plugin-transform-es2015-literals": "^6.22.0", - "babel-plugin-transform-es2015-modules-amd": "^6.24.1", - "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1", - "babel-plugin-transform-es2015-modules-systemjs": "^6.24.1", - "babel-plugin-transform-es2015-modules-umd": "^6.24.1", - "babel-plugin-transform-es2015-object-super": "^6.24.1", - "babel-plugin-transform-es2015-parameters": "^6.24.1", - "babel-plugin-transform-es2015-shorthand-properties": "^6.24.1", - "babel-plugin-transform-es2015-spread": "^6.22.0", - "babel-plugin-transform-es2015-sticky-regex": "^6.24.1", - "babel-plugin-transform-es2015-template-literals": "^6.22.0", - "babel-plugin-transform-es2015-typeof-symbol": "^6.22.0", - "babel-plugin-transform-es2015-unicode-regex": "^6.24.1", - "babel-plugin-transform-regenerator": "^6.24.1" - } - }, - "babel-preset-stage-0": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-preset-stage-0/-/babel-preset-stage-0-6.24.1.tgz", - "integrity": "sha1-VkLRUEL5E4TX5a+LyIsduVsDnmo=", - "requires": { - "babel-plugin-transform-do-expressions": "^6.22.0", - "babel-plugin-transform-function-bind": "^6.22.0", - "babel-preset-stage-1": "^6.24.1" - } - }, - "babel-preset-stage-1": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-preset-stage-1/-/babel-preset-stage-1-6.24.1.tgz", - "integrity": "sha1-dpLNfc1oSZB+auSgqFWJz7niv7A=", - "requires": { - "babel-plugin-transform-class-constructor-call": "^6.24.1", - "babel-plugin-transform-export-extensions": "^6.22.0", - "babel-preset-stage-2": "^6.24.1" - } - }, - "babel-preset-stage-2": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-preset-stage-2/-/babel-preset-stage-2-6.24.1.tgz", - "integrity": "sha1-2eKWD7PXEYfw5k7sYrwHdnIZvcE=", - "requires": { - "babel-plugin-syntax-dynamic-import": "^6.18.0", - "babel-plugin-transform-class-properties": "^6.24.1", - "babel-plugin-transform-decorators": "^6.24.1", - "babel-preset-stage-3": "^6.24.1" - } - }, - "babel-preset-stage-3": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-preset-stage-3/-/babel-preset-stage-3-6.24.1.tgz", - "integrity": "sha1-g2raCp56f6N8sTj7kyb4eTSkg5U=", - "requires": { - "babel-plugin-syntax-trailing-function-commas": "^6.22.0", - "babel-plugin-transform-async-generator-functions": "^6.24.1", - "babel-plugin-transform-async-to-generator": "^6.24.1", - "babel-plugin-transform-exponentiation-operator": "^6.24.1", - "babel-plugin-transform-object-rest-spread": "^6.22.0" - } - }, - "babel-register": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-register/-/babel-register-6.26.0.tgz", - "integrity": "sha1-btAhFz4vy0htestFxgCahW9kcHE=", - "requires": { - "babel-core": "^6.26.0", - "babel-runtime": "^6.26.0", - "core-js": "^2.5.0", - "home-or-tmp": "^2.0.0", - "lodash": "^4.17.4", - "mkdirp": "^0.5.1", - "source-map-support": "^0.4.15" - } - }, - "babel-runtime": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz", - "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=", - "requires": { - "core-js": "^2.4.0", - "regenerator-runtime": "^0.11.0" - } - }, - "babel-template": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-template/-/babel-template-6.26.0.tgz", - "integrity": "sha1-3gPi0WOWsGn0bdn/+FIfsaDjXgI=", - "requires": { - "babel-runtime": "^6.26.0", - "babel-traverse": "^6.26.0", - "babel-types": "^6.26.0", - "babylon": "^6.18.0", - "lodash": "^4.17.4" - } - }, - "babel-traverse": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-traverse/-/babel-traverse-6.26.0.tgz", - "integrity": "sha1-RqnL1+3MYsjlwGTi0tjQ9ANXZu4=", - "requires": { - "babel-code-frame": "^6.26.0", - "babel-messages": "^6.23.0", - "babel-runtime": "^6.26.0", - "babel-types": "^6.26.0", - "babylon": "^6.18.0", - "debug": "^2.6.8", - "globals": "^9.18.0", - "invariant": "^2.2.2", - "lodash": "^4.17.4" - } - }, - "babel-types": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.26.0.tgz", - "integrity": "sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=", - "requires": { - "babel-runtime": "^6.26.0", - "esutils": "^2.0.2", - "lodash": "^4.17.4", - "to-fast-properties": "^1.0.3" - } - }, - "babylon": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz", - "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==" - }, - "balanced-match": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", - "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=" - }, - "base": { - "version": "0.11.2", - "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz", - "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==", - "requires": { - "cache-base": "^1.0.1", - "class-utils": "^0.3.5", - "component-emitter": "^1.2.1", - "define-property": "^1.0.0", - "isobject": "^3.0.1", - "mixin-deep": "^1.2.0", - "pascalcase": "^0.1.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - } - } - }, - "bcrypt-pbkdf": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz", - "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=", - "requires": { - "tweetnacl": "^0.14.3" - } - }, - "big.js": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/big.js/-/big.js-3.2.0.tgz", - "integrity": "sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==" - }, - "binary-extensions": { - "version": "1.13.1", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz", - "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==", - "dev": true - }, - "bluebird": { - "version": "3.5.3", - "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.3.tgz", - "integrity": "sha512-/qKPUQlaW1OyR51WeCPBvRnAlnZFUJkCSG5HzGnuIqhgyJtF+T94lFnn33eiazjRm2LAHVy2guNnaq48X9SJuw==" - }, - "boolbase": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", - "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=" - }, - "brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", - "requires": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" - } - }, - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "browser-stdout": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/browser-stdout/-/browser-stdout-1.3.1.tgz", - "integrity": "sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==" - }, - "browserslist": { - "version": "4.12.0", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.12.0.tgz", - "integrity": "sha512-UH2GkcEDSI0k/lRkuDSzFl9ZZ87skSy9w2XAn1MsZnL+4c4rqbBd3e82UWHbYDpztABrPBhZsTEeuxVfHppqDg==", - "dev": true, - "requires": { - "caniuse-lite": "^1.0.30001043", - "electron-to-chromium": "^1.3.413", - "node-releases": "^1.1.53", - "pkg-up": "^2.0.0" - } - }, - "buble": { - "version": "0.19.6", - "resolved": "https://registry.npmjs.org/buble/-/buble-0.19.6.tgz", - "integrity": "sha512-9kViM6nJA1Q548Jrd06x0geh+BG2ru2+RMDkIHHgJY/8AcyCs34lTHwra9BX7YdPrZXd5aarkpr/SY8bmPgPdg==", - "requires": { - "chalk": "^2.4.1", - "magic-string": "^0.25.1", - "minimist": "^1.2.0", - "os-homedir": "^1.0.1", - "regexpu-core": "^4.2.0", - "vlq": "^1.0.0" - } - }, - "buffer-from": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz", - "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==" - }, - "builtin-modules": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.1.0.tgz", - "integrity": "sha512-k0KL0aWZuBt2lrxrcASWDfwOLMnodeQjodT/1SxEQAXsHANgo6ZC/VEaSEHCXt7aSTZ4/4H5LKa+tBXmW7Vtvw==", - "dev": true - }, - "bytes": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz", - "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==", - "dev": true - }, - "cache-base": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz", - "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==", - "requires": { - "collection-visit": "^1.0.0", - "component-emitter": "^1.2.1", - "get-value": "^2.0.6", - "has-value": "^1.0.0", - "isobject": "^3.0.1", - "set-value": "^2.0.0", - "to-object-path": "^0.3.0", - "union-value": "^1.0.0", - "unset-value": "^1.0.0" - } - }, - "call-me-maybe": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/call-me-maybe/-/call-me-maybe-1.0.1.tgz", - "integrity": "sha1-JtII6onje1y95gJQoV8DHBak1ms=", - "dev": true - }, - "camelcase": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.0.0.tgz", - "integrity": "sha512-faqwZqnWxbxn+F1d399ygeamQNy3lPp/H9H6rNrqYh4FSVCtcY+3cub1MxA8o9mDd55mM8Aghuu/kuyYA6VTsA==" - }, - "camelcase-css": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", - "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", - "dev": true - }, - "caniuse-lite": { - "version": "1.0.30001079", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001079.tgz", - "integrity": "sha512-2KaYheg0iOY+CMmDuAB3DHehrXhhb4OZU4KBVGDr/YKyYAcpudaiUQ9PJ9rxrPlKEoJ3ATasQ5AN48MqpwS43Q==", - "dev": true - }, - "caseless": { - "version": "0.12.0", - "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz", - "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=" - }, - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - } - }, - "chokidar": { - "version": "2.1.5", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.5.tgz", - "integrity": "sha512-i0TprVWp+Kj4WRPtInjexJ8Q+BqTE909VpH8xVhXrJkoc5QC8VO9TryGOqTr+2hljzc1sC62t22h5tZePodM/A==", - "dev": true, - "requires": { - "anymatch": "^2.0.0", - "async-each": "^1.0.1", - "braces": "^2.3.2", - "fsevents": "^1.2.7", - "glob-parent": "^3.1.0", - "inherits": "^2.0.3", - "is-binary-path": "^1.0.0", - "is-glob": "^4.0.0", - "normalize-path": "^3.0.0", - "path-is-absolute": "^1.0.0", - "readdirp": "^2.2.1", - "upath": "^1.1.1" - } - }, - "class-utils": { - "version": "0.3.6", - "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz", - "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==", - "requires": { - "arr-union": "^3.1.0", - "define-property": "^0.2.5", - "isobject": "^3.0.0", - "static-extend": "^0.1.1" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "requires": { - "is-descriptor": "^0.1.0" - } - } - } - }, - "clean-css": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.1.tgz", - "integrity": "sha512-4ZxI6dy4lrY6FHzfiy1aEOXgu4LIsW2MhwG0VBKdcoGoH/XLFgaHSdLTGr4O8Be6A8r3MOphEiI8Gc1n0ecf3g==", - "requires": { - "source-map": "~0.6.0" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - } - } - }, - "cliui": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz", - "integrity": "sha512-4FG+RSG9DL7uEwRUZXZn3SS34DiDPfzP0VOiEwtUWlE+AR2EIg+hSyvrIgUUfhdgR/UkAeW2QHgeP+hWrXs7jQ==", - "requires": { - "string-width": "^2.1.1", - "strip-ansi": "^4.0.0", - "wrap-ansi": "^2.0.0" - }, - "dependencies": { - "ansi-regex": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", - "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=" - }, - "string-width": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", - "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", - "requires": { - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^4.0.0" - } - }, - "strip-ansi": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", - "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", - "requires": { - "ansi-regex": "^3.0.0" - } - } - } - }, - "clone": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", - "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" - }, - "clone-buffer": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/clone-buffer/-/clone-buffer-1.0.0.tgz", - "integrity": "sha1-4+JbIHrE5wGvch4staFnksrD3Fg=" - }, - "clone-stats": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", - "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=" - }, - "cloneable-readable": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/cloneable-readable/-/cloneable-readable-1.1.3.tgz", - "integrity": "sha512-2EF8zTQOxYq70Y4XKtorQupqF0m49MBz2/yf5Bj+MHjvpG3Hy7sImifnqD6UA+TKYxeSV+u6qqQPawN5UvnpKQ==", - "requires": { - "inherits": "^2.0.1", - "process-nextick-args": "^2.0.0", - "readable-stream": "^2.3.5" - } - }, - "coa": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/coa/-/coa-2.0.2.tgz", - "integrity": "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==", - "requires": { - "@types/q": "^1.5.1", - "chalk": "^2.4.1", - "q": "^1.1.2" - } - }, - "code-point-at": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz", - "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=" - }, - "collection-visit": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz", - "integrity": "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=", - "requires": { - "map-visit": "^1.0.0", - "object-visit": "^1.0.0" - } - }, - "color": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/color/-/color-3.0.0.tgz", - "integrity": "sha512-jCpd5+s0s0t7p3pHQKpnJ0TpQKKdleP71LWcA0aqiljpiuAkOSUFN/dyH8ZwF0hRmFlrIuRhufds1QyEP9EB+w==", - "requires": { - "color-convert": "^1.9.1", - "color-string": "^1.5.2" - } - }, - "color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "requires": { - "color-name": "1.1.3" - } - }, - "color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" - }, - "color-string": { - "version": "1.5.3", - "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.5.3.tgz", - "integrity": "sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==", - "requires": { - "color-name": "^1.0.0", - "simple-swizzle": "^0.2.2" - } - }, - "colornames": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/colornames/-/colornames-1.1.1.tgz", - "integrity": "sha1-+IiQMGhcfE/54qVZ9Qd+t2qBb5Y=" - }, - "colors": { - "version": "1.3.3", - "resolved": "https://registry.npmjs.org/colors/-/colors-1.3.3.tgz", - "integrity": "sha512-mmGt/1pZqYRjMxB1axhTo16/snVZ5krrKkcmMeVKxzECMMXoCgnvTPp10QgHfcbQZw8Dq2jMNG6je4JlWU0gWg==" - }, - "colorspace": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/colorspace/-/colorspace-1.1.2.tgz", - "integrity": "sha512-vt+OoIP2d76xLhjwbBaucYlNSpPsrJWPlBTtwCpQKIu6/CSMutyzX93O/Do0qzpH3YoHEes8YEFXyZ797rEhzQ==", - "requires": { - "color": "3.0.x", - "text-hex": "1.0.x" - } - }, - "combined-stream": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", - "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", - "requires": { - "delayed-stream": "~1.0.0" - } - }, - "commander": { - "version": "2.15.1", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.15.1.tgz", - "integrity": "sha512-VlfT9F3V0v+jr4yxPc5gg9s62/fIVWsd2Bk2iD435um1NlGMYdVCq+MjcXnhYq2icNOizHr1kK+5TI6H0Hy0ag==" - }, - "component-emitter": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", - "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=" - }, - "concat-map": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", - "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=" - }, - "concat-stream": { - "version": "1.6.2", - "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz", - "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==", - "requires": { - "buffer-from": "^1.0.0", - "inherits": "^2.0.3", - "readable-stream": "^2.2.2", - "typedarray": "^0.0.6" - } - }, - "consolidate": { - "version": "0.15.1", - "resolved": "https://registry.npmjs.org/consolidate/-/consolidate-0.15.1.tgz", - "integrity": "sha512-DW46nrsMJgy9kqAbPt5rKaCr7uFtpo4mSUvLHIUbJEjm0vo+aY5QLwBUq3FK4tRnJr/X0Psc0C4jf/h+HtXSMw==", - "requires": { - "bluebird": "^3.1.1" - } - }, - "convert-source-map": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.6.0.tgz", - "integrity": "sha512-eFu7XigvxdZ1ETfbgPBohgyQ/Z++C0eEhTor0qRwBw9unw+L0/6V8wkSuGgzdThkiS5lSpdptOQPD8Ak40a+7A==", - "requires": { - "safe-buffer": "~5.1.1" - } - }, - "copy-descriptor": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz", - "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=" - }, - "core-js": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.9.tgz", - "integrity": "sha512-HOpZf6eXmnl7la+cUdMnLvUxKNqLUzJvgIziQ0DiF3JwSImNphIqdGqzj6hIKyX04MmV0poclQ7+wjWvxQyR2A==" - }, - "core-util-is": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz", - "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=" - }, - "cosmiconfig": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-4.0.0.tgz", - "integrity": "sha512-6e5vDdrXZD+t5v0L8CrurPeybg4Fmf+FCSYxXKYVAqLUtyCSbuyqE059d0kDthTNRzKVjL7QMgNpEUlsoYH3iQ==", - "dev": true, - "requires": { - "is-directory": "^0.3.1", - "js-yaml": "^3.9.0", - "parse-json": "^4.0.0", - "require-from-string": "^2.0.1" - } - }, - "cross-spawn": { - "version": "6.0.5", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", - "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", - "requires": { - "nice-try": "^1.0.4", - "path-key": "^2.0.1", - "semver": "^5.5.0", - "shebang-command": "^1.2.0", - "which": "^1.2.9" - } - }, - "cross-var": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/cross-var/-/cross-var-1.1.0.tgz", - "integrity": "sha1-8PDUuyNdlRONGlOYQtKQ8A23HNY=", - "requires": { - "babel-preset-es2015": "^6.18.0", - "babel-preset-stage-0": "^6.16.0", - "babel-register": "^6.18.0", - "cross-spawn": "^5.0.1", - "exit": "^0.1.2" - }, - "dependencies": { - "cross-spawn": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz", - "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=", - "requires": { - "lru-cache": "^4.0.1", - "shebang-command": "^1.2.0", - "which": "^1.2.9" - } - } - } - }, - "css-select": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.0.2.tgz", - "integrity": "sha512-dSpYaDVoWaELjvZ3mS6IKZM/y2PMPa/XYoEfYNZePL4U/XgyxZNroHEHReDx/d+VgXh9VbCTtFqLkFbmeqeaRQ==", - "requires": { - "boolbase": "^1.0.0", - "css-what": "^2.1.2", - "domutils": "^1.7.0", - "nth-check": "^1.0.2" - } - }, - "css-select-base-adapter": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz", - "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==" - }, - "css-selector-parser": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/css-selector-parser/-/css-selector-parser-1.3.0.tgz", - "integrity": "sha1-XxrUPi2O77/cME/NOaUhZklD4+s=" - }, - "css-selector-tokenizer": { - "version": "0.7.1", - "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.1.tgz", - "integrity": "sha512-xYL0AMZJ4gFzJQsHUKa5jiWWi2vH77WVNg7JYRyewwj6oPh4yb/y6Y9ZCw9dsj/9UauMhtuxR+ogQd//EdEVNA==", - "requires": { - "cssesc": "^0.1.0", - "fastparse": "^1.1.1", - "regexpu-core": "^1.0.0" - }, - "dependencies": { - "cssesc": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-0.1.0.tgz", - "integrity": "sha1-yBSQPkViM3GgR3tAEJqq++6t27Q=" - }, - "regexpu-core": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-1.0.0.tgz", - "integrity": "sha1-hqdj9Y7k18L2sQLkdkBQ3n7ZDGs=", - "requires": { - "regenerate": "^1.2.1", - "regjsgen": "^0.2.0", - "regjsparser": "^0.1.4" - } - }, - "regjsgen": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz", - "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=" - }, - "regjsparser": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz", - "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=", - "requires": { - "jsesc": "~0.5.0" - } - } - } - }, - "css-tree": { - "version": "1.0.0-alpha.28", - "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.28.tgz", - "integrity": "sha512-joNNW1gCp3qFFzj4St6zk+Wh/NBv0vM5YbEreZk0SD4S23S+1xBKb6cLDg2uj4P4k/GUMlIm6cKIDqIG+vdt0w==", - "requires": { - "mdn-data": "~1.1.0", - "source-map": "^0.5.3" - } - }, - "css-unit-converter": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/css-unit-converter/-/css-unit-converter-1.1.2.tgz", - "integrity": "sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA==", - "dev": true - }, - "css-url-regex": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/css-url-regex/-/css-url-regex-1.1.0.tgz", - "integrity": "sha1-g4NCMMyfdMRX3lnuvRVD/uuDt+w=" - }, - "css-what": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.3.tgz", - "integrity": "sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==" - }, - "cssesc": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz", - "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==" - }, - "cssmin": { - "version": "0.4.3", - "resolved": "https://registry.npmjs.org/cssmin/-/cssmin-0.4.3.tgz", - "integrity": "sha1-yRlAd+Dr2s1pHV9ZAVudgZ840BU=" - }, - "csso": { - "version": "3.5.1", - "resolved": "https://registry.npmjs.org/csso/-/csso-3.5.1.tgz", - "integrity": "sha512-vrqULLffYU1Q2tLdJvaCYbONStnfkfimRxXNaGjxMldI0C7JPBC4rB1RyjhfdZ4m1frm8pM9uRPKH3d2knZ8gg==", - "requires": { - "css-tree": "1.0.0-alpha.29" - }, - "dependencies": { - "css-tree": { - "version": "1.0.0-alpha.29", - "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.29.tgz", - "integrity": "sha512-sRNb1XydwkW9IOci6iB2xmy8IGCj6r/fr+JWitvJ2JxQRPzN3T4AGGVWCMlVmVwM1gtgALJRmGIlWv5ppnGGkg==", - "requires": { - "mdn-data": "~1.1.0", - "source-map": "^0.5.3" - } - } - } - }, - "cssom": { - "version": "0.3.6", - "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.6.tgz", - "integrity": "sha512-DtUeseGk9/GBW0hl0vVPpU22iHL6YB5BUX7ml1hB+GMpo0NX5G4voX3kdWiMSEguFtcW3Vh3djqNF4aIe6ne0A==" - }, - "dashdash": { - "version": "1.14.1", - "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz", - "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=", - "requires": { - "assert-plus": "^1.0.0" - } - }, - "dateformat": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-3.0.3.tgz", - "integrity": "sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==" - }, - "de-indent": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz", - "integrity": "sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=" - }, - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "requires": { - "ms": "2.0.0" - } - }, - "decamelize": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", - "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=" - }, - "decode-uri-component": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz", - "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=" - }, - "define-properties": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz", - "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==", - "requires": { - "object-keys": "^1.0.12" - } - }, - "define-property": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz", - "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==", - "requires": { - "is-descriptor": "^1.0.2", - "isobject": "^3.0.1" - }, - "dependencies": { - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - } - } - }, - "defined": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz", - "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=", - "dev": true - }, - "delayed-stream": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", - "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=" - }, - "dependency-graph": { - "version": "0.8.0", - "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.8.0.tgz", - "integrity": "sha512-DCvzSq2UiMsuLnj/9AL484ummEgLtZIcRS7YvtO38QnpX3vqh9nJ8P+zhu8Ja+SmLrBHO2iDbva20jq38qvBkQ==", - "dev": true - }, - "detect-indent": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-4.0.0.tgz", - "integrity": "sha1-920GQ1LN9Docts5hnE7jqUdd4gg=", - "requires": { - "repeating": "^2.0.0" - } - }, - "detective": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.0.tgz", - "integrity": "sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==", - "dev": true, - "requires": { - "acorn-node": "^1.6.1", - "defined": "^1.0.0", - "minimist": "^1.1.1" - } - }, - "diagnostics": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/diagnostics/-/diagnostics-1.1.1.tgz", - "integrity": "sha512-8wn1PmdunLJ9Tqbx+Fx/ZEuHfJf4NKSN2ZBj7SJC/OWRWha843+WsTjqMe1B5E3p28jqBlp+mJ2fPVxPyNgYKQ==", - "requires": { - "colorspace": "1.1.x", - "enabled": "1.0.x", - "kuler": "1.0.x" - } - }, - "diff": { - "version": "3.5.0", - "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz", - "integrity": "sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==" - }, - "dir-glob": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.2.2.tgz", - "integrity": "sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw==", - "dev": true, - "requires": { - "path-type": "^3.0.0" - } - }, - "dlv": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz", - "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", - "dev": true - }, - "dom-serializer": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.1.tgz", - "integrity": "sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==", - "requires": { - "domelementtype": "^1.3.0", - "entities": "^1.1.1" - } - }, - "dom-walk": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.1.tgz", - "integrity": "sha1-ZyIm3HTI95mtNTB9+TaroRrNYBg=", - "dev": true - }, - "domelementtype": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz", - "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==" - }, - "domutils": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz", - "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==", - "requires": { - "dom-serializer": "0", - "domelementtype": "1" - } - }, - "ecc-jsbn": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz", - "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=", - "requires": { - "jsbn": "~0.1.0", - "safer-buffer": "^2.1.0" - } - }, - "electron-to-chromium": { - "version": "1.3.465", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.465.tgz", - "integrity": "sha512-K/lUeT3NLAsJ5SHRDhK3/zd0tw7OUllYD8w+fTOXm6ljCPsp2qq+vMzxpLo8u1M27ZjZAjRbsA6rirvne2nAMQ==", - "dev": true - }, - "emoji-regex": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz", - "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==", - "dev": true - }, - "emojis-list": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz", - "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=" - }, - "enabled": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/enabled/-/enabled-1.0.2.tgz", - "integrity": "sha1-ll9lE9LC0cX0ZStkouM5ZGf8L5M=", - "requires": { - "env-variable": "0.0.x" - } - }, - "end-of-stream": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.1.tgz", - "integrity": "sha512-1MkrZNvWTKCaigbn+W15elq2BB/L22nqrSY5DKlo3X6+vclJm8Bb5djXJBmEX6fS3+zCh/F4VBK5Z2KxJt4s2Q==", - "requires": { - "once": "^1.4.0" - } - }, - "entities": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", - "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==" - }, - "env-variable": { - "version": "0.0.5", - "resolved": "https://registry.npmjs.org/env-variable/-/env-variable-0.0.5.tgz", - "integrity": "sha512-zoB603vQReOFvTg5xMl9I1P2PnHsHQQKTEowsKKD7nseUfJq6UWzK+4YtlWUO1nhiQUxe6XMkk+JleSZD1NZFA==" - }, - "error-ex": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", - "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", - "dev": true, - "requires": { - "is-arrayish": "^0.2.1" - } - }, - "es-abstract": { - "version": "1.13.0", - "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.13.0.tgz", - "integrity": "sha512-vDZfg/ykNxQVwup/8E1BZhVzFfBxs9NqMzGcvIJrqg5k2/5Za2bWo40dK2J1pgLngZ7c+Shh8lwYtLGyrwPutg==", - "requires": { - "es-to-primitive": "^1.2.0", - "function-bind": "^1.1.1", - "has": "^1.0.3", - "is-callable": "^1.1.4", - "is-regex": "^1.0.4", - "object-keys": "^1.0.12" - } - }, - "es-to-primitive": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.0.tgz", - "integrity": "sha512-qZryBOJjV//LaxLTV6UC//WewneB3LcXOL9NP++ozKVXsIIIpm/2c13UDiD9Jp2eThsecw9m3jPqDwTyobcdbg==", - "requires": { - "is-callable": "^1.1.4", - "is-date-object": "^1.0.1", - "is-symbol": "^1.0.2" - } - }, - "es6-promise": { - "version": "4.2.8", - "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz", - "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==" - }, - "es6-promisify": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/es6-promisify/-/es6-promisify-5.0.0.tgz", - "integrity": "sha1-UQnWLz5W6pZ8S2NQWu8IKRyKUgM=", - "requires": { - "es6-promise": "^4.0.3" - } - }, - "escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=" - }, - "esprima": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", - "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==" - }, - "estree-walker": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.0.tgz", - "integrity": "sha512-peq1RfVAVzr3PU/jL31RaOjUKLoZJpObQWJJ+LgfcxDUifyLZ1RjPQZTl0pzj2uJ45b7A7XpyppXvxdEqzo4rw==" - }, - "esutils": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz", - "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=" - }, - "execa": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz", - "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==", - "requires": { - "cross-spawn": "^6.0.0", - "get-stream": "^4.0.0", - "is-stream": "^1.1.0", - "npm-run-path": "^2.0.0", - "p-finally": "^1.0.0", - "signal-exit": "^3.0.0", - "strip-eof": "^1.0.0" - } - }, - "exit": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz", - "integrity": "sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=" - }, - "expand-brackets": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", - "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", - "requires": { - "debug": "^2.3.3", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "posix-character-classes": "^0.1.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "extend": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", - "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==" - }, - "extend-shallow": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", - "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=", - "requires": { - "assign-symbols": "^1.0.0", - "is-extendable": "^1.0.1" - }, - "dependencies": { - "is-extendable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", - "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", - "requires": { - "is-plain-object": "^2.0.4" - } - } - } - }, - "extglob": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", - "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", - "requires": { - "array-unique": "^0.3.2", - "define-property": "^1.0.0", - "expand-brackets": "^2.1.4", - "extend-shallow": "^2.0.1", - "fragment-cache": "^0.2.1", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "requires": { - "is-extendable": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - } - } - }, - "extract-zip": { - "version": "1.6.7", - "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.6.7.tgz", - "integrity": "sha1-qEC0uK9kAyZMjbV/Txp0Mz74H+k=", - "requires": { - "concat-stream": "1.6.2", - "debug": "2.6.9", - "mkdirp": "0.5.1", - "yauzl": "2.4.1" - } - }, - "extsprintf": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz", - "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=" - }, - "fast-deep-equal": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz", - "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=" - }, - "fast-glob": { - "version": "2.2.6", - "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.6.tgz", - "integrity": "sha512-0BvMaZc1k9F+MeWWMe8pL6YltFzZYcJsYU7D4JyDA6PAczaXvxqQQ/z+mDF7/4Mw01DeUc+i3CTKajnkANkV4w==", - "dev": true, - "requires": { - "@mrmlnc/readdir-enhanced": "^2.2.1", - "@nodelib/fs.stat": "^1.1.2", - "glob-parent": "^3.1.0", - "is-glob": "^4.0.0", - "merge2": "^1.2.3", - "micromatch": "^3.1.10" - } - }, - "fast-json-stable-stringify": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz", - "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I=" - }, - "fast-safe-stringify": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.0.6.tgz", - "integrity": "sha512-q8BZ89jjc+mz08rSxROs8VsrBBcn1SIw1kq9NjolL509tkABRk9io01RAjSaEv1Xb2uFLt8VtRiZbGp5H8iDtg==" - }, - "fastparse": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz", - "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==" - }, - "fd-slicer": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.0.1.tgz", - "integrity": "sha1-i1vL2ewyfFBBv5qwI/1nUPEXfmU=", - "requires": { - "pend": "~1.2.0" - } - }, - "fecha": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/fecha/-/fecha-2.3.3.tgz", - "integrity": "sha512-lUGBnIamTAwk4znq5BcqsDaxSmZ9nDVJaij6NvRt/Tg4R69gERA+otPKbS86ROw9nxVMw2/mp1fnaiWqbs6Sdg==" - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "find-up": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", - "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", - "requires": { - "locate-path": "^3.0.0" - } - }, - "for-in": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz", - "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=" - }, - "forever-agent": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz", - "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=" - }, - "form-data": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz", - "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==", - "requires": { - "asynckit": "^0.4.0", - "combined-stream": "^1.0.6", - "mime-types": "^2.1.12" - } - }, - "fragment-cache": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz", - "integrity": "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=", - "requires": { - "map-cache": "^0.2.2" - } - }, - "fs-extra": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz", - "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==", - "requires": { - "graceful-fs": "^4.1.2", - "jsonfile": "^4.0.0", - "universalify": "^0.1.0" - } - }, - "fs.realpath": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", - "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=" - }, - "fsevents": { - "version": "1.2.8", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.8.tgz", - "integrity": "sha512-tPvHgPGB7m40CZ68xqFGkKuzN+RnpGmSV+hgeKxhRpbxdqKXUFJGC3yonBOLzQBcJyGpdZFDfCsdOC2KFsXzeA==", - "dev": true, - "optional": true, - "requires": { - "nan": "^2.12.1", - "node-pre-gyp": "^0.12.0" - }, - "dependencies": { - "abbrev": { - "version": "1.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "ansi-regex": { - "version": "2.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "aproba": { - "version": "1.2.0", - "bundled": true, - "dev": true, - "optional": true - }, - "are-we-there-yet": { - "version": "1.1.5", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "delegates": "^1.0.0", - "readable-stream": "^2.0.6" - } - }, - "balanced-match": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "brace-expansion": { - "version": "1.1.11", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" - } - }, - "chownr": { - "version": "1.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "code-point-at": { - "version": "1.1.0", - "bundled": true, - "dev": true, - "optional": true - }, - "concat-map": { - "version": "0.0.1", - "bundled": true, - "dev": true, - "optional": true - }, - "console-control-strings": { - "version": "1.1.0", - "bundled": true, - "dev": true, - "optional": true - }, - "core-util-is": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "debug": { - "version": "4.1.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "ms": "^2.1.1" - } - }, - "deep-extend": { - "version": "0.6.0", - "bundled": true, - "dev": true, - "optional": true - }, - "delegates": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "detect-libc": { - "version": "1.0.3", - "bundled": true, - "dev": true, - "optional": true - }, - "fs-minipass": { - "version": "1.2.5", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "minipass": "^2.2.1" - } - }, - "fs.realpath": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "gauge": { - "version": "2.7.4", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "aproba": "^1.0.3", - "console-control-strings": "^1.0.0", - "has-unicode": "^2.0.0", - "object-assign": "^4.1.0", - "signal-exit": "^3.0.0", - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1", - "wide-align": "^1.1.0" - } - }, - "glob": { - "version": "7.1.3", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "has-unicode": { - "version": "2.0.1", - "bundled": true, - "dev": true, - "optional": true - }, - "iconv-lite": { - "version": "0.4.24", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "safer-buffer": ">= 2.1.2 < 3" - } - }, - "ignore-walk": { - "version": "3.0.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "minimatch": "^3.0.4" - } - }, - "inflight": { - "version": "1.0.6", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "once": "^1.3.0", - "wrappy": "1" - } - }, - "inherits": { - "version": "2.0.3", - "bundled": true, - "dev": true, - "optional": true - }, - "ini": { - "version": "1.3.5", - "bundled": true, - "dev": true, - "optional": true - }, - "is-blockwidth-code-point": { - "version": "1.0.0", - "bundled": true, - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "is-fullwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", - "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", - "dev": true, - "optional": true, - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "isarray": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "minimatch": { - "version": "3.0.4", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "brace-expansion": "^1.1.7" - } - }, - "minimist": { - "version": "0.0.8", - "bundled": true, - "dev": true, - "optional": true - }, - "minipass": { - "version": "2.3.5", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "safe-buffer": "^5.1.2", - "yallist": "^3.0.0" - } - }, - "minizlib": { - "version": "1.2.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "minipass": "^2.2.1" - } - }, - "mkdirp": { - "version": "0.5.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "minimist": "0.0.8" - } - }, - "ms": { - "version": "2.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "needle": { - "version": "2.3.0", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "debug": "^4.1.0", - "iconv-lite": "^0.4.4", - "sax": "^1.2.4" - } - }, - "node-pre-gyp": { - "version": "0.12.0", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "detect-libc": "^1.0.2", - "mkdirp": "^0.5.1", - "needle": "^2.2.1", - "nopt": "^4.0.1", - "npm-packlist": "^1.1.6", - "npmlog": "^4.0.2", - "rc": "^1.2.7", - "rimraf": "^2.6.1", - "semver": "^5.3.0", - "tar": "^4" - } - }, - "nopt": { - "version": "4.0.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "abbrev": "1", - "osenv": "^0.1.4" - } - }, - "npm-bundled": { - "version": "1.0.6", - "bundled": true, - "dev": true, - "optional": true - }, - "npm-packlist": { - "version": "1.4.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "ignore-walk": "^3.0.1", - "npm-bundled": "^1.0.1" - } - }, - "npmlog": { - "version": "4.1.2", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "are-we-there-yet": "~1.1.2", - "console-control-strings": "~1.1.0", - "gauge": "~2.7.3", - "set-blocking": "~2.0.0" - } - }, - "number-is-nan": { - "version": "1.0.1", - "bundled": true - }, - "object-assign": { - "version": "4.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "once": { - "version": "1.4.0", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "wrappy": "1" - } - }, - "os-homedir": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "os-tmpdir": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "osenv": { - "version": "0.1.5", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "os-homedir": "^1.0.0", - "os-tmpdir": "^1.0.0" - } - }, - "path-is-absolute": { - "version": "1.0.1", - "bundled": true, - "dev": true, - "optional": true - }, - "process-nextick-args": { - "version": "2.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "rc": { - "version": "1.2.8", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "deep-extend": "^0.6.0", - "ini": "~1.3.0", - "minimist": "^1.2.0", - "strip-json-comments": "~2.0.1" - }, - "dependencies": { - "minimist": { - "version": "1.2.0", - "bundled": true, - "dev": true, - "optional": true - } - } - }, - "readable-stream": { - "version": "2.3.6", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" - } - }, - "rimraf": { - "version": "2.6.3", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "glob": "^7.1.3" - } - }, - "safe-buffer": { - "version": "5.1.2", - "bundled": true, - "dev": true, - "optional": true - }, - "safer-buffer": { - "version": "2.1.2", - "bundled": true, - "dev": true, - "optional": true - }, - "sax": { - "version": "1.2.4", - "bundled": true, - "dev": true, - "optional": true - }, - "semver": { - "version": "5.7.0", - "bundled": true, - "dev": true, - "optional": true - }, - "set-blocking": { - "version": "2.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "signal-exit": { - "version": "3.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "string-width": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" - } - }, - "string_decoder": { - "version": "1.1.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "safe-buffer": "~5.1.0" - } - }, - "strip-ansi": { - "version": "3.0.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "ansi-regex": "^2.0.0" - } - }, - "strip-json-comments": { - "version": "2.0.1", - "bundled": true, - "dev": true, - "optional": true - }, - "tar": { - "version": "4.4.8", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "chownr": "^1.1.1", - "fs-minipass": "^1.2.5", - "minipass": "^2.3.4", - "minizlib": "^1.1.1", - "mkdirp": "^0.5.0", - "safe-buffer": "^5.1.2", - "yallist": "^3.0.2" - } - }, - "util-deprecate": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "wide-align": { - "version": "1.1.3", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "string-width": "^1.0.2 || 2" - } - }, - "wrappy": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "yallist": { - "version": "3.0.3", - "bundled": true, - "dev": true, - "optional": true - } - } - }, - "function-bind": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", - "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==" - }, - "generic-names": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/generic-names/-/generic-names-1.0.3.tgz", - "integrity": "sha1-LXhqEhruUIh2eWk56OO/+DbCCRc=", - "requires": { - "loader-utils": "^0.2.16" - } - }, - "get-caller-file": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", - "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", - "dev": true - }, - "get-stdin": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz", - "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==", - "dev": true - }, - "get-stream": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz", - "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==", - "requires": { - "pump": "^3.0.0" - } - }, - "get-value": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz", - "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=" - }, - "getpass": { - "version": "0.1.7", - "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz", - "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=", - "requires": { - "assert-plus": "^1.0.0" - } - }, - "glob": { - "version": "7.1.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz", - "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==", - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "glob-parent": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", - "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=", - "dev": true, - "requires": { - "is-glob": "^3.1.0", - "path-dirname": "^1.0.0" - }, - "dependencies": { - "is-glob": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", - "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", - "dev": true, - "requires": { - "is-extglob": "^2.1.0" - } - } - } - }, - "glob-to-regexp": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz", - "integrity": "sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=", - "dev": true - }, - "global": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/global/-/global-4.3.2.tgz", - "integrity": "sha1-52mJJopsdMOJCLEwWxD8DjlOnQ8=", - "dev": true, - "requires": { - "min-document": "^2.19.0", - "process": "~0.5.1" - } - }, - "globals": { - "version": "9.18.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz", - "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==" - }, - "globby": { - "version": "9.2.0", - "resolved": "https://registry.npmjs.org/globby/-/globby-9.2.0.tgz", - "integrity": "sha512-ollPHROa5mcxDEkwg6bPt3QbEf4pDQSNtd6JPL1YvOvAo/7/0VAm9TccUeoTmarjPw4pfUthSCqcyfNB1I3ZSg==", - "dev": true, - "requires": { - "@types/glob": "^7.1.1", - "array-union": "^1.0.2", - "dir-glob": "^2.2.2", - "fast-glob": "^2.2.6", - "glob": "^7.1.3", - "ignore": "^4.0.3", - "pify": "^4.0.1", - "slash": "^2.0.0" - } - }, - "graceful-fs": { - "version": "4.1.15", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz", - "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==" - }, - "growl": { - "version": "1.10.5", - "resolved": "https://registry.npmjs.org/growl/-/growl-1.10.5.tgz", - "integrity": "sha512-qBr4OuELkhPenW6goKVXiv47US3clb3/IbuWF9KNKEijAy9oeHxU9IgzjvJhHkUzhaj7rOUD7+YGWqUjLp5oSA==" - }, - "har-schema": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz", - "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=" - }, - "har-validator": { - "version": "5.1.3", - "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.3.tgz", - "integrity": "sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==", - "requires": { - "ajv": "^6.5.5", - "har-schema": "^2.0.0" - } - }, - "has": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", - "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", - "requires": { - "function-bind": "^1.1.1" - } - }, - "has-ansi": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz", - "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=", - "requires": { - "ansi-regex": "^2.0.0" - } - }, - "has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=" - }, - "has-symbols": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.0.tgz", - "integrity": "sha1-uhqPGvKg/DllD1yFA2dwQSIGO0Q=" - }, - "has-value": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz", - "integrity": "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=", - "requires": { - "get-value": "^2.0.6", - "has-values": "^1.0.0", - "isobject": "^3.0.0" - } - }, - "has-values": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz", - "integrity": "sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=", - "requires": { - "is-number": "^3.0.0", - "kind-of": "^4.0.0" - }, - "dependencies": { - "kind-of": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz", - "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=", - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "hash-sum": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz", - "integrity": "sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=" - }, - "hasha": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/hasha/-/hasha-2.2.0.tgz", - "integrity": "sha1-eNfL/B5tZjA/55g3NlmEUXsvbuE=", - "requires": { - "is-stream": "^1.0.1", - "pinkie-promise": "^2.0.0" - } - }, - "he": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", - "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==" - }, - "home-or-tmp": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/home-or-tmp/-/home-or-tmp-2.0.0.tgz", - "integrity": "sha1-42w/LSyufXRqhX440Y1fMqeILbg=", - "requires": { - "os-homedir": "^1.0.0", - "os-tmpdir": "^1.0.1" - } - }, - "http-signature": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz", - "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=", - "requires": { - "assert-plus": "^1.0.0", - "jsprim": "^1.2.2", - "sshpk": "^1.7.0" - } - }, - "https-proxy-agent": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-2.2.2.tgz", - "integrity": "sha512-c8Ndjc9Bkpfx/vCJueCPy0jlP4ccCCSNDp8xwCZzPjKJUm+B+u9WX2x98Qx4n1PiMNTWo3D7KK5ifNV/yJyRzg==", - "requires": { - "agent-base": "^4.3.0", - "debug": "^3.1.0" - }, - "dependencies": { - "debug": { - "version": "3.2.6", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz", - "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==", - "requires": { - "ms": "^2.1.1" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" - } - } - }, - "icss-replace-symbols": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz", - "integrity": "sha1-Bupvg2ead0njhs/h/oEq5dsiPe0=" - }, - "ignore": { - "version": "4.0.6", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz", - "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==", - "dev": true - }, - "import-cwd": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz", - "integrity": "sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=", - "dev": true, - "requires": { - "import-from": "^2.1.0" - } - }, - "import-from": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz", - "integrity": "sha1-M1238qev/VOqpHHUuAId7ja387E=", - "dev": true, - "requires": { - "resolve-from": "^3.0.0" - } - }, - "indexes-of": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz", - "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=" - }, - "inflight": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", - "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", - "requires": { - "once": "^1.3.0", - "wrappy": "1" - } - }, - "inherits": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", - "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" - }, - "invariant": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", - "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", - "requires": { - "loose-envify": "^1.0.0" - } - }, - "invert-kv": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz", - "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==" - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-arrayish": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", - "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=", - "dev": true - }, - "is-binary-path": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz", - "integrity": "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=", - "dev": true, - "requires": { - "binary-extensions": "^1.0.0" - } - }, - "is-buffer": { - "version": "1.1.6", - "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz", - "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==" - }, - "is-callable": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.4.tgz", - "integrity": "sha512-r5p9sxJjYnArLjObpjA4xu5EKI3CuKHkJXMhT7kwbpUyIFD1n5PMAsoPvWnvtZiNz7LjkYDRZhd7FlI0eMijEA==" - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-date-object": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.1.tgz", - "integrity": "sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=" - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - }, - "dependencies": { - "kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==" - } - } - }, - "is-directory": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz", - "integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=", - "dev": true - }, - "is-extendable": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", - "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=" - }, - "is-extglob": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", - "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=", - "dev": true - }, - "is-finite": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz", - "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=", - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "is-fullwidth-code-point": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", - "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=" - }, - "is-glob": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz", - "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==", - "dev": true, - "requires": { - "is-extglob": "^2.1.1" - } - }, - "is-module": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz", - "integrity": "sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=", - "dev": true - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "requires": { - "isobject": "^3.0.1" - } - }, - "is-regex": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.4.tgz", - "integrity": "sha1-VRdIm1RwkbCTDglWVM7SXul+lJE=", - "requires": { - "has": "^1.0.1" - } - }, - "is-stream": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz", - "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=" - }, - "is-symbol": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.2.tgz", - "integrity": "sha512-HS8bZ9ox60yCJLH9snBpIwv9pYUAkcuLhSA1oero1UB5y9aiQpRA8y2ex945AOtCZL1lJDeIk3G5LthswI46Lw==", - "requires": { - "has-symbols": "^1.0.0" - } - }, - "is-typedarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz", - "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=" - }, - "is-windows": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", - "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==" - }, - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "isexe": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", - "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=" - }, - "isobject": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", - "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=" - }, - "isstream": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz", - "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=" - }, - "js-base64": { - "version": "2.5.1", - "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.1.tgz", - "integrity": "sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw==" - }, - "js-tokens": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz", - "integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls=" - }, - "js-yaml": { - "version": "3.13.1", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz", - "integrity": "sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==", - "requires": { - "argparse": "^1.0.7", - "esprima": "^4.0.0" - } - }, - "jsbn": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz", - "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=" - }, - "jsesc": { - "version": "0.5.0", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", - "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=" - }, - "json-parse-better-errors": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz", - "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==", - "dev": true - }, - "json-schema": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz", - "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=" - }, - "json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==" - }, - "json-stringify-safe": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz", - "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=" - }, - "json5": { - "version": "0.5.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz", - "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=" - }, - "jsonfile": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", - "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=", - "requires": { - "graceful-fs": "^4.1.6" - } - }, - "jsprim": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz", - "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=", - "requires": { - "assert-plus": "1.0.0", - "extsprintf": "1.3.0", - "json-schema": "0.2.3", - "verror": "1.10.0" - } - }, - "kew": { - "version": "0.7.0", - "resolved": "https://registry.npmjs.org/kew/-/kew-0.7.0.tgz", - "integrity": "sha1-edk9LTM2PW/dKXCzNdkUGtWR15s=" - }, - "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==" - }, - "klaw": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/klaw/-/klaw-1.3.1.tgz", - "integrity": "sha1-QIhDO0azsbolnXh4XY6W9zugJDk=", - "requires": { - "graceful-fs": "^4.1.9" - } - }, - "kuler": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/kuler/-/kuler-1.0.1.tgz", - "integrity": "sha512-J9nVUucG1p/skKul6DU3PUZrhs0LPulNaeUOox0IyXDi8S4CztTHs1gQphhuZmzXG7VOQSf6NJfKuzteQLv9gQ==", - "requires": { - "colornames": "^1.1.1" - } - }, - "lcid": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz", - "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==", - "requires": { - "invert-kv": "^2.0.0" - } - }, - "loader-utils": { - "version": "0.2.17", - "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz", - "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=", - "requires": { - "big.js": "^3.1.3", - "emojis-list": "^2.0.0", - "json5": "^0.5.0", - "object-assign": "^4.0.1" - } - }, - "locate-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", - "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", - "requires": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" - } - }, - "lodash": { - "version": "4.17.11", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", - "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==" - }, - "lodash._arraymap": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/lodash._arraymap/-/lodash._arraymap-3.0.0.tgz", - "integrity": "sha1-Go/Q9MDfS2HeoHbXF83Jfwo8PmY=" - }, - "lodash._basecallback": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/lodash._basecallback/-/lodash._basecallback-3.3.1.tgz", - "integrity": "sha1-t7K7Q9whYEJKIczybFfkQ3cqjic=", - "requires": { - "lodash._baseisequal": "^3.0.0", - "lodash._bindcallback": "^3.0.0", - "lodash.isarray": "^3.0.0", - "lodash.pairs": "^3.0.0" - } - }, - "lodash._baseeach": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/lodash._baseeach/-/lodash._baseeach-3.0.4.tgz", - "integrity": "sha1-z4cGVyyhROjZ11InyZDamC+TKvM=", - "requires": { - "lodash.keys": "^3.0.0" - } - }, - "lodash._baseget": { - "version": "3.7.2", - "resolved": "https://registry.npmjs.org/lodash._baseget/-/lodash._baseget-3.7.2.tgz", - "integrity": "sha1-G2rh1frPPCVTI1ChPBGXy4u2dPQ=" - }, - "lodash._baseisequal": { - "version": "3.0.7", - "resolved": "https://registry.npmjs.org/lodash._baseisequal/-/lodash._baseisequal-3.0.7.tgz", - "integrity": "sha1-2AJfdjOdKTQnZ9zIh85cuVpbUfE=", - "requires": { - "lodash.isarray": "^3.0.0", - "lodash.istypedarray": "^3.0.0", - "lodash.keys": "^3.0.0" - } - }, - "lodash._bindcallback": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/lodash._bindcallback/-/lodash._bindcallback-3.0.1.tgz", - "integrity": "sha1-5THCdkTPi1epnhftlbNcdIeJOS4=" - }, - "lodash._getnative": { - "version": "3.9.1", - "resolved": "https://registry.npmjs.org/lodash._getnative/-/lodash._getnative-3.9.1.tgz", - "integrity": "sha1-VwvH3t5G1hzc3mh9ZdPuy6o6r/U=" - }, - "lodash._topath": { - "version": "3.8.1", - "resolved": "https://registry.npmjs.org/lodash._topath/-/lodash._topath-3.8.1.tgz", - "integrity": "sha1-PsXiYGAU9MuX91X+aRTt2L/ADqw=", - "requires": { - "lodash.isarray": "^3.0.0" - } - }, - "lodash.isarguments": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz", - "integrity": "sha1-L1c9hcaiQon/AGY7SRwdM4/zRYo=" - }, - "lodash.isarray": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/lodash.isarray/-/lodash.isarray-3.0.4.tgz", - "integrity": "sha1-eeTriMNqgSKvhvhEqpvNhRtfu1U=" - }, - "lodash.istypedarray": { - "version": "3.0.6", - "resolved": "https://registry.npmjs.org/lodash.istypedarray/-/lodash.istypedarray-3.0.6.tgz", - "integrity": "sha1-yaR3SYYHUB2OhJTSg7h8OSgc72I=" - }, - "lodash.keys": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-3.1.2.tgz", - "integrity": "sha1-TbwEcrFWvlCgsoaFXRvQsMZWCYo=", - "requires": { - "lodash._getnative": "^3.0.0", - "lodash.isarguments": "^3.0.0", - "lodash.isarray": "^3.0.0" - } - }, - "lodash.map": { - "version": "3.1.4", - "resolved": "https://registry.npmjs.org/lodash.map/-/lodash.map-3.1.4.tgz", - "integrity": "sha1-tIOs0beGxce0ksSV97UmYim8AMI=", - "requires": { - "lodash._arraymap": "^3.0.0", - "lodash._basecallback": "^3.0.0", - "lodash._baseeach": "^3.0.0", - "lodash.isarray": "^3.0.0", - "lodash.keys": "^3.0.0" - } - }, - "lodash.pairs": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/lodash.pairs/-/lodash.pairs-3.0.1.tgz", - "integrity": "sha1-u+CNV4bu6qCaFckevw3LfSvjJqk=", - "requires": { - "lodash.keys": "^3.0.0" - } - }, - "lodash.pluck": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/lodash.pluck/-/lodash.pluck-3.1.2.tgz", - "integrity": "sha1-s0fwN0wBafDusE1nLYnOyGMsIjE=", - "requires": { - "lodash._baseget": "^3.0.0", - "lodash._topath": "^3.0.0", - "lodash.isarray": "^3.0.0", - "lodash.map": "^3.0.0" - } - }, - "lodash.toarray": { - "version": "4.4.0", - "resolved": "https://registry.npmjs.org/lodash.toarray/-/lodash.toarray-4.4.0.tgz", - "integrity": "sha1-JMS/zWsvuji/0FlNsRedjptlZWE=", - "dev": true - }, - "log-symbols": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz", - "integrity": "sha512-VeIAFslyIerEJLXHziedo2basKbMKtTw3vfn5IzG0XTjhAVEJyNHnL2p7vc+wBDSdQuUpNw3M2u6xb9QsAY5Eg==", - "dev": true, - "requires": { - "chalk": "^2.0.1" - } - }, - "logform": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/logform/-/logform-2.1.2.tgz", - "integrity": "sha512-+lZh4OpERDBLqjiwDLpAWNQu6KMjnlXH2ByZwCuSqVPJletw0kTWJf5CgSNAUKn1KUkv3m2cUz/LK8zyEy7wzQ==", - "requires": { - "colors": "^1.2.1", - "fast-safe-stringify": "^2.0.4", - "fecha": "^2.3.3", - "ms": "^2.1.1", - "triple-beam": "^1.3.0" - }, - "dependencies": { - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" - } - } - }, - "loose-envify": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", - "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", - "requires": { - "js-tokens": "^3.0.0 || ^4.0.0" - } - }, - "lru-cache": { - "version": "4.1.5", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz", - "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==", - "requires": { - "pseudomap": "^1.0.2", - "yallist": "^2.1.2" - } - }, - "magic-string": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.2.tgz", - "integrity": "sha512-iLs9mPjh9IuTtRsqqhNGYcZXGei0Nh/A4xirrsqW7c+QhKVFL2vm7U09ru6cHRD22azaP/wMDgI+HCqbETMTtg==", - "requires": { - "sourcemap-codec": "^1.4.4" - } - }, - "map-age-cleaner": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz", - "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==", - "requires": { - "p-defer": "^1.0.0" - } - }, - "map-cache": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz", - "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=" - }, - "map-visit": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", - "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=", - "requires": { - "object-visit": "^1.0.0" - } - }, - "marked": { - "version": "0.6.2", - "resolved": "https://registry.npmjs.org/marked/-/marked-0.6.2.tgz", - "integrity": "sha512-LqxwVH3P/rqKX4EKGz7+c2G9r98WeM/SW34ybhgNGhUQNKtf1GmmSkJ6cDGJ/t6tiyae49qRkpyTw2B9HOrgUA==" - }, - "mdn-data": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-1.1.4.tgz", - "integrity": "sha512-FSYbp3lyKjyj3E7fMl6rYvUdX0FBXaluGqlFoYESWQlyUTq8R+wp0rkFxoYFqZlHCvsUXGjyJmLQSnXToYhOSA==" - }, - "mem": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/mem/-/mem-4.3.0.tgz", - "integrity": "sha512-qX2bG48pTqYRVmDB37rn/6PT7LcR8T7oAX3bf99u1Tt1nzxYfxkgqDwUwolPlXweM0XzBOBFzSx4kfp7KP1s/w==", - "requires": { - "map-age-cleaner": "^0.1.1", - "mimic-fn": "^2.0.0", - "p-is-promise": "^2.0.0" - } - }, - "merge-source-map": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/merge-source-map/-/merge-source-map-1.1.0.tgz", - "integrity": "sha512-Qkcp7P2ygktpMPh2mCQZaf3jhN6D3Z/qVZHSdWvQ+2Ef5HgRAPBO57A77+ENm0CPx2+1Ce/MYKi3ymqdfuqibw==", - "requires": { - "source-map": "^0.6.1" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - } - } - }, - "merge2": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.3.tgz", - "integrity": "sha512-gdUU1Fwj5ep4kplwcmftruWofEFt6lfpkkr3h860CXbAB9c3hGb55EOL2ali0Td5oebvW0E1+3Sr+Ur7XfKpRA==", - "dev": true - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" - } - }, - "mime": { - "version": "2.4.4", - "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.4.tgz", - "integrity": "sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA==" - }, - "mime-db": { - "version": "1.40.0", - "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz", - "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==" - }, - "mime-types": { - "version": "2.1.24", - "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz", - "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==", - "requires": { - "mime-db": "1.40.0" - } - }, - "mimic-fn": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", - "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==" - }, - "min-document": { - "version": "2.19.0", - "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz", - "integrity": "sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU=", - "dev": true, - "requires": { - "dom-walk": "^0.1.0" - } - }, - "minimatch": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", - "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", - "requires": { - "brace-expansion": "^1.1.7" - } - }, - "minimist": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", - "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=" - }, - "mixin-deep": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.1.tgz", - "integrity": "sha512-8ZItLHeEgaqEvd5lYBXfm4EZSFCX29Jb9K+lAHhDKzReKBQKj3R+7NOF6tjqYi9t4oI8VUfaWITJQm86wnXGNQ==", - "requires": { - "for-in": "^1.0.2", - "is-extendable": "^1.0.1" - }, - "dependencies": { - "is-extendable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", - "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", - "requires": { - "is-plain-object": "^2.0.4" - } - } - } - }, - "mkdirp": { - "version": "0.5.1", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", - "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", - "requires": { - "minimist": "0.0.8" - }, - "dependencies": { - "minimist": { - "version": "0.0.8", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", - "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=" - } - } - }, - "mocha": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/mocha/-/mocha-5.2.0.tgz", - "integrity": "sha512-2IUgKDhc3J7Uug+FxMXuqIyYzH7gJjXECKe/w43IGgQHTSj3InJi+yAA7T24L9bQMRKiUEHxEX37G5JpVUGLcQ==", - "requires": { - "browser-stdout": "1.3.1", - "commander": "2.15.1", - "debug": "3.1.0", - "diff": "3.5.0", - "escape-string-regexp": "1.0.5", - "glob": "7.1.2", - "growl": "1.10.5", - "he": "1.1.1", - "minimatch": "3.0.4", - "mkdirp": "0.5.1", - "supports-color": "5.4.0" - }, - "dependencies": { - "debug": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", - "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==", - "requires": { - "ms": "2.0.0" - } - }, - "glob": { - "version": "7.1.2", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz", - "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==", - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "he": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/he/-/he-1.1.1.tgz", - "integrity": "sha1-k0EP0hsAlzUVH4howvJx80J+I/0=" - }, - "supports-color": { - "version": "5.4.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.4.0.tgz", - "integrity": "sha512-zjaXglF5nnWpsq470jSv6P9DwPvgLkuapYmfDm3JWOm0vkNTVF2tI4UrN2r6jH1qM/uc/WtxYY1hYoA2dOKj5w==", - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" - }, - "mustache": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/mustache/-/mustache-3.0.1.tgz", - "integrity": "sha512-jFI/4UVRsRYdUbuDTKT7KzfOp7FiD5WzYmmwNwXyUVypC0xjoTL78Fqc0jHUPIvvGD+6DQSPHIt1NE7D1ArsqA==" - }, - "nan": { - "version": "2.13.2", - "resolved": "https://registry.npmjs.org/nan/-/nan-2.13.2.tgz", - "integrity": "sha512-TghvYc72wlMGMVMluVo9WRJc0mB8KxxF/gZ4YYFy7V2ZQX9l7rgbPg7vjS9mt6U5HXODVFVI2bOduCzwOMv/lw==", - "dev": true, - "optional": true - }, - "nanomatch": { - "version": "1.2.13", - "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz", - "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==", - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "fragment-cache": "^0.2.1", - "is-windows": "^1.0.2", - "kind-of": "^6.0.2", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - } - }, - "nice-try": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz", - "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==" - }, - "node-emoji": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-1.10.0.tgz", - "integrity": "sha512-Yt3384If5H6BYGVHiHwTL+99OzJKHhgp82S8/dktEK73T26BazdgZ4JZh92xSVtGNJvz9UbXdNAc5hcrXV42vw==", - "dev": true, - "requires": { - "lodash.toarray": "^4.4.0" - } - }, - "node-releases": { - "version": "1.1.58", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.58.tgz", - "integrity": "sha512-NxBudgVKiRh/2aPWMgPR7bPTX0VPmGx5QBwCtdHitnqFE5/O8DeBXuIMH1nwNnw/aMo6AjOrpsHzfY3UbUJ7yg==", - "dev": true - }, - "normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true - }, - "normalize-range": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", - "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=", - "dev": true - }, - "normalize.css": { - "version": "8.0.1", - "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz", - "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==", - "dev": true - }, - "npm-run-path": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz", - "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=", - "requires": { - "path-key": "^2.0.0" - } - }, - "nth-check": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz", - "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==", - "requires": { - "boolbase": "~1.0.0" - } - }, - "num2fraction": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz", - "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=", - "dev": true - }, - "number-is-nan": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz", - "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=" - }, - "oauth-sign": { - "version": "0.9.0", - "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz", - "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==" - }, - "object-assign": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" - }, - "object-copy": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz", - "integrity": "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=", - "requires": { - "copy-descriptor": "^0.1.0", - "define-property": "^0.2.5", - "kind-of": "^3.0.3" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "object-keys": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", - "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==" - }, - "object-visit": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz", - "integrity": "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=", - "requires": { - "isobject": "^3.0.0" - } - }, - "object.getownpropertydescriptors": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.0.3.tgz", - "integrity": "sha1-h1jIRvW0B62rDyNuCYbxSwUcqhY=", - "requires": { - "define-properties": "^1.1.2", - "es-abstract": "^1.5.1" - } - }, - "object.pick": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz", - "integrity": "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=", - "requires": { - "isobject": "^3.0.1" - } - }, - "object.values": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.0.tgz", - "integrity": "sha512-8mf0nKLAoFX6VlNVdhGj31SVYpaNFtUnuoOXWyFEstsWRgU837AK+JYM0iAxwkSzGRbwn8cbFmgbyxj1j4VbXg==", - "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.12.0", - "function-bind": "^1.1.1", - "has": "^1.0.3" - } - }, - "once": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", - "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", - "requires": { - "wrappy": "1" - } - }, - "one-time": { - "version": "0.0.4", - "resolved": "https://registry.npmjs.org/one-time/-/one-time-0.0.4.tgz", - "integrity": "sha1-+M33eISCb+Tf+T46nMN7HkSAdC4=" - }, - "os-homedir": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", - "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=" - }, - "os-locale": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz", - "integrity": "sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==", - "requires": { - "execa": "^1.0.0", - "lcid": "^2.0.0", - "mem": "^4.0.0" - } - }, - "os-tmpdir": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", - "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=" - }, - "p-defer": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz", - "integrity": "sha1-n26xgvbJqozXQwBKfU+WsZaw+ww=" - }, - "p-finally": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz", - "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=" - }, - "p-is-promise": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-2.1.0.tgz", - "integrity": "sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==" - }, - "p-limit": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.0.tgz", - "integrity": "sha512-pZbTJpoUsCzV48Mc9Nh51VbwO0X9cuPFE8gYwx9BTCt9SF8/b7Zljd2fVgOxhIF/HDTKgpVzs+GPhyKfjLLFRQ==", - "requires": { - "p-try": "^2.0.0" - } - }, - "p-locate": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", - "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", - "requires": { - "p-limit": "^2.0.0" - } - }, - "p-try": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", - "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==" - }, - "parse-json": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", - "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=", - "dev": true, - "requires": { - "error-ex": "^1.3.1", - "json-parse-better-errors": "^1.0.1" - } - }, - "pascalcase": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz", - "integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=" - }, - "path-dirname": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz", - "integrity": "sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=", - "dev": true - }, - "path-exists": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", - "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=" - }, - "path-is-absolute": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", - "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=" - }, - "path-key": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz", - "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=" - }, - "path-parse": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", - "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==" - }, - "path-type": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz", - "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==", - "dev": true, - "requires": { - "pify": "^3.0.0" - }, - "dependencies": { - "pify": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz", - "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=", - "dev": true - } - } - }, - "pend": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz", - "integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA=" - }, - "performance-now": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", - "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=" - }, - "perfume.js": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/perfume.js/-/perfume.js-5.1.0.tgz", - "integrity": "sha512-ICZ54+V/6v7Qa40oQw7JtA0wcczYJb3azx+g8FP5u1ZawIEjnzAIVeBBkclkfqN1y25p9qjKjhJqvdzk9kugQg==", - "dev": true - }, - "phantomjs-prebuilt": { - "version": "2.1.16", - "resolved": "https://registry.npmjs.org/phantomjs-prebuilt/-/phantomjs-prebuilt-2.1.16.tgz", - "integrity": "sha1-79ISpKOWbTZHaE6ouniFSb4q7+8=", - "requires": { - "es6-promise": "^4.0.3", - "extract-zip": "^1.6.5", - "fs-extra": "^1.0.0", - "hasha": "^2.2.0", - "kew": "^0.7.0", - "progress": "^1.1.8", - "request": "^2.81.0", - "request-progress": "^2.0.1", - "which": "^1.2.10" - }, - "dependencies": { - "fs-extra": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-1.0.0.tgz", - "integrity": "sha1-zTzl9+fLYUWIP8rjGR6Yd/hYeVA=", - "requires": { - "graceful-fs": "^4.1.2", - "jsonfile": "^2.1.0", - "klaw": "^1.0.0" - } - }, - "jsonfile": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz", - "integrity": "sha1-NzaitCi4e72gzIO1P6PWM6NcKug=", - "requires": { - "graceful-fs": "^4.1.6" - } - } - } - }, - "pify": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", - "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", - "dev": true - }, - "pinkie": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz", - "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=" - }, - "pinkie-promise": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz", - "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=", - "requires": { - "pinkie": "^2.0.0" - } - }, - "pixelmatch": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/pixelmatch/-/pixelmatch-5.0.2.tgz", - "integrity": "sha512-b65UpTI40rGFY8QwN6IYuCbpmwAOL6M8d6voX4F3zR99UmDqh7r2QWLxoeHOazBRgEmDUdqNVESDREqFxQS7rQ==", - "dev": true, - "requires": { - "pngjs": "^3.4.0" - } - }, - "pkg-up": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-2.0.0.tgz", - "integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=", - "dev": true, - "requires": { - "find-up": "^2.1.0" - }, - "dependencies": { - "find-up": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz", - "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=", - "dev": true, - "requires": { - "locate-path": "^2.0.0" - } - }, - "locate-path": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz", - "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=", - "dev": true, - "requires": { - "p-locate": "^2.0.0", - "path-exists": "^3.0.0" - } - }, - "p-limit": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz", - "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==", - "dev": true, - "requires": { - "p-try": "^1.0.0" - } - }, - "p-locate": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz", - "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=", - "dev": true, - "requires": { - "p-limit": "^1.1.0" - } - }, - "p-try": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz", - "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=", - "dev": true - } - } - }, - "pngjs": { - "version": "3.4.0", - "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-3.4.0.tgz", - "integrity": "sha512-NCrCHhWmnQklfH4MtJMRjZ2a8c80qXeMlQMv2uVp9ISJMTt562SbGd6n2oq0PaPgKm7Z6pL9E2UlLIhC+SHL3w==", - "dev": true - }, - "posix-character-classes": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz", - "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=" - }, - "postcss": { - "version": "7.0.14", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.14.tgz", - "integrity": "sha512-NsbD6XUUMZvBxtQAJuWDJeeC4QFsmWsfozWxCJPWf3M55K9iu2iMDaKqyoOdTJ1R4usBXuxlVFAIo8rZPQD4Bg==", - "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - }, - "supports-color": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", - "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "postcss-cli": { - "version": "6.1.2", - "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-6.1.2.tgz", - "integrity": "sha512-jIWfIkqt8cTThSpH8DBaNxHlBf99OKSem2RseRpfVPqWayxHKQB0IWdS/IF5XSGeFU5QslSDTdVHnw6qggXGkA==", - "dev": true, - "requires": { - "chalk": "^2.1.0", - "chokidar": "^2.0.0", - "dependency-graph": "^0.8.0", - "fs-extra": "^7.0.0", - "get-stdin": "^6.0.0", - "globby": "^9.0.0", - "postcss": "^7.0.0", - "postcss-load-config": "^2.0.0", - "postcss-reporter": "^6.0.0", - "pretty-hrtime": "^1.0.3", - "read-cache": "^1.0.0", - "yargs": "^12.0.1" - }, - "dependencies": { - "ansi-regex": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", - "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=", - "dev": true - }, - "get-caller-file": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", - "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==", - "dev": true - }, - "require-main-filename": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", - "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=", - "dev": true - }, - "string-width": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", - "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", - "dev": true, - "requires": { - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^4.0.0" - } - }, - "strip-ansi": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", - "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", - "dev": true, - "requires": { - "ansi-regex": "^3.0.0" - } - }, - "yargs": { - "version": "12.0.5", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz", - "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==", - "dev": true, - "requires": { - "cliui": "^4.0.0", - "decamelize": "^1.2.0", - "find-up": "^3.0.0", - "get-caller-file": "^1.0.1", - "os-locale": "^3.0.0", - "require-directory": "^2.1.1", - "require-main-filename": "^1.0.1", - "set-blocking": "^2.0.0", - "string-width": "^2.0.0", - "which-module": "^2.0.0", - "y18n": "^3.2.1 || ^4.0.0", - "yargs-parser": "^11.1.1" - } - }, - "yargs-parser": { - "version": "11.1.1", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz", - "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==", - "dev": true, - "requires": { - "camelcase": "^5.0.0", - "decamelize": "^1.2.0" - } - } - } - }, - "postcss-functions": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/postcss-functions/-/postcss-functions-3.0.0.tgz", - "integrity": "sha1-DpTQFERwCkgd4g3k1V+yZAVkJQ4=", - "dev": true, - "requires": { - "glob": "^7.1.2", - "object-assign": "^4.1.1", - "postcss": "^6.0.9", - "postcss-value-parser": "^3.3.0" - }, - "dependencies": { - "postcss": { - "version": "6.0.23", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", - "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", - "dev": true, - "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - } - } - }, - "postcss-import": { - "version": "12.0.1", - "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-12.0.1.tgz", - "integrity": "sha512-3Gti33dmCjyKBgimqGxL3vcV8w9+bsHwO5UrBawp796+jdardbcFl4RP5w/76BwNL7aGzpKstIfF9I+kdE8pTw==", - "dev": true, - "requires": { - "postcss": "^7.0.1", - "postcss-value-parser": "^3.2.3", - "read-cache": "^1.0.0", - "resolve": "^1.1.7" - } - }, - "postcss-js": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-2.0.3.tgz", - "integrity": "sha512-zS59pAk3deu6dVHyrGqmC3oDXBdNdajk4k1RyxeVXCrcEDBUBHoIhE4QTsmhxgzXxsaqFDAkUZfmMa5f/N/79w==", - "dev": true, - "requires": { - "camelcase-css": "^2.0.1", - "postcss": "^7.0.18" - }, - "dependencies": { - "postcss": { - "version": "7.0.32", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz", - "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==", - "dev": true, - "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, - "supports-color": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", - "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "postcss-load-config": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.0.0.tgz", - "integrity": "sha512-V5JBLzw406BB8UIfsAWSK2KSwIJ5yoEIVFb4gVkXci0QdKgA24jLmHZ/ghe/GgX0lJ0/D1uUK1ejhzEY94MChQ==", - "dev": true, - "requires": { - "cosmiconfig": "^4.0.0", - "import-cwd": "^2.0.0" - } - }, - "postcss-modules-local-by-default": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz", - "integrity": "sha1-99gMOYxaOT+nlkRmvRlQCn1hwGk=", - "requires": { - "css-selector-tokenizer": "^0.7.0", - "postcss": "^6.0.1" - }, - "dependencies": { - "postcss": { - "version": "6.0.23", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", - "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", - "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - } - } - }, - "postcss-modules-scope": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz", - "integrity": "sha1-1upkmUx5+XtipytCb75gVqGUu5A=", - "requires": { - "css-selector-tokenizer": "^0.7.0", - "postcss": "^6.0.1" - }, - "dependencies": { - "postcss": { - "version": "6.0.23", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", - "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", - "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - } - } - }, - "postcss-modules-sync": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/postcss-modules-sync/-/postcss-modules-sync-1.0.0.tgz", - "integrity": "sha1-YZpxnPeN0WpINBNRQLMkz3czS+E=", - "requires": { - "generic-names": "^1.0.2", - "icss-replace-symbols": "^1.0.2", - "postcss": "^5.2.5", - "postcss-modules-local-by-default": "^1.1.1", - "postcss-modules-scope": "^1.0.2", - "string-hash": "^1.1.0" - }, - "dependencies": { - "ansi-styles": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", - "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=" - }, - "chalk": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", - "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", - "requires": { - "ansi-styles": "^2.2.1", - "escape-string-regexp": "^1.0.2", - "has-ansi": "^2.0.0", - "strip-ansi": "^3.0.0", - "supports-color": "^2.0.0" - }, - "dependencies": { - "supports-color": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", - "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=" - } - } - }, - "has-flag": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz", - "integrity": "sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=" - }, - "postcss": { - "version": "5.2.18", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz", - "integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==", - "requires": { - "chalk": "^1.1.3", - "js-base64": "^2.1.9", - "source-map": "^0.5.6", - "supports-color": "^3.2.3" - } - }, - "supports-color": { - "version": "3.2.3", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz", - "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=", - "requires": { - "has-flag": "^1.0.0" - } - } - } - }, - "postcss-nested": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-4.2.1.tgz", - "integrity": "sha512-AMayXX8tS0HCp4O4lolp4ygj9wBn32DJWXvG6gCv+ZvJrEa00GUxJcJEEzMh87BIe6FrWdYkpR2cuyqHKrxmXw==", - "dev": true, - "requires": { - "postcss": "^7.0.21", - "postcss-selector-parser": "^6.0.2" - }, - "dependencies": { - "cssesc": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", - "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", - "dev": true - }, - "postcss": { - "version": "7.0.32", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz", - "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==", - "dev": true, - "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" - } - }, - "postcss-selector-parser": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz", - "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==", - "dev": true, - "requires": { - "cssesc": "^3.0.0", - "indexes-of": "^1.0.1", - "uniq": "^1.0.1" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, - "supports-color": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", - "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "postcss-reporter": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-6.0.1.tgz", - "integrity": "sha512-LpmQjfRWyabc+fRygxZjpRxfhRf9u/fdlKf4VHG4TSPbV2XNsuISzYW1KL+1aQzx53CAppa1bKG4APIB/DOXXw==", - "dev": true, - "requires": { - "chalk": "^2.4.1", - "lodash": "^4.17.11", - "log-symbols": "^2.2.0", - "postcss": "^7.0.7" - } - }, - "postcss-selector-parser": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz", - "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==", - "requires": { - "cssesc": "^2.0.0", - "indexes-of": "^1.0.1", - "uniq": "^1.0.1" - } - }, - "postcss-value-parser": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz", - "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==", - "dev": true - }, - "prettier": { - "version": "1.16.3", - "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.16.3.tgz", - "integrity": "sha512-kn/GU6SMRYPxUakNXhpP0EedT/KmaPzr0H5lIsDogrykbaxOpOfAFfk5XA7DZrJyMAv1wlMV3CPcZruGXVVUZw==" - }, - "pretty-hrtime": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", - "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=", - "dev": true - }, - "prettysize": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/prettysize/-/prettysize-1.1.0.tgz", - "integrity": "sha512-U5Noa+FYV1dGkICyLJz8IWlDUehPF4Bk9tZRO8YqPhLA9EoiHuFqtnpWY2mvMjHh5eOLo82HipeLn4RIiSsGqQ==" - }, - "private": { - "version": "0.1.8", - "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz", - "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==" - }, - "process": { - "version": "0.5.2", - "resolved": "https://registry.npmjs.org/process/-/process-0.5.2.tgz", - "integrity": "sha1-FjjYqONML0QKkduVq5rrZ3/Bhc8=", - "dev": true - }, - "process-nextick-args": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz", - "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==" - }, - "progress": { - "version": "1.1.8", - "resolved": "https://registry.npmjs.org/progress/-/progress-1.1.8.tgz", - "integrity": "sha1-4mDHj2Fhzdmw5WzD4Khd4Xx6V74=" - }, - "proxy-from-env": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz", - "integrity": "sha1-M8UDmPcOp+uW0h97gXYwpVeRx+4=" - }, - "pseudomap": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz", - "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=" - }, - "psl": { - "version": "1.1.32", - "resolved": "https://registry.npmjs.org/psl/-/psl-1.1.32.tgz", - "integrity": "sha512-MHACAkHpihU/REGGPLj4sEfc/XKW2bheigvHO1dUqjaKigMp1C8+WLQYRGgeKFMsw5PMfegZcaN8IDXK/cD0+g==" - }, - "pump": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", - "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", - "requires": { - "end-of-stream": "^1.1.0", - "once": "^1.3.1" - } - }, - "punycode": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", - "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==" - }, - "puppeteer": { - "version": "1.19.0", - "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-1.19.0.tgz", - "integrity": "sha512-2S6E6ygpoqcECaagDbBopoSOPDv0pAZvTbnBgUY+6hq0/XDFDOLEMNlHF/SKJlzcaZ9ckiKjKDuueWI3FN/WXw==", - "requires": { - "debug": "^4.1.0", - "extract-zip": "^1.6.6", - "https-proxy-agent": "^2.2.1", - "mime": "^2.0.3", - "progress": "^2.0.1", - "proxy-from-env": "^1.0.0", - "rimraf": "^2.6.1", - "ws": "^6.1.0" - }, - "dependencies": { - "debug": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", - "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", - "requires": { - "ms": "^2.1.1" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" - }, - "progress": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", - "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==" - } - } - }, - "purgecss": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-1.2.0.tgz", - "integrity": "sha512-iO2bkR8i+4bcBC0lid0YHDW9Z9pou7FHvBcfcnqPiKSP6LkDcjZTl0HHtCJ37POp82ZQFK7GWz+GFUNwM8GstA==", - "dev": true, - "requires": { - "glob": "^7.1.3", - "postcss": "^7.0.14", - "postcss-selector-parser": "^6.0.0", - "yargs": "^13.2.2" - }, - "dependencies": { - "cssesc": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", - "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", - "dev": true - }, - "postcss-selector-parser": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz", - "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==", - "dev": true, - "requires": { - "cssesc": "^3.0.0", - "indexes-of": "^1.0.1", - "uniq": "^1.0.1" - } - } - } - }, - "q": { - "version": "1.5.1", - "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz", - "integrity": "sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=" - }, - "qs": { - "version": "6.5.2", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz", - "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==" - }, - "querystring": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz", - "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=" - }, - "read-cache": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", - "integrity": "sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=", - "dev": true, - "requires": { - "pify": "^2.3.0" - }, - "dependencies": { - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", - "dev": true - } - } - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" - } - }, - "readdirp": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz", - "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.11", - "micromatch": "^3.1.10", - "readable-stream": "^2.0.2" - } - }, - "reduce-css-calc": { - "version": "2.1.7", - "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-2.1.7.tgz", - "integrity": "sha512-fDnlZ+AybAS3C7Q9xDq5y8A2z+lT63zLbynew/lur/IR24OQF5x98tfNwf79mzEdfywZ0a2wpM860FhFfMxZlA==", - "dev": true, - "requires": { - "css-unit-converter": "^1.1.1", - "postcss-value-parser": "^3.3.0" - } - }, - "regenerate": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.0.tgz", - "integrity": "sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==" - }, - "regenerate-unicode-properties": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-7.0.0.tgz", - "integrity": "sha512-s5NGghCE4itSlUS+0WUj88G6cfMVMmH8boTPNvABf8od+2dhT9WDlWu8n01raQAJZMOK8Ch6jSexaRO7swd6aw==", - "requires": { - "regenerate": "^1.4.0" - } - }, - "regenerator-runtime": { - "version": "0.11.1", - "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz", - "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==" - }, - "regenerator-transform": { - "version": "0.10.1", - "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.10.1.tgz", - "integrity": "sha512-PJepbvDbuK1xgIgnau7Y90cwaAmO/LCLMI2mPvaXq2heGMR3aWW5/BQvYrhJ8jgmQjXewXvBjzfqKcVOmhjZ6Q==", - "requires": { - "babel-runtime": "^6.18.0", - "babel-types": "^6.19.0", - "private": "^0.1.6" - } - }, - "regex-not": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz", - "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==", - "requires": { - "extend-shallow": "^3.0.2", - "safe-regex": "^1.1.0" - } - }, - "regexpu-core": { - "version": "4.4.0", - "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.4.0.tgz", - "integrity": "sha512-eDDWElbwwI3K0Lo6CqbQbA6FwgtCz4kYTarrri1okfkRLZAqstU+B3voZBCjg8Fl6iq0gXrJG6MvRgLthfvgOA==", - "requires": { - "regenerate": "^1.4.0", - "regenerate-unicode-properties": "^7.0.0", - "regjsgen": "^0.5.0", - "regjsparser": "^0.6.0", - "unicode-match-property-ecmascript": "^1.0.4", - "unicode-match-property-value-ecmascript": "^1.0.2" - } - }, - "regjsgen": { - "version": "0.5.0", - "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.5.0.tgz", - "integrity": "sha512-RnIrLhrXCX5ow/E5/Mh2O4e/oa1/jW0eaBKTSy3LaCj+M3Bqvm97GWDp2yUtzIs4LEn65zR2yiYGFqb2ApnzDA==" - }, - "regjsparser": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.6.0.tgz", - "integrity": "sha512-RQ7YyokLiQBomUJuUG8iGVvkgOLxwyZM8k6d3q5SAXpg4r5TZJZigKFvC6PpD+qQ98bCDC5YelPeA3EucDoNeQ==", - "requires": { - "jsesc": "~0.5.0" - } - }, - "remove-trailing-separator": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz", - "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=" - }, - "repeat-element": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.3.tgz", - "integrity": "sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==" - }, - "repeat-string": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", - "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=" - }, - "repeating": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz", - "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=", - "requires": { - "is-finite": "^1.0.0" - } - }, - "replace-ext": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", - "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" - }, - "request": { - "version": "2.88.0", - "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz", - "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==", - "requires": { - "aws-sign2": "~0.7.0", - "aws4": "^1.8.0", - "caseless": "~0.12.0", - "combined-stream": "~1.0.6", - "extend": "~3.0.2", - "forever-agent": "~0.6.1", - "form-data": "~2.3.2", - "har-validator": "~5.1.0", - "http-signature": "~1.2.0", - "is-typedarray": "~1.0.0", - "isstream": "~0.1.2", - "json-stringify-safe": "~5.0.1", - "mime-types": "~2.1.19", - "oauth-sign": "~0.9.0", - "performance-now": "^2.1.0", - "qs": "~6.5.2", - "safe-buffer": "^5.1.2", - "tough-cookie": "~2.4.3", - "tunnel-agent": "^0.6.0", - "uuid": "^3.3.2" - } - }, - "request-progress": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/request-progress/-/request-progress-2.0.1.tgz", - "integrity": "sha1-XTa7V5YcZzqlt4jbyBQf3yO0Tgg=", - "requires": { - "throttleit": "^1.0.0" - } - }, - "require-directory": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", - "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=" - }, - "require-from-string": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", - "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", - "dev": true - }, - "require-main-filename": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz", - "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==", - "dev": true - }, - "resolve": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.10.0.tgz", - "integrity": "sha512-3sUr9aq5OfSg2S9pNtPA9hL1FVEAjvfOC4leW0SNf/mpnaakz2a9femSd6LqAww2RaFctwyf1lCqnTHuF1rxDg==", - "requires": { - "path-parse": "^1.0.6" - } - }, - "resolve-from": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz", - "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=", - "dev": true - }, - "resolve-url": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", - "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=" - }, - "ret": { - "version": "0.1.15", - "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz", - "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==" - }, - "rimraf": { - "version": "2.6.3", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz", - "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", - "requires": { - "glob": "^7.1.3" - } - }, - "rollup": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-1.2.2.tgz", - "integrity": "sha512-fsn5KJcfSuejjrv8GV7kZNciElqxyzZdUq8rA3e528JsR3ccxrWwoptyUY8GGLlgMFAQMB3dZW8nWF2I1/xrZA==", - "requires": { - "@types/estree": "0.0.39", - "@types/node": "*", - "acorn": "^6.1.0" - } - }, - "rollup-plugin-buble": { - "version": "0.19.6", - "resolved": "https://registry.npmjs.org/rollup-plugin-buble/-/rollup-plugin-buble-0.19.6.tgz", - "integrity": "sha512-El5Fut4/wEO17ZN/n9BZvqd7DXXB2WbJr/DKvr89LXChC/cHllE0XwiUDeAalrTkgr0WrnyLDTCQvEv+cGywWQ==", - "requires": { - "buble": "^0.19.6", - "rollup-pluginutils": "^2.3.3" - } - }, - "rollup-plugin-commonjs": { - "version": "9.2.0", - "resolved": "https://registry.npmjs.org/rollup-plugin-commonjs/-/rollup-plugin-commonjs-9.2.0.tgz", - "integrity": "sha512-0RM5U4Vd6iHjL6rLvr3lKBwnPsaVml+qxOGaaNUWN1lSq6S33KhITOfHmvxV3z2vy9Mk4t0g4rNlVaJJsNQPWA==", - "requires": { - "estree-walker": "^0.5.2", - "magic-string": "^0.25.1", - "resolve": "^1.8.1", - "rollup-pluginutils": "^2.3.3" - }, - "dependencies": { - "estree-walker": { - "version": "0.5.2", - "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.5.2.tgz", - "integrity": "sha512-XpCnW/AE10ws/kDAs37cngSkvgIR8aN3G0MS85m7dUpuK2EREo9VJ00uvw6Dg/hXEpfsE1I1TvJOJr+Z+TL+ig==" - } - } - }, - "rollup-plugin-node-resolve": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-4.2.3.tgz", - "integrity": "sha512-r+WaesPzdGEynpLZLALFEDugA4ACa5zn7bc/+LVX4vAXQQ8IgDHv0xfsSvJ8tDXUtprfBtrDtRFg27ifKjcJTg==", - "dev": true, - "requires": { - "@types/resolve": "0.0.8", - "builtin-modules": "^3.1.0", - "is-module": "^1.0.0", - "resolve": "^1.10.0" - } - }, - "rollup-plugin-vue": { - "version": "4.7.2", - "resolved": "https://registry.npmjs.org/rollup-plugin-vue/-/rollup-plugin-vue-4.7.2.tgz", - "integrity": "sha512-RuAK+YTL81/iccOWoadqQz2TXqOogivjbvtCuU6EfVP9/E5XIjuMNVsVWHkSelZQblI1z2b5tshWL7XoiOfABQ==", - "requires": { - "@vue/component-compiler": "^3.6", - "@vue/component-compiler-utils": "^2.1.0", - "debug": "^4.1.1", - "hash-sum": "^1.0.2", - "magic-string": "^0.25.2", - "querystring": "^0.2.0", - "rollup-pluginutils": "^2.0.1", - "source-map": "0.7.3", - "vue-runtime-helpers": "1.0.0" - }, - "dependencies": { - "debug": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", - "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", - "requires": { - "ms": "^2.1.1" - } - }, - "ms": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", - "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==" - }, - "source-map": { - "version": "0.7.3", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz", - "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==" - } - } - }, - "rollup-pluginutils": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.4.1.tgz", - "integrity": "sha512-wesMQ9/172IJDIW/lYWm0vW0LiKe5Ekjws481R7z9WTRtmO59cqyM/2uUlxvf6yzm/fElFmHUobeQOYz46dZJw==", - "requires": { - "estree-walker": "^0.6.0", - "micromatch": "^3.1.10" - } - }, - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" - }, - "safe-regex": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", - "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=", - "requires": { - "ret": "~0.1.10" - } - }, - "safer-buffer": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", - "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" - }, - "sax": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz", - "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==" - }, - "semver": { - "version": "5.7.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", - "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==" - }, - "set-blocking": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", - "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=" - }, - "set-value": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.0.tgz", - "integrity": "sha512-hw0yxk9GT/Hr5yJEYnHNKYXkIA8mVJgd9ditYZCe16ZczcaELYYcfvaXesNACk2O8O0nTiPQcQhGUQj8JLzeeg==", - "requires": { - "extend-shallow": "^2.0.1", - "is-extendable": "^0.1.1", - "is-plain-object": "^2.0.3", - "split-string": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "shebang-command": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", - "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=", - "requires": { - "shebang-regex": "^1.0.0" - } - }, - "shebang-regex": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz", - "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=" - }, - "should": { - "version": "13.2.3", - "resolved": "https://registry.npmjs.org/should/-/should-13.2.3.tgz", - "integrity": "sha512-ggLesLtu2xp+ZxI+ysJTmNjh2U0TsC+rQ/pfED9bUZZ4DKefP27D+7YJVVTvKsmjLpIi9jAa7itwDGkDDmt1GQ==", - "requires": { - "should-equal": "^2.0.0", - "should-format": "^3.0.3", - "should-type": "^1.4.0", - "should-type-adaptors": "^1.0.1", - "should-util": "^1.0.0" - } - }, - "should-equal": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/should-equal/-/should-equal-2.0.0.tgz", - "integrity": "sha512-ZP36TMrK9euEuWQYBig9W55WPC7uo37qzAEmbjHz4gfyuXrEUgF8cUvQVO+w+d3OMfPvSRQJ22lSm8MQJ43LTA==", - "requires": { - "should-type": "^1.4.0" - } - }, - "should-format": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/should-format/-/should-format-3.0.3.tgz", - "integrity": "sha1-m/yPdPo5IFxT04w01xcwPidxJPE=", - "requires": { - "should-type": "^1.3.0", - "should-type-adaptors": "^1.0.1" - } - }, - "should-type": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/should-type/-/should-type-1.4.0.tgz", - "integrity": "sha1-B1bYzoRt/QmEOmlHcZ36DUz/XPM=" - }, - "should-type-adaptors": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/should-type-adaptors/-/should-type-adaptors-1.1.0.tgz", - "integrity": "sha512-JA4hdoLnN+kebEp2Vs8eBe9g7uy0zbRo+RMcU0EsNy+R+k049Ki+N5tT5Jagst2g7EAja+euFuoXFCa8vIklfA==", - "requires": { - "should-type": "^1.3.0", - "should-util": "^1.0.0" - } - }, - "should-util": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/should-util/-/should-util-1.0.0.tgz", - "integrity": "sha1-yYzaN0qmsZDfi6h8mInCtNtiAGM=" - }, - "signal-exit": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz", - "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=" - }, - "simple-swizzle": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz", - "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=", - "requires": { - "is-arrayish": "^0.3.1" - }, - "dependencies": { - "is-arrayish": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz", - "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==" - } - } - }, - "slash": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz", - "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==", - "dev": true - }, - "snapdragon": { - "version": "0.8.2", - "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", - "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==", - "requires": { - "base": "^0.11.1", - "debug": "^2.2.0", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "map-cache": "^0.2.2", - "source-map": "^0.5.6", - "source-map-resolve": "^0.5.0", - "use": "^3.1.0" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "snapdragon-node": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz", - "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==", - "requires": { - "define-property": "^1.0.0", - "isobject": "^3.0.0", - "snapdragon-util": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - } - } - }, - "snapdragon-util": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz", - "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==", - "requires": { - "kind-of": "^3.2.0" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "source-map": { - "version": "0.5.7", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", - "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=" - }, - "source-map-resolve": { - "version": "0.5.2", - "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.2.tgz", - "integrity": "sha512-MjqsvNwyz1s0k81Goz/9vRBe9SZdB09Bdw+/zYyO+3CuPk6fouTaxscHkgtE8jKvf01kVfl8riHzERQ/kefaSA==", - "requires": { - "atob": "^2.1.1", - "decode-uri-component": "^0.2.0", - "resolve-url": "^0.2.1", - "source-map-url": "^0.4.0", - "urix": "^0.1.0" - } - }, - "source-map-support": { - "version": "0.4.18", - "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.4.18.tgz", - "integrity": "sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==", - "requires": { - "source-map": "^0.5.6" - } - }, - "source-map-url": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.0.tgz", - "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=" - }, - "sourcemap-codec": { - "version": "1.4.4", - "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.4.tgz", - "integrity": "sha512-CYAPYdBu34781kLHkaW3m6b/uUSyMOC2R61gcYMWooeuaGtjof86ZA/8T+qVPPt7np1085CR9hmMGrySwEc8Xg==" - }, - "split-string": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", - "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==", - "requires": { - "extend-shallow": "^3.0.0" - } - }, - "sprintf-js": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", - "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=" - }, - "sshpk": { - "version": "1.16.1", - "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz", - "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==", - "requires": { - "asn1": "~0.2.3", - "assert-plus": "^1.0.0", - "bcrypt-pbkdf": "^1.0.0", - "dashdash": "^1.12.0", - "ecc-jsbn": "~0.1.1", - "getpass": "^0.1.1", - "jsbn": "~0.1.0", - "safer-buffer": "^2.0.2", - "tweetnacl": "~0.14.0" - } - }, - "stable": { - "version": "0.1.8", - "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz", - "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==" - }, - "stack-trace": { - "version": "0.0.10", - "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz", - "integrity": "sha1-VHxws0fo0ytOEI6hoqFZ5f3eGcA=" - }, - "static-extend": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz", - "integrity": "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=", - "requires": { - "define-property": "^0.2.5", - "object-copy": "^0.1.0" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "requires": { - "is-descriptor": "^0.1.0" - } - } - } - }, - "string-hash": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz", - "integrity": "sha1-6Kr8CsGFW0Zmkp7X3RJ1311sgRs=" - }, - "string-width": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", - "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", - "dev": true, - "requires": { - "emoji-regex": "^7.0.1", - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^5.1.0" - }, - "dependencies": { - "ansi-regex": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz", - "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==", - "dev": true - }, - "strip-ansi": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", - "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", - "dev": true, - "requires": { - "ansi-regex": "^4.1.0" - } - } - } - }, - "string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", - "requires": { - "safe-buffer": "~5.1.0" - } - }, - "strip-ansi": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", - "requires": { - "ansi-regex": "^2.0.0" - } - }, - "strip-eof": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz", - "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=" - }, - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "requires": { - "has-flag": "^3.0.0" - } - }, - "svg-sprite": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/svg-sprite/-/svg-sprite-1.5.0.tgz", - "integrity": "sha512-0mE5BLY3K8wg3+HrYfzpiKbIM44IGcg8uINED8ri22EdQbLvGecOHjRtkrNAlphbiU5kyGyqoBlIaukL45fs2Q==", - "requires": { - "async": "^2.6.1", - "css-selector-parser": "^1.3.0", - "cssmin": "^0.4.3", - "cssom": "^0.3.4", - "dateformat": "^3.0.3", - "glob": "^7.1.3", - "js-yaml": "^3.12.0", - "lodash": "^4.17.11", - "lodash.pluck": "^3.1.2", - "mkdirp": "^0.5.1", - "mocha": "^5.2.0", - "mustache": "^3.0.0", - "phantomjs-prebuilt": "^2.1.16", - "prettysize": "^1.1.0", - "should": "^13.2.3", - "svgo": "^1.1.1", - "vinyl": "^2.2.0", - "winston": "^3.1.0", - "xmldom": "0.1.27", - "xpath": "^0.0.27", - "yargs": "^12.0.2" - }, - "dependencies": { - "ansi-regex": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", - "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=" - }, - "get-caller-file": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", - "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==" - }, - "require-main-filename": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", - "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=" - }, - "string-width": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", - "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", - "requires": { - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^4.0.0" - } - }, - "strip-ansi": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", - "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", - "requires": { - "ansi-regex": "^3.0.0" - } - }, - "yargs": { - "version": "12.0.5", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz", - "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==", - "requires": { - "cliui": "^4.0.0", - "decamelize": "^1.2.0", - "find-up": "^3.0.0", - "get-caller-file": "^1.0.1", - "os-locale": "^3.0.0", - "require-directory": "^2.1.1", - "require-main-filename": "^1.0.1", - "set-blocking": "^2.0.0", - "string-width": "^2.0.0", - "which-module": "^2.0.0", - "y18n": "^3.2.1 || ^4.0.0", - "yargs-parser": "^11.1.1" - } - }, - "yargs-parser": { - "version": "11.1.1", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz", - "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==", - "requires": { - "camelcase": "^5.0.0", - "decamelize": "^1.2.0" - } - } - } - }, - "svgo": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.2.2.tgz", - "integrity": "sha512-rAfulcwp2D9jjdGu+0CuqlrAUin6bBWrpoqXWwKDZZZJfXcUXQSxLJOFJCQCSA0x0pP2U0TxSlJu2ROq5Bq6qA==", - "requires": { - "chalk": "^2.4.1", - "coa": "^2.0.2", - "css-select": "^2.0.0", - "css-select-base-adapter": "^0.1.1", - "css-tree": "1.0.0-alpha.28", - "css-url-regex": "^1.1.0", - "csso": "^3.5.1", - "js-yaml": "^3.13.1", - "mkdirp": "~0.5.1", - "object.values": "^1.1.0", - "sax": "~1.2.4", - "stable": "^0.1.8", - "unquote": "~1.1.1", - "util.promisify": "~1.0.0" - } - }, - "tailwindcss": { - "version": "1.4.6", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-1.4.6.tgz", - "integrity": "sha512-qV0qInUq1FWih39Bc5CWECdgObSzRrbjGD4ke4kAPSIq6WXrPhv0wwOcUWJgJ66ltT9j+XnSRYikG8WNRU/fTQ==", - "dev": true, - "requires": { - "@fullhuman/postcss-purgecss": "^2.1.2", - "autoprefixer": "^9.4.5", - "browserslist": "^4.12.0", - "bytes": "^3.0.0", - "chalk": "^4.0.0", - "color": "^3.1.2", - "detective": "^5.2.0", - "fs-extra": "^8.0.0", - "lodash": "^4.17.15", - "node-emoji": "^1.8.1", - "normalize.css": "^8.0.1", - "postcss": "^7.0.11", - "postcss-functions": "^3.0.0", - "postcss-js": "^2.0.0", - "postcss-nested": "^4.1.1", - "postcss-selector-parser": "^6.0.0", - "pretty-hrtime": "^1.0.3", - "reduce-css-calc": "^2.1.6", - "resolve": "^1.14.2" - }, - "dependencies": { - "@fullhuman/postcss-purgecss": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-2.2.0.tgz", - "integrity": "sha512-q4zYAn8L9olA5uneaLhxkHRBoug9dnAqytbdX9R5dbzSORobhYr1yGR2JN3Q1UMd5RB0apm1NvJekHaymal/BQ==", - "dev": true, - "requires": { - "postcss": "7.0.28", - "purgecss": "^2.2.0" - }, - "dependencies": { - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - }, - "dependencies": { - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "postcss": { - "version": "7.0.28", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.28.tgz", - "integrity": "sha512-YU6nVhyWIsVtlNlnAj1fHTsUKW5qxm3KEgzq2Jj6KTEFOTK8QWR12eIDvrlWhiSTK8WIBFTBhOJV4DY6dUuEbw==", - "dev": true, - "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" - } - } - } - }, - "chalk": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz", - "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - }, - "dependencies": { - "ansi-styles": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz", - "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==", - "dev": true, - "requires": { - "@types/color-name": "^1.1.1", - "color-convert": "^2.0.1" - } - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz", - "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "color": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/color/-/color-3.1.2.tgz", - "integrity": "sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==", - "dev": true, - "requires": { - "color-convert": "^1.9.1", - "color-string": "^1.5.2" - }, - "dependencies": { - "color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dev": true, - "requires": { - "color-name": "1.1.3" - } - }, - "color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", - "dev": true - } - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "commander": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz", - "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==", - "dev": true - }, - "cssesc": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", - "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", - "dev": true - }, - "fs-extra": { - "version": "8.1.0", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", - "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==", - "dev": true, - "requires": { - "graceful-fs": "^4.2.0", - "jsonfile": "^4.0.0", - "universalify": "^0.1.0" - } - }, - "graceful-fs": { - "version": "4.2.4", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz", - "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==", - "dev": true - }, - "lodash": { - "version": "4.17.15", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz", - "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==", - "dev": true - }, - "postcss-selector-parser": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz", - "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==", - "dev": true, - "requires": { - "cssesc": "^3.0.0", - "indexes-of": "^1.0.1", - "uniq": "^1.0.1" - } - }, - "purgecss": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-2.2.1.tgz", - "integrity": "sha512-wngRSLW1dpNr8kr3TL9nTJMyTFI5BiRiaUUEys5M1CA4zEHLF25fRHoshEeDqmhstaNTOddmpYM34zRrUtEGbQ==", - "dev": true, - "requires": { - "commander": "^5.0.0", - "glob": "^7.0.0", - "postcss": "7.0.28", - "postcss-selector-parser": "^6.0.2" - }, - "dependencies": { - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - }, - "dependencies": { - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "postcss": { - "version": "7.0.28", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.28.tgz", - "integrity": "sha512-YU6nVhyWIsVtlNlnAj1fHTsUKW5qxm3KEgzq2Jj6KTEFOTK8QWR12eIDvrlWhiSTK8WIBFTBhOJV4DY6dUuEbw==", - "dev": true, - "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" - } - } - } - }, - "resolve": { - "version": "1.17.0", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz", - "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==", - "dev": true, - "requires": { - "path-parse": "^1.0.6" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, - "supports-color": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", - "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "tailwindcss-aspect-ratio": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/tailwindcss-aspect-ratio/-/tailwindcss-aspect-ratio-3.0.0.tgz", - "integrity": "sha512-syVueHOdk0u6S9lFSQQxHwsYS+9AJ0tp1WWBB+vAwmJYzc9g/2OLwq4mHpigYue6t3PUgTSbRi9unQd7WEDjGQ==", - "dev": true, - "requires": { - "lodash": "^4.17.15" - }, - "dependencies": { - "lodash": { - "version": "4.17.15", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz", - "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==", - "dev": true - } - } - }, - "tailwindcss-transitions": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/tailwindcss-transitions/-/tailwindcss-transitions-1.0.4.tgz", - "integrity": "sha512-nK+qUWhHCTspQjdLxpK0SXVdaXbjxVuX2kNvvGaK3Df64RbOaOLjOv0h+ifvLFy2cesAstckvqlAzd/yqFRk0g==", - "dev": true, - "requires": { - "lodash": "^4.17.10" - } - }, - "text-hex": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/text-hex/-/text-hex-1.0.0.tgz", - "integrity": "sha512-uuVGNWzgJ4yhRaNSiubPY7OjISw4sw4E5Uv0wbjp+OzcbmVU/rsT8ujgcXJhn9ypzsgr5vlzpPqP+MBBKcGvbg==" - }, - "throttleit": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/throttleit/-/throttleit-1.0.0.tgz", - "integrity": "sha1-nnhYNtr0Z0MUWlmEtiaNgoUorGw=" - }, - "to-fast-properties": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-1.0.3.tgz", - "integrity": "sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=" - }, - "to-object-path": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz", - "integrity": "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=", - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "to-regex": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz", - "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==", - "requires": { - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "regex-not": "^1.0.2", - "safe-regex": "^1.1.0" - } - }, - "to-regex-range": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", - "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=", - "requires": { - "is-number": "^3.0.0", - "repeat-string": "^1.6.1" - } - }, - "tough-cookie": { - "version": "2.4.3", - "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz", - "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==", - "requires": { - "psl": "^1.1.24", - "punycode": "^1.4.1" - }, - "dependencies": { - "punycode": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", - "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=" - } - } - }, - "trim-right": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz", - "integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=" - }, - "triple-beam": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/triple-beam/-/triple-beam-1.3.0.tgz", - "integrity": "sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==" - }, - "tunnel-agent": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz", - "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=", - "requires": { - "safe-buffer": "^5.0.1" - } - }, - "tweetnacl": { - "version": "0.14.5", - "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz", - "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=" - }, - "typedarray": { - "version": "0.0.6", - "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", - "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=" - }, - "unicode-canonical-property-names-ecmascript": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz", - "integrity": "sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ==" - }, - "unicode-match-property-ecmascript": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-1.0.4.tgz", - "integrity": "sha512-L4Qoh15vTfntsn4P1zqnHulG0LdXgjSO035fEpdtp6YxXhMT51Q6vgM5lYdG/5X3MjS+k/Y9Xw4SFCY9IkR0rg==", - "requires": { - "unicode-canonical-property-names-ecmascript": "^1.0.4", - "unicode-property-aliases-ecmascript": "^1.0.4" - } - }, - "unicode-match-property-value-ecmascript": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.0.2.tgz", - "integrity": "sha512-Rx7yODZC1L/T8XKo/2kNzVAQaRE88AaMvI1EF/Xnj3GW2wzN6fop9DDWuFAKUVFH7vozkz26DzP0qyWLKLIVPQ==" - }, - "unicode-property-aliases-ecmascript": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.4.tgz", - "integrity": "sha512-2WSLa6OdYd2ng8oqiGIWnJqyFArvhn+5vgx5GTxMbUYjCYKUcuKS62YLFF0R/BDGlB1yzXjQOLtPAfHsgirEpg==" - }, - "union-value": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.0.tgz", - "integrity": "sha1-XHHDTLW61dzr4+oM0IIHulqhrqQ=", - "requires": { - "arr-union": "^3.1.0", - "get-value": "^2.0.6", - "is-extendable": "^0.1.1", - "set-value": "^0.4.3" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "requires": { - "is-extendable": "^0.1.0" - } - }, - "set-value": { - "version": "0.4.3", - "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz", - "integrity": "sha1-fbCPnT0i3H945Trzw79GZuzfzPE=", - "requires": { - "extend-shallow": "^2.0.1", - "is-extendable": "^0.1.1", - "is-plain-object": "^2.0.1", - "to-object-path": "^0.3.0" - } - } - } - }, - "uniq": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz", - "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=" - }, - "universal-analytics": { - "version": "0.4.23", - "resolved": "https://registry.npmjs.org/universal-analytics/-/universal-analytics-0.4.23.tgz", - "integrity": "sha512-lgMIH7XBI6OgYn1woDEmxhGdj8yDefMKg7GkWdeATAlQZFrMrNyxSkpDzY57iY0/6fdlzTbBV03OawvvzG+q7A==", - "dev": true, - "requires": { - "debug": "^4.1.1", - "request": "^2.88.2", - "uuid": "^3.0.0" - }, - "dependencies": { - "debug": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", - "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", - "dev": true, - "requires": { - "ms": "^2.1.1" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - }, - "request": { - "version": "2.88.2", - "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz", - "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==", - "dev": true, - "requires": { - "aws-sign2": "~0.7.0", - "aws4": "^1.8.0", - "caseless": "~0.12.0", - "combined-stream": "~1.0.6", - "extend": "~3.0.2", - "forever-agent": "~0.6.1", - "form-data": "~2.3.2", - "har-validator": "~5.1.3", - "http-signature": "~1.2.0", - "is-typedarray": "~1.0.0", - "isstream": "~0.1.2", - "json-stringify-safe": "~5.0.1", - "mime-types": "~2.1.19", - "oauth-sign": "~0.9.0", - "performance-now": "^2.1.0", - "qs": "~6.5.2", - "safe-buffer": "^5.1.2", - "tough-cookie": "~2.5.0", - "tunnel-agent": "^0.6.0", - "uuid": "^3.3.2" - } - }, - "tough-cookie": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz", - "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==", - "dev": true, - "requires": { - "psl": "^1.1.28", - "punycode": "^2.1.1" - } - } - } - }, - "universalify": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", - "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==" - }, - "unquote": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz", - "integrity": "sha1-j97XMk7G6IoP+LkF58CYzcCG1UQ=" - }, - "unset-value": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", - "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=", - "requires": { - "has-value": "^0.3.1", - "isobject": "^3.0.0" - }, - "dependencies": { - "has-value": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz", - "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=", - "requires": { - "get-value": "^2.0.3", - "has-values": "^0.1.4", - "isobject": "^2.0.0" - }, - "dependencies": { - "isobject": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz", - "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=", - "requires": { - "isarray": "1.0.0" - } - } - } - }, - "has-values": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz", - "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E=" - } - } - }, - "upath": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/upath/-/upath-1.1.2.tgz", - "integrity": "sha512-kXpym8nmDmlCBr7nKdIx8P2jNBa+pBpIUFRnKJ4dr8htyYGJFokkr2ZvERRtUN+9SY+JqXouNgUPtv6JQva/2Q==", - "dev": true - }, - "uri-js": { - "version": "4.2.2", - "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz", - "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==", - "requires": { - "punycode": "^2.1.0" - } - }, - "urix": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz", - "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=" - }, - "use": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", - "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==" - }, - "util-deprecate": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=" - }, - "util.promisify": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.0.tgz", - "integrity": "sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==", - "requires": { - "define-properties": "^1.1.2", - "object.getownpropertydescriptors": "^2.0.3" - } - }, - "uuid": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz", - "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==" - }, - "v-lazy-image": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/v-lazy-image/-/v-lazy-image-1.3.2.tgz", - "integrity": "sha512-yZYMLoy95S4K9mWE/2DMZcwvaWnGiAHGXcKRruyrFvAdFm2fsnfyL0yj2UwXEGliNZO7I4mRy9/RB7J4CT0HAQ==" - }, - "verror": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz", - "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=", - "requires": { - "assert-plus": "^1.0.0", - "core-util-is": "1.0.2", - "extsprintf": "^1.2.0" - } - }, - "vinyl": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", - "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", - "requires": { - "clone": "^2.1.1", - "clone-buffer": "^1.0.0", - "clone-stats": "^1.0.0", - "cloneable-readable": "^1.0.0", - "remove-trailing-separator": "^1.0.1", - "replace-ext": "^1.0.0" - } - }, - "vlq": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/vlq/-/vlq-1.0.0.tgz", - "integrity": "sha512-o3WmXySo+oI5thgqr7Qy8uBkT/v9Zr+sRyrh1lr8aWPUkgDWdWt4Nae2WKBrLsocgE8BuWWD0jLc+VW8LeU+2g==" - }, - "vue": { - "version": "2.6.7", - "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.7.tgz", - "integrity": "sha512-g7ADfQ82QU+j6F/bVDioVQf2ccIMYLuR4E8ev+RsDBlmwRkhGO3HhgF4PF9vpwjdPpxyb1zzLur2nQ2oIMAMEg==" - }, - "vue-carousel": { - "version": "0.18.0", - "resolved": "https://registry.npmjs.org/vue-carousel/-/vue-carousel-0.18.0.tgz", - "integrity": "sha512-a2zxh7QJioDxNMguqcuJ7TPbfgK5bGDaAXIia7NWxPAWsEvNE4ZtHgsGu40L5Aha4uyjmNKXvleB14QAXFoKig==", - "dev": true, - "requires": { - "global": "^4.3.2", - "regenerator-runtime": "^0.12.1", - "vue": "^2.5.17" - }, - "dependencies": { - "regenerator-runtime": { - "version": "0.12.1", - "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.12.1.tgz", - "integrity": "sha512-odxIc1/vDlo4iZcfXqRYFj0vpXFNoGdKMAUieAlFYO6m/nl5e9KR/beGf41z4a1FI+aQgtjhuaSlDxQ0hmkrHg==", - "dev": true - } - } - }, - "vue-runtime-helpers": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/vue-runtime-helpers/-/vue-runtime-helpers-1.0.0.tgz", - "integrity": "sha512-DgwCNgIXkq1GJsWwtFOjA/K2nxpjyon/QqAut0EiwrMHBatAPbfdqksDdRoK15b5YrSJRa59rx3pc0L6V4udUA==" - }, - "vue-template-compiler": { - "version": "2.6.7", - "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.7.tgz", - "integrity": "sha512-ZjxJLr6Lw2gj6aQGKwBWTxVNNd28/qggIdwvr5ushrUHUvqgbHD0xusOVP2yRxT4pX3wRIJ2LfxjgFT41dEtoQ==", - "requires": { - "de-indent": "^1.0.2", - "he": "^1.1.0" - } - }, - "vue-template-es2015-compiler": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.0.tgz", - "integrity": "sha512-daCQZUxBC8nFHkEHRYDA8Zn90T+FxJ4R3zOcn/G8HAxdJK304T+Qtw/ui5Qg8L/Rg7fUQ4ZE4wvgESlR/LArxg==" - }, - "which": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", - "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", - "requires": { - "isexe": "^2.0.0" - } - }, - "which-module": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz", - "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=" - }, - "winston": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/winston/-/winston-3.2.1.tgz", - "integrity": "sha512-zU6vgnS9dAWCEKg/QYigd6cgMVVNwyTzKs81XZtTFuRwJOcDdBg7AU0mXVyNbs7O5RH2zdv+BdNZUlx7mXPuOw==", - "requires": { - "async": "^2.6.1", - "diagnostics": "^1.1.1", - "is-stream": "^1.1.0", - "logform": "^2.1.1", - "one-time": "0.0.4", - "readable-stream": "^3.1.1", - "stack-trace": "0.0.x", - "triple-beam": "^1.3.0", - "winston-transport": "^4.3.0" - }, - "dependencies": { - "readable-stream": { - "version": "3.4.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.4.0.tgz", - "integrity": "sha512-jItXPLmrSR8jmTRmRWJXCnGJsfy85mB3Wd/uINMXA65yrnFo0cPClFIUWzo2najVNSl+mx7/4W8ttlLWJe99pQ==", - "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - } - } - } - }, - "winston-transport": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/winston-transport/-/winston-transport-4.3.0.tgz", - "integrity": "sha512-B2wPuwUi3vhzn/51Uukcao4dIduEiPOcOt9HJ3QeaXgkJ5Z7UwpBzxS4ZGNHtrxrUvTwemsQiSys0ihOf8Mp1A==", - "requires": { - "readable-stream": "^2.3.6", - "triple-beam": "^1.2.0" - } - }, - "wrap-ansi": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", - "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=", - "requires": { - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1" - }, - "dependencies": { - "is-blockwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-blockwidth-code-point/-/is-blockwidth-code-point-1.0.0.tgz", - "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "is-fullwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", - "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "string-width": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", - "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", - "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" - } - } - } - }, - "wrappy": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", - "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=" - }, - "ws": { - "version": "6.2.1", - "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz", - "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==", - "requires": { - "async-limiter": "~1.0.0" - } - }, - "xmldom": { - "version": "0.1.27", - "resolved": "https://registry.npmjs.org/xmldom/-/xmldom-0.1.27.tgz", - "integrity": "sha1-1QH5ezvbQDr4757MIFcxh6rawOk=" - }, - "xpath": { - "version": "0.0.27", - "resolved": "https://registry.npmjs.org/xpath/-/xpath-0.0.27.tgz", - "integrity": "sha512-fg03WRxtkCV6ohClePNAECYsmpKKTv5L8y/X3Dn1hQrec3POx2jHZ/0P2qQ6HvsrU1BmeqXcof3NGGueG6LxwQ==" - }, - "xtend": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", - "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", - "dev": true - }, - "y18n": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz", - "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==" - }, - "yallist": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz", - "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=" - }, - "yargs": { - "version": "13.2.2", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.2.2.tgz", - "integrity": "sha512-WyEoxgyTD3w5XRpAQNYUB9ycVH/PQrToaTXdYXRdOXvEy1l19br+VJsc0vcO8PTGg5ro/l/GY7F/JMEBmI0BxA==", - "dev": true, - "requires": { - "cliui": "^4.0.0", - "find-up": "^3.0.0", - "get-caller-file": "^2.0.1", - "os-locale": "^3.1.0", - "require-directory": "^2.1.1", - "require-main-filename": "^2.0.0", - "set-blocking": "^2.0.0", - "string-width": "^3.0.0", - "which-module": "^2.0.0", - "y18n": "^4.0.0", - "yargs-parser": "^13.0.0" - } - }, - "yargs-parser": { - "version": "13.0.0", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.0.0.tgz", - "integrity": "sha512-w2LXjoL8oRdRQN+hOyppuXs+V/fVAYtpcrRxZuF7Kt/Oc+Jr2uAcVntaUTNT6w5ihoWfFDpNY8CPx1QskxZ/pw==", - "dev": true, - "requires": { - "camelcase": "^5.0.0", - "decamelize": "^1.2.0" - } - }, - "yauzl": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.4.1.tgz", - "integrity": "sha1-lSj0QtqxsihOWLQ3m7GU4i4MQAU=", - "requires": { - "fd-slicer": "~1.0.1" - } - } - } + "name": "build", + "version": "1.0.0", + "lockfileVersion": 1, + "requires": true, + "dependencies": { + "@analytics/cookie-utils": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/@analytics/cookie-utils/-/cookie-utils-0.2.3.tgz", + "integrity": "sha512-RiMAVpSluRbWb2hlT9wMJ0r2l+MUZzScYjY+w2iWRzjOr9Zzzs4tYzJT6Sd94PDz3LzCuf4aGOwS6pkKXTEBLw==", + "dev": true + }, + "@analytics/core": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/@analytics/core/-/core-0.6.0.tgz", + "integrity": "sha512-niKC+NRCdVnrTW/cQqfMOrxZSIzQBQ0aavRIUwgdNAiSYXbtlGvsM24ylAKC+EwXMkwf9c4n3QbxxHtNpnvszw==", + "dev": true, + "requires": { + "analytics-utils": "^0.2.2" + } + }, + "@analytics/google-analytics": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/@analytics/google-analytics/-/google-analytics-0.4.0.tgz", + "integrity": "sha512-IuXKIdThT/AqUxeOY3Oe8TCFd6JsAzdXUHtnzCGwQyCH1SzEQwjvSqBnBrGdZdg+FbstNAgpeBIRdffa6vQRUQ==", + "dev": true, + "requires": { + "universal-analytics": "^0.4.20" + } + }, + "@analytics/perfumejs": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/@analytics/perfumejs/-/perfumejs-0.2.0.tgz", + "integrity": "sha512-youixRV59Set4W6YshBZ1m3gLLMtqJzyJrNBPIddH1Rb+4A0+ExV316bhfjfO+rAn4dt/KkPlvBDrFlYh2YIng==", + "dev": true + }, + "@analytics/storage-utils": { + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/@analytics/storage-utils/-/storage-utils-0.2.4.tgz", + "integrity": "sha512-VHRggJbRY8vHIADWVwbq9cZux0L9LdmlN31XA3daVAI4gMkKdQEocxB7KqGDt6SfIJ3NYi/qh1nRJGooYmTBiA==", + "dev": true, + "requires": { + "@analytics/cookie-utils": "^0.2.3" + } + }, + "@fullhuman/postcss-purgecss": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-1.1.0.tgz", + "integrity": "sha512-NaNJgn4ZtrWveVnele/eCW/AJYL6dwG6AW86QYQQsqOsXy8rHsA1LoDxuFye0a9PKA7lbH3h4/OxzMwkGDCqXQ==", + "dev": true, + "requires": { + "purgecss": "^1.0.0" + } + }, + "@mrmlnc/readdir-enhanced": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz", + "integrity": "sha512-bPHp6Ji8b41szTOcaP63VlnbbO5Ny6dwAATtY6JTjh5N2OLrb5Qk/Th5cRkRQhkWCt+EJsYrNB0MiL+Gpn6e3g==", + "dev": true, + "requires": { + "call-me-maybe": "^1.0.1", + "glob-to-regexp": "^0.3.0" + } + }, + "@nodelib/fs.stat": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz", + "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==", + "dev": true + }, + "@types/color-name": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz", + "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==", + "dev": true + }, + "@types/estree": { + "version": "0.0.39", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz", + "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==" + }, + "@types/events": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.0.tgz", + "integrity": "sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==", + "dev": true + }, + "@types/glob": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.1.1.tgz", + "integrity": "sha512-1Bh06cbWJUHMC97acuD6UMG29nMt0Aqz1vF3guLfG+kHHJhy3AyohZFFxYk2f7Q1SQIrNwvncxAE0N/9s70F2w==", + "dev": true, + "requires": { + "@types/events": "*", + "@types/minimatch": "*", + "@types/node": "*" + } + }, + "@types/minimatch": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz", + "integrity": "sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==", + "dev": true + }, + "@types/node": { + "version": "11.9.4", + "resolved": "https://registry.npmjs.org/@types/node/-/node-11.9.4.tgz", + "integrity": "sha512-Zl8dGvAcEmadgs1tmSPcvwzO1YRsz38bVJQvH1RvRqSR9/5n61Q1ktcDL0ht3FXWR+ZpVmXVwN1LuH4Ax23NsA==" + }, + "@types/q": { + "version": "1.5.2", + "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.2.tgz", + "integrity": "sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw==" + }, + "@types/resolve": { + "version": "0.0.8", + "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz", + "integrity": "sha512-auApPaJf3NPfe18hSoJkp8EbZzer2ISk7o8mCC3M9he/a04+gbMF97NkpD2S8riMGvm4BMRI59/SZQSaLTKpsQ==", + "dev": true, + "requires": { + "@types/node": "*" + } + }, + "@vue/component-compiler": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/@vue/component-compiler/-/component-compiler-3.6.0.tgz", + "integrity": "sha512-NIA0vmOI4zbtJAn69iZls8IJ8VxmguswAuiUdu8TcR+YYTYzntfw290HUCSFjzAdRg+FUWZv8r+wc3TzJ/IjwA==", + "requires": { + "@vue/component-compiler-utils": "^2.1.0", + "clean-css": "^4.1.11", + "hash-sum": "^1.0.2", + "postcss-modules-sync": "^1.0.0", + "source-map": "0.6.*" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + } + } + }, + "@vue/component-compiler-utils": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@vue/component-compiler-utils/-/component-compiler-utils-2.6.0.tgz", + "integrity": "sha512-IHjxt7LsOFYc0DkTncB7OXJL7UzwOLPPQCfEUNyxL2qt+tF12THV+EO33O1G2Uk4feMSWua3iD39Itszx0f0bw==", + "requires": { + "consolidate": "^0.15.1", + "hash-sum": "^1.0.2", + "lru-cache": "^4.1.2", + "merge-source-map": "^1.1.0", + "postcss": "^7.0.14", + "postcss-selector-parser": "^5.0.0", + "prettier": "1.16.3", + "source-map": "~0.6.1", + "vue-template-es2015-compiler": "^1.9.0" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + } + } + }, + "acorn": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.1.0.tgz", + "integrity": "sha512-MW/FjM+IvU9CgBzjO3UIPCE2pyEwUsoFl+VGdczOPEdxfGFjuKny/gN54mOuX7Qxmb9Rg9MCn2oKiSUeW+pjrw==" + }, + "acorn-node": { + "version": "1.8.2", + "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz", + "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==", + "dev": true, + "requires": { + "acorn": "^7.0.0", + "acorn-walk": "^7.0.0", + "xtend": "^4.0.2" + }, + "dependencies": { + "acorn": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.2.0.tgz", + "integrity": "sha512-apwXVmYVpQ34m/i71vrApRrRKCWQnZZF1+npOD0WV5xZFfwWOmKGQ2RWlfdy9vWITsenisM8M0Qeq8agcFHNiQ==", + "dev": true + } + } + }, + "acorn-walk": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.1.1.tgz", + "integrity": "sha512-wdlPY2tm/9XBr7QkKlq0WQVgiuGTX6YWPyRyBviSoScBuLfTVQhvwg6wJ369GJ/1nPfTLMfnrFIfjqVg6d+jQQ==", + "dev": true + }, + "agent-base": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-4.3.0.tgz", + "integrity": "sha512-salcGninV0nPrwpGNn4VTXBb1SOuXQBiqbrNXoeizJsHrsL6ERFM2Ne3JUSBWRE6aeNJI2ROP/WEEIDUiDe3cg==", + "requires": { + "es6-promisify": "^5.0.0" + } + }, + "ajv": { + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.0.tgz", + "integrity": "sha512-nffhOpkymDECQyR0mnsUtoCE8RlX38G0rYP+wgLWFyZuUyuuojSSvi/+euOiQBIn63whYwYVIIH1TvE3tu4OEg==", + "requires": { + "fast-deep-equal": "^2.0.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + } + }, + "analytics": { + "version": "0.5.3", + "resolved": "https://registry.npmjs.org/analytics/-/analytics-0.5.3.tgz", + "integrity": "sha512-yrM/XClBqddN50GYytbdnD/UagHFujx4U4TNw7KRpj1r4wUE4aiz1usKdKg6GKJDr3ojSgoRRQONQiOjS3sEDw==", + "dev": true, + "requires": { + "@analytics/core": "^0.6.0", + "@analytics/storage-utils": "^0.2.4" + } + }, + "analytics-utils": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/analytics-utils/-/analytics-utils-0.2.2.tgz", + "integrity": "sha512-fdbc+MeoNrkwCAbGD/qgedyvRbPnImmWiInAgZ51KpINmKITpdtWV+6riHVA1YBSrb8IyYlfxn98IeWyN9a0+Q==", + "dev": true, + "requires": { + "@analytics/storage-utils": "^0.2.4", + "dlv": "^1.1.3" + } + }, + "ansi-regex": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", + "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=" + }, + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "requires": { + "color-convert": "^1.9.0" + } + }, + "anymatch": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", + "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", + "dev": true, + "requires": { + "micromatch": "^3.1.4", + "normalize-path": "^2.1.1" + }, + "dependencies": { + "normalize-path": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", + "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", + "dev": true, + "requires": { + "remove-trailing-separator": "^1.0.1" + } + } + } + }, + "argparse": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", + "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", + "requires": { + "sprintf-js": "~1.0.2" + } + }, + "arr-diff": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", + "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=" + }, + "arr-flatten": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz", + "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==" + }, + "arr-union": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", + "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=" + }, + "array-union": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz", + "integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=", + "dev": true, + "requires": { + "array-uniq": "^1.0.1" + } + }, + "array-uniq": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz", + "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=", + "dev": true + }, + "array-unique": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", + "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=" + }, + "asn1": { + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz", + "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==", + "requires": { + "safer-buffer": "~2.1.0" + } + }, + "assert-plus": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", + "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=" + }, + "assign-symbols": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz", + "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=" + }, + "async": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/async/-/async-2.6.2.tgz", + "integrity": "sha512-H1qVYh1MYhEEFLsP97cVKqCGo7KfCyTt6uEWqsTBr9SO84oK9Uwbyd/yCW+6rKJLHksBNUVWZDAjfS+Ccx0Bbg==", + "requires": { + "lodash": "^4.17.11" + } + }, + "async-each": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz", + "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==", + "dev": true + }, + "async-limiter": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz", + "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==" + }, + "asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=" + }, + "atob": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz", + "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==" + }, + "autoprefixer": { + "version": "9.8.0", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.0.tgz", + "integrity": "sha512-D96ZiIHXbDmU02dBaemyAg53ez+6F5yZmapmgKcjm35yEe1uVDYI8hGW3VYoGRaG290ZFf91YxHrR518vC0u/A==", + "dev": true, + "requires": { + "browserslist": "^4.12.0", + "caniuse-lite": "^1.0.30001061", + "chalk": "^2.4.2", + "normalize-range": "^0.1.2", + "num2fraction": "^1.2.2", + "postcss": "^7.0.30", + "postcss-value-parser": "^4.1.0" + }, + "dependencies": { + "postcss": { + "version": "7.0.32", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz", + "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==", + "dev": true, + "requires": { + "chalk": "^2.4.2", + "source-map": "^0.6.1", + "supports-color": "^6.1.0" + } + }, + "postcss-value-parser": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz", + "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==", + "dev": true + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + }, + "supports-color": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", + "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "aws-sign2": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz", + "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=" + }, + "aws4": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.8.0.tgz", + "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==" + }, + "babel-code-frame": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz", + "integrity": "sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=", + "requires": { + "chalk": "^1.1.3", + "esutils": "^2.0.2", + "js-tokens": "^3.0.2" + }, + "dependencies": { + "ansi-styles": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", + "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=" + }, + "chalk": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", + "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", + "requires": { + "ansi-styles": "^2.2.1", + "escape-string-regexp": "^1.0.2", + "has-ansi": "^2.0.0", + "strip-ansi": "^3.0.0", + "supports-color": "^2.0.0" + } + }, + "supports-color": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", + "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=" + } + } + }, + "babel-core": { + "version": "6.26.3", + "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-6.26.3.tgz", + "integrity": "sha512-6jyFLuDmeidKmUEb3NM+/yawG0M2bDZ9Z1qbZP59cyHLz8kYGKYwpJP0UwUKKUiTRNvxfLesJnTedqczP7cTDA==", + "requires": { + "babel-code-frame": "^6.26.0", + "babel-generator": "^6.26.0", + "babel-helpers": "^6.24.1", + "babel-messages": "^6.23.0", + "babel-register": "^6.26.0", + "babel-runtime": "^6.26.0", + "babel-template": "^6.26.0", + "babel-traverse": "^6.26.0", + "babel-types": "^6.26.0", + "babylon": "^6.18.0", + "convert-source-map": "^1.5.1", + "debug": "^2.6.9", + "json5": "^0.5.1", + "lodash": "^4.17.4", + "minimatch": "^3.0.4", + "path-is-absolute": "^1.0.1", + "private": "^0.1.8", + "slash": "^1.0.0", + "source-map": "^0.5.7" + }, + "dependencies": { + "slash": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz", + "integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=" + } + } + }, + "babel-generator": { + "version": "6.26.1", + "resolved": "https://registry.npmjs.org/babel-generator/-/babel-generator-6.26.1.tgz", + "integrity": "sha512-HyfwY6ApZj7BYTcJURpM5tznulaBvyio7/0d4zFOeMPUmfxkCjHocCuoLa2SAGzBI8AREcH3eP3758F672DppA==", + "requires": { + "babel-messages": "^6.23.0", + "babel-runtime": "^6.26.0", + "babel-types": "^6.26.0", + "detect-indent": "^4.0.0", + "jsesc": "^1.3.0", + "lodash": "^4.17.4", + "source-map": "^0.5.7", + "trim-right": "^1.0.1" + }, + "dependencies": { + "jsesc": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz", + "integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s=" + } + } + }, + "babel-helper-bindify-decorators": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-bindify-decorators/-/babel-helper-bindify-decorators-6.24.1.tgz", + "integrity": "sha1-FMGeXxQte0fxmlJDHlKxzLxAozA=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-helper-builder-binary-assignment-operator-visitor": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-builder-binary-assignment-operator-visitor/-/babel-helper-builder-binary-assignment-operator-visitor-6.24.1.tgz", + "integrity": "sha1-zORReto1b0IgvK6KAsKzRvmlZmQ=", + "requires": { + "babel-helper-explode-assignable-expression": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-helper-call-delegate": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-call-delegate/-/babel-helper-call-delegate-6.24.1.tgz", + "integrity": "sha1-7Oaqzdx25Bw0YfiL/Fdb0Nqi340=", + "requires": { + "babel-helper-hoist-variables": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-helper-define-map": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-helper-define-map/-/babel-helper-define-map-6.26.0.tgz", + "integrity": "sha1-pfVtq0GiX5fstJjH66ypgZ+Vvl8=", + "requires": { + "babel-helper-function-name": "^6.24.1", + "babel-runtime": "^6.26.0", + "babel-types": "^6.26.0", + "lodash": "^4.17.4" + } + }, + "babel-helper-explode-assignable-expression": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-explode-assignable-expression/-/babel-helper-explode-assignable-expression-6.24.1.tgz", + "integrity": "sha1-8luCz33BBDPFX3BZLVdGQArCLKo=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-helper-explode-class": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-explode-class/-/babel-helper-explode-class-6.24.1.tgz", + "integrity": "sha1-fcKjkQ3uAHBW4eMdZAztPVTqqes=", + "requires": { + "babel-helper-bindify-decorators": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-helper-function-name": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-function-name/-/babel-helper-function-name-6.24.1.tgz", + "integrity": "sha1-00dbjAPtmCQqJbSDUasYOZ01gKk=", + "requires": { + "babel-helper-get-function-arity": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-helper-get-function-arity": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-get-function-arity/-/babel-helper-get-function-arity-6.24.1.tgz", + "integrity": "sha1-j3eCqpNAfEHTqlCQj4mwMbG2hT0=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-helper-hoist-variables": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-hoist-variables/-/babel-helper-hoist-variables-6.24.1.tgz", + "integrity": "sha1-HssnaJydJVE+rbyZFKc/VAi+enY=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-helper-optimise-call-expression": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-optimise-call-expression/-/babel-helper-optimise-call-expression-6.24.1.tgz", + "integrity": "sha1-96E0J7qfc/j0+pk8VKl4gtEkQlc=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-helper-regex": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-helper-regex/-/babel-helper-regex-6.26.0.tgz", + "integrity": "sha1-MlxZ+QL4LyS3T6zu0DY5VPZJXnI=", + "requires": { + "babel-runtime": "^6.26.0", + "babel-types": "^6.26.0", + "lodash": "^4.17.4" + } + }, + "babel-helper-remap-async-to-generator": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-remap-async-to-generator/-/babel-helper-remap-async-to-generator-6.24.1.tgz", + "integrity": "sha1-XsWBgnrXI/7N04HxySg5BnbkVRs=", + "requires": { + "babel-helper-function-name": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-helper-replace-supers": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-replace-supers/-/babel-helper-replace-supers-6.24.1.tgz", + "integrity": "sha1-v22/5Dk40XNpohPKiov3S2qQqxo=", + "requires": { + "babel-helper-optimise-call-expression": "^6.24.1", + "babel-messages": "^6.23.0", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-helpers": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helpers/-/babel-helpers-6.24.1.tgz", + "integrity": "sha1-NHHenK7DiOXIUOWX5Yom3fN2ArI=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1" + } + }, + "babel-messages": { + "version": "6.23.0", + "resolved": "https://registry.npmjs.org/babel-messages/-/babel-messages-6.23.0.tgz", + "integrity": "sha1-8830cDhYA1sqKVHG7F7fbGLyYw4=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-check-es2015-constants": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.22.0.tgz", + "integrity": "sha1-NRV7EBQm/S/9PaP3XH0ekYNbv4o=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-syntax-async-functions": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz", + "integrity": "sha1-ytnK0RkbWtY0vzCuCHI5HgZHvpU=" + }, + "babel-plugin-syntax-async-generators": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-generators/-/babel-plugin-syntax-async-generators-6.13.0.tgz", + "integrity": "sha1-a8lj67FuzLrmuStZbrfzXDQqi5o=" + }, + "babel-plugin-syntax-class-constructor-call": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-class-constructor-call/-/babel-plugin-syntax-class-constructor-call-6.18.0.tgz", + "integrity": "sha1-nLnTn+Q8hgC+yBRkVt3L1OGnZBY=" + }, + "babel-plugin-syntax-class-properties": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-class-properties/-/babel-plugin-syntax-class-properties-6.13.0.tgz", + "integrity": "sha1-1+sjt5oxf4VDlixQW4J8fWysJ94=" + }, + "babel-plugin-syntax-decorators": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-decorators/-/babel-plugin-syntax-decorators-6.13.0.tgz", + "integrity": "sha1-MSVjtNvePMgGzuPkFszurd0RrAs=" + }, + "babel-plugin-syntax-do-expressions": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-do-expressions/-/babel-plugin-syntax-do-expressions-6.13.0.tgz", + "integrity": "sha1-V0d1YTmqJtOQ0JQQsDdEugfkeW0=" + }, + "babel-plugin-syntax-dynamic-import": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz", + "integrity": "sha1-jWomIpyDdFqZgqRBBRVyyqF5sdo=" + }, + "babel-plugin-syntax-exponentiation-operator": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz", + "integrity": "sha1-nufoM3KQ2pUoggGmpX9BcDF4MN4=" + }, + "babel-plugin-syntax-export-extensions": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-export-extensions/-/babel-plugin-syntax-export-extensions-6.13.0.tgz", + "integrity": "sha1-cKFITw+QiaToStRLrDU8lbmxJyE=" + }, + "babel-plugin-syntax-function-bind": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-function-bind/-/babel-plugin-syntax-function-bind-6.13.0.tgz", + "integrity": "sha1-SMSV8Xe98xqYHnMvVa3AvdJgH0Y=" + }, + "babel-plugin-syntax-object-rest-spread": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz", + "integrity": "sha1-/WU28rzhODb/o6VFjEkDpZe7O/U=" + }, + "babel-plugin-syntax-trailing-function-commas": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz", + "integrity": "sha1-ugNgk3+NBuQBgKQ/4NVhb/9TLPM=" + }, + "babel-plugin-transform-async-generator-functions": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-async-generator-functions/-/babel-plugin-transform-async-generator-functions-6.24.1.tgz", + "integrity": "sha1-8FiQAUX9PpkHpt3yjaWfIVJYpds=", + "requires": { + "babel-helper-remap-async-to-generator": "^6.24.1", + "babel-plugin-syntax-async-generators": "^6.5.0", + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-async-to-generator": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-async-to-generator/-/babel-plugin-transform-async-to-generator-6.24.1.tgz", + "integrity": "sha1-ZTbjeK/2yx1VF6wOQOs+n8jQh2E=", + "requires": { + "babel-helper-remap-async-to-generator": "^6.24.1", + "babel-plugin-syntax-async-functions": "^6.8.0", + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-class-constructor-call": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-class-constructor-call/-/babel-plugin-transform-class-constructor-call-6.24.1.tgz", + "integrity": "sha1-gNwoVQWsBn3LjWxl4vbxGrd2Xvk=", + "requires": { + "babel-plugin-syntax-class-constructor-call": "^6.18.0", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1" + } + }, + "babel-plugin-transform-class-properties": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-class-properties/-/babel-plugin-transform-class-properties-6.24.1.tgz", + "integrity": "sha1-anl2PqYdM9NvN7YRqp3vgagbRqw=", + "requires": { + "babel-helper-function-name": "^6.24.1", + "babel-plugin-syntax-class-properties": "^6.8.0", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1" + } + }, + "babel-plugin-transform-decorators": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-decorators/-/babel-plugin-transform-decorators-6.24.1.tgz", + "integrity": "sha1-eIAT2PjGtSIr33s0Q5Df13Vp4k0=", + "requires": { + "babel-helper-explode-class": "^6.24.1", + "babel-plugin-syntax-decorators": "^6.13.0", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-plugin-transform-do-expressions": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-do-expressions/-/babel-plugin-transform-do-expressions-6.22.0.tgz", + "integrity": "sha1-KMyvkoEtlJws0SgfaQyP3EaK6bs=", + "requires": { + "babel-plugin-syntax-do-expressions": "^6.8.0", + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-arrow-functions": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz", + "integrity": "sha1-RSaSy3EdX3ncf4XkQM5BufJE0iE=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-block-scoped-functions": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoped-functions/-/babel-plugin-transform-es2015-block-scoped-functions-6.22.0.tgz", + "integrity": "sha1-u8UbSflk1wy42OC5ToICRs46YUE=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-block-scoping": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoping/-/babel-plugin-transform-es2015-block-scoping-6.26.0.tgz", + "integrity": "sha1-1w9SmcEwjQXBL0Y4E7CgnnOxiV8=", + "requires": { + "babel-runtime": "^6.26.0", + "babel-template": "^6.26.0", + "babel-traverse": "^6.26.0", + "babel-types": "^6.26.0", + "lodash": "^4.17.4" + } + }, + "babel-plugin-transform-es2015-classes": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-classes/-/babel-plugin-transform-es2015-classes-6.24.1.tgz", + "integrity": "sha1-WkxYpQyclGHlZLSyo7+ryXolhNs=", + "requires": { + "babel-helper-define-map": "^6.24.1", + "babel-helper-function-name": "^6.24.1", + "babel-helper-optimise-call-expression": "^6.24.1", + "babel-helper-replace-supers": "^6.24.1", + "babel-messages": "^6.23.0", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-computed-properties": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-computed-properties/-/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz", + "integrity": "sha1-b+Ko0WiV1WNPTNmZttNICjCBWbM=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-destructuring": { + "version": "6.23.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.23.0.tgz", + "integrity": "sha1-mXux8auWf2gtKwh2/jWNYOdlxW0=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-duplicate-keys": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-duplicate-keys/-/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz", + "integrity": "sha1-c+s9MQypaePvnskcU3QabxV2Qj4=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-for-of": { + "version": "6.23.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-for-of/-/babel-plugin-transform-es2015-for-of-6.23.0.tgz", + "integrity": "sha1-9HyVsrYT3x0+zC/bdXNiPHUkhpE=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-function-name": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-function-name/-/babel-plugin-transform-es2015-function-name-6.24.1.tgz", + "integrity": "sha1-g0yJhTvDaxrw86TF26qU/Y6sqos=", + "requires": { + "babel-helper-function-name": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-literals": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-literals/-/babel-plugin-transform-es2015-literals-6.22.0.tgz", + "integrity": "sha1-T1SgLWzWbPkVKAAZox0xklN3yi4=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-modules-amd": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-amd/-/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz", + "integrity": "sha1-Oz5UAXI5hC1tGcMBHEvS8AoA0VQ=", + "requires": { + "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-modules-commonjs": { + "version": "6.26.2", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-commonjs/-/babel-plugin-transform-es2015-modules-commonjs-6.26.2.tgz", + "integrity": "sha512-CV9ROOHEdrjcwhIaJNBGMBCodN+1cfkwtM1SbUHmvyy35KGT7fohbpOxkE2uLz1o6odKK2Ck/tz47z+VqQfi9Q==", + "requires": { + "babel-plugin-transform-strict-mode": "^6.24.1", + "babel-runtime": "^6.26.0", + "babel-template": "^6.26.0", + "babel-types": "^6.26.0" + } + }, + "babel-plugin-transform-es2015-modules-systemjs": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz", + "integrity": "sha1-/4mhQrkRmpBhlfXxBuzzBdlAfSM=", + "requires": { + "babel-helper-hoist-variables": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-modules-umd": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-umd/-/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz", + "integrity": "sha1-rJl+YoXNGO1hdq22B9YCNErThGg=", + "requires": { + "babel-plugin-transform-es2015-modules-amd": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-object-super": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-object-super/-/babel-plugin-transform-es2015-object-super-6.24.1.tgz", + "integrity": "sha1-JM72muIcuDp/hgPa0CH1cusnj40=", + "requires": { + "babel-helper-replace-supers": "^6.24.1", + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-parameters": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-parameters/-/babel-plugin-transform-es2015-parameters-6.24.1.tgz", + "integrity": "sha1-V6w1GrScrxSpfNE7CfZv3wpiXys=", + "requires": { + "babel-helper-call-delegate": "^6.24.1", + "babel-helper-get-function-arity": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-shorthand-properties": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-shorthand-properties/-/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz", + "integrity": "sha1-JPh11nIch2YbvZmkYi5R8U3jiqA=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-spread": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-spread/-/babel-plugin-transform-es2015-spread-6.22.0.tgz", + "integrity": "sha1-1taKmfia7cRTbIGlQujdnxdG+NE=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-sticky-regex": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-sticky-regex/-/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz", + "integrity": "sha1-AMHNsaynERLN8M9hJsLta0V8zbw=", + "requires": { + "babel-helper-regex": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-template-literals": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-template-literals/-/babel-plugin-transform-es2015-template-literals-6.22.0.tgz", + "integrity": "sha1-qEs0UPfp+PH2g51taH2oS7EjbY0=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-typeof-symbol": { + "version": "6.23.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-typeof-symbol/-/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz", + "integrity": "sha1-3sCfHN3/lLUqxz1QXITfWdzOs3I=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-unicode-regex": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-unicode-regex/-/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz", + "integrity": "sha1-04sS9C6nMj9yk4fxinxa4frrNek=", + "requires": { + "babel-helper-regex": "^6.24.1", + "babel-runtime": "^6.22.0", + "regexpu-core": "^2.0.0" + }, + "dependencies": { + "regexpu-core": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-2.0.0.tgz", + "integrity": "sha1-SdA4g3uNz4v6W5pCE5k45uoq4kA=", + "requires": { + "regenerate": "^1.2.1", + "regjsgen": "^0.2.0", + "regjsparser": "^0.1.4" + } + }, + "regjsgen": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz", + "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=" + }, + "regjsparser": { + "version": "0.1.5", + "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz", + "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=", + "requires": { + "jsesc": "~0.5.0" + } + } + } + }, + "babel-plugin-transform-exponentiation-operator": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-exponentiation-operator/-/babel-plugin-transform-exponentiation-operator-6.24.1.tgz", + "integrity": "sha1-KrDJx/MJj6SJB3cruBP+QejeOg4=", + "requires": { + "babel-helper-builder-binary-assignment-operator-visitor": "^6.24.1", + "babel-plugin-syntax-exponentiation-operator": "^6.8.0", + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-export-extensions": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-export-extensions/-/babel-plugin-transform-export-extensions-6.22.0.tgz", + "integrity": "sha1-U3OLR+deghhYnuqUbLvTkQm75lM=", + "requires": { + "babel-plugin-syntax-export-extensions": "^6.8.0", + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-function-bind": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-function-bind/-/babel-plugin-transform-function-bind-6.22.0.tgz", + "integrity": "sha1-xvuOlqwpajELjPjqQBRiQH3fapc=", + "requires": { + "babel-plugin-syntax-function-bind": "^6.8.0", + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-object-rest-spread": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz", + "integrity": "sha1-DzZpLVD+9rfi1LOsFHgTepY7ewY=", + "requires": { + "babel-plugin-syntax-object-rest-spread": "^6.8.0", + "babel-runtime": "^6.26.0" + } + }, + "babel-plugin-transform-regenerator": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.26.0.tgz", + "integrity": "sha1-4HA2lvveJ/Cj78rPi03KL3s6jy8=", + "requires": { + "regenerator-transform": "^0.10.0" + } + }, + "babel-plugin-transform-strict-mode": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz", + "integrity": "sha1-1fr3qleKZbvlkc9e2uBKDGcCB1g=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-preset-es2015": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-preset-es2015/-/babel-preset-es2015-6.24.1.tgz", + "integrity": "sha1-1EBQ1rwsn+6nAqrzjXJ6AhBTiTk=", + "requires": { + "babel-plugin-check-es2015-constants": "^6.22.0", + "babel-plugin-transform-es2015-arrow-functions": "^6.22.0", + "babel-plugin-transform-es2015-block-scoped-functions": "^6.22.0", + "babel-plugin-transform-es2015-block-scoping": "^6.24.1", + "babel-plugin-transform-es2015-classes": "^6.24.1", + "babel-plugin-transform-es2015-computed-properties": "^6.24.1", + "babel-plugin-transform-es2015-destructuring": "^6.22.0", + "babel-plugin-transform-es2015-duplicate-keys": "^6.24.1", + "babel-plugin-transform-es2015-for-of": "^6.22.0", + "babel-plugin-transform-es2015-function-name": "^6.24.1", + "babel-plugin-transform-es2015-literals": "^6.22.0", + "babel-plugin-transform-es2015-modules-amd": "^6.24.1", + "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1", + "babel-plugin-transform-es2015-modules-systemjs": "^6.24.1", + "babel-plugin-transform-es2015-modules-umd": "^6.24.1", + "babel-plugin-transform-es2015-object-super": "^6.24.1", + "babel-plugin-transform-es2015-parameters": "^6.24.1", + "babel-plugin-transform-es2015-shorthand-properties": "^6.24.1", + "babel-plugin-transform-es2015-spread": "^6.22.0", + "babel-plugin-transform-es2015-sticky-regex": "^6.24.1", + "babel-plugin-transform-es2015-template-literals": "^6.22.0", + "babel-plugin-transform-es2015-typeof-symbol": "^6.22.0", + "babel-plugin-transform-es2015-unicode-regex": "^6.24.1", + "babel-plugin-transform-regenerator": "^6.24.1" + } + }, + "babel-preset-stage-0": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-preset-stage-0/-/babel-preset-stage-0-6.24.1.tgz", + "integrity": "sha1-VkLRUEL5E4TX5a+LyIsduVsDnmo=", + "requires": { + "babel-plugin-transform-do-expressions": "^6.22.0", + "babel-plugin-transform-function-bind": "^6.22.0", + "babel-preset-stage-1": "^6.24.1" + } + }, + "babel-preset-stage-1": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-preset-stage-1/-/babel-preset-stage-1-6.24.1.tgz", + "integrity": "sha1-dpLNfc1oSZB+auSgqFWJz7niv7A=", + "requires": { + "babel-plugin-transform-class-constructor-call": "^6.24.1", + "babel-plugin-transform-export-extensions": "^6.22.0", + "babel-preset-stage-2": "^6.24.1" + } + }, + "babel-preset-stage-2": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-preset-stage-2/-/babel-preset-stage-2-6.24.1.tgz", + "integrity": "sha1-2eKWD7PXEYfw5k7sYrwHdnIZvcE=", + "requires": { + "babel-plugin-syntax-dynamic-import": "^6.18.0", + "babel-plugin-transform-class-properties": "^6.24.1", + "babel-plugin-transform-decorators": "^6.24.1", + "babel-preset-stage-3": "^6.24.1" + } + }, + "babel-preset-stage-3": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-preset-stage-3/-/babel-preset-stage-3-6.24.1.tgz", + "integrity": "sha1-g2raCp56f6N8sTj7kyb4eTSkg5U=", + "requires": { + "babel-plugin-syntax-trailing-function-commas": "^6.22.0", + "babel-plugin-transform-async-generator-functions": "^6.24.1", + "babel-plugin-transform-async-to-generator": "^6.24.1", + "babel-plugin-transform-exponentiation-operator": "^6.24.1", + "babel-plugin-transform-object-rest-spread": "^6.22.0" + } + }, + "babel-register": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-register/-/babel-register-6.26.0.tgz", + "integrity": "sha1-btAhFz4vy0htestFxgCahW9kcHE=", + "requires": { + "babel-core": "^6.26.0", + "babel-runtime": "^6.26.0", + "core-js": "^2.5.0", + "home-or-tmp": "^2.0.0", + "lodash": "^4.17.4", + "mkdirp": "^0.5.1", + "source-map-support": "^0.4.15" + } + }, + "babel-runtime": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz", + "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=", + "requires": { + "core-js": "^2.4.0", + "regenerator-runtime": "^0.11.0" + } + }, + "babel-template": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-template/-/babel-template-6.26.0.tgz", + "integrity": "sha1-3gPi0WOWsGn0bdn/+FIfsaDjXgI=", + "requires": { + "babel-runtime": "^6.26.0", + "babel-traverse": "^6.26.0", + "babel-types": "^6.26.0", + "babylon": "^6.18.0", + "lodash": "^4.17.4" + } + }, + "babel-traverse": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-traverse/-/babel-traverse-6.26.0.tgz", + "integrity": "sha1-RqnL1+3MYsjlwGTi0tjQ9ANXZu4=", + "requires": { + "babel-code-frame": "^6.26.0", + "babel-messages": "^6.23.0", + "babel-runtime": "^6.26.0", + "babel-types": "^6.26.0", + "babylon": "^6.18.0", + "debug": "^2.6.8", + "globals": "^9.18.0", + "invariant": "^2.2.2", + "lodash": "^4.17.4" + } + }, + "babel-types": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.26.0.tgz", + "integrity": "sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=", + "requires": { + "babel-runtime": "^6.26.0", + "esutils": "^2.0.2", + "lodash": "^4.17.4", + "to-fast-properties": "^1.0.3" + } + }, + "babylon": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz", + "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==" + }, + "balanced-match": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", + "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=" + }, + "base": { + "version": "0.11.2", + "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz", + "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==", + "requires": { + "cache-base": "^1.0.1", + "class-utils": "^0.3.5", + "component-emitter": "^1.2.1", + "define-property": "^1.0.0", + "isobject": "^3.0.1", + "mixin-deep": "^1.2.0", + "pascalcase": "^0.1.1" + }, + "dependencies": { + "define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", + "requires": { + "is-descriptor": "^1.0.0" + } + }, + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, + "bcrypt-pbkdf": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz", + "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=", + "requires": { + "tweetnacl": "^0.14.3" + } + }, + "big.js": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/big.js/-/big.js-3.2.0.tgz", + "integrity": "sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==" + }, + "binary-extensions": { + "version": "1.13.1", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz", + "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==", + "dev": true + }, + "bluebird": { + "version": "3.5.3", + "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.3.tgz", + "integrity": "sha512-/qKPUQlaW1OyR51WeCPBvRnAlnZFUJkCSG5HzGnuIqhgyJtF+T94lFnn33eiazjRm2LAHVy2guNnaq48X9SJuw==" + }, + "boolbase": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", + "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=" + }, + "brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "requires": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "braces": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", + "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", + "requires": { + "arr-flatten": "^1.1.0", + "array-unique": "^0.3.2", + "extend-shallow": "^2.0.1", + "fill-range": "^4.0.0", + "isobject": "^3.0.1", + "repeat-element": "^1.1.2", + "snapdragon": "^0.8.1", + "snapdragon-node": "^2.0.1", + "split-string": "^3.0.2", + "to-regex": "^3.0.1" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "browser-stdout": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/browser-stdout/-/browser-stdout-1.3.1.tgz", + "integrity": "sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==" + }, + "browserslist": { + "version": "4.12.0", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.12.0.tgz", + "integrity": "sha512-UH2GkcEDSI0k/lRkuDSzFl9ZZ87skSy9w2XAn1MsZnL+4c4rqbBd3e82UWHbYDpztABrPBhZsTEeuxVfHppqDg==", + "dev": true, + "requires": { + "caniuse-lite": "^1.0.30001043", + "electron-to-chromium": "^1.3.413", + "node-releases": "^1.1.53", + "pkg-up": "^2.0.0" + } + }, + "buble": { + "version": "0.19.6", + "resolved": "https://registry.npmjs.org/buble/-/buble-0.19.6.tgz", + "integrity": "sha512-9kViM6nJA1Q548Jrd06x0geh+BG2ru2+RMDkIHHgJY/8AcyCs34lTHwra9BX7YdPrZXd5aarkpr/SY8bmPgPdg==", + "requires": { + "chalk": "^2.4.1", + "magic-string": "^0.25.1", + "minimist": "^1.2.0", + "os-homedir": "^1.0.1", + "regexpu-core": "^4.2.0", + "vlq": "^1.0.0" + } + }, + "buffer-from": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz", + "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==" + }, + "builtin-modules": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.1.0.tgz", + "integrity": "sha512-k0KL0aWZuBt2lrxrcASWDfwOLMnodeQjodT/1SxEQAXsHANgo6ZC/VEaSEHCXt7aSTZ4/4H5LKa+tBXmW7Vtvw==", + "dev": true + }, + "bytes": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz", + "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==", + "dev": true + }, + "cache-base": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz", + "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==", + "requires": { + "collection-visit": "^1.0.0", + "component-emitter": "^1.2.1", + "get-value": "^2.0.6", + "has-value": "^1.0.0", + "isobject": "^3.0.1", + "set-value": "^2.0.0", + "to-object-path": "^0.3.0", + "union-value": "^1.0.0", + "unset-value": "^1.0.0" + } + }, + "call-me-maybe": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/call-me-maybe/-/call-me-maybe-1.0.1.tgz", + "integrity": "sha1-JtII6onje1y95gJQoV8DHBak1ms=", + "dev": true + }, + "camelcase": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.0.0.tgz", + "integrity": "sha512-faqwZqnWxbxn+F1d399ygeamQNy3lPp/H9H6rNrqYh4FSVCtcY+3cub1MxA8o9mDd55mM8Aghuu/kuyYA6VTsA==" + }, + "camelcase-css": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", + "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", + "dev": true + }, + "caniuse-lite": { + "version": "1.0.30001079", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001079.tgz", + "integrity": "sha512-2KaYheg0iOY+CMmDuAB3DHehrXhhb4OZU4KBVGDr/YKyYAcpudaiUQ9PJ9rxrPlKEoJ3ATasQ5AN48MqpwS43Q==", + "dev": true + }, + "caseless": { + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz", + "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=" + }, + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + }, + "chokidar": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.5.tgz", + "integrity": "sha512-i0TprVWp+Kj4WRPtInjexJ8Q+BqTE909VpH8xVhXrJkoc5QC8VO9TryGOqTr+2hljzc1sC62t22h5tZePodM/A==", + "dev": true, + "requires": { + "anymatch": "^2.0.0", + "async-each": "^1.0.1", + "braces": "^2.3.2", + "fsevents": "^1.2.7", + "glob-parent": "^3.1.0", + "inherits": "^2.0.3", + "is-binary-path": "^1.0.0", + "is-glob": "^4.0.0", + "normalize-path": "^3.0.0", + "path-is-absolute": "^1.0.0", + "readdirp": "^2.2.1", + "upath": "^1.1.1" + } + }, + "class-utils": { + "version": "0.3.6", + "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz", + "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==", + "requires": { + "arr-union": "^3.1.0", + "define-property": "^0.2.5", + "isobject": "^3.0.0", + "static-extend": "^0.1.1" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + } + } + }, + "clean-css": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.1.tgz", + "integrity": "sha512-4ZxI6dy4lrY6FHzfiy1aEOXgu4LIsW2MhwG0VBKdcoGoH/XLFgaHSdLTGr4O8Be6A8r3MOphEiI8Gc1n0ecf3g==", + "requires": { + "source-map": "~0.6.0" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + } + } + }, + "cliui": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz", + "integrity": "sha512-4FG+RSG9DL7uEwRUZXZn3SS34DiDPfzP0VOiEwtUWlE+AR2EIg+hSyvrIgUUfhdgR/UkAeW2QHgeP+hWrXs7jQ==", + "requires": { + "string-width": "^2.1.1", + "strip-ansi": "^4.0.0", + "wrap-ansi": "^2.0.0" + }, + "dependencies": { + "ansi-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", + "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=" + }, + "string-width": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", + "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", + "requires": { + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^4.0.0" + } + }, + "strip-ansi": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", + "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", + "requires": { + "ansi-regex": "^3.0.0" + } + } + } + }, + "clone": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", + "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" + }, + "clone-buffer": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/clone-buffer/-/clone-buffer-1.0.0.tgz", + "integrity": "sha1-4+JbIHrE5wGvch4staFnksrD3Fg=" + }, + "clone-stats": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", + "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=" + }, + "cloneable-readable": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/cloneable-readable/-/cloneable-readable-1.1.3.tgz", + "integrity": "sha512-2EF8zTQOxYq70Y4XKtorQupqF0m49MBz2/yf5Bj+MHjvpG3Hy7sImifnqD6UA+TKYxeSV+u6qqQPawN5UvnpKQ==", + "requires": { + "inherits": "^2.0.1", + "process-nextick-args": "^2.0.0", + "readable-stream": "^2.3.5" + } + }, + "coa": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/coa/-/coa-2.0.2.tgz", + "integrity": "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==", + "requires": { + "@types/q": "^1.5.1", + "chalk": "^2.4.1", + "q": "^1.1.2" + } + }, + "code-point-at": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz", + "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=" + }, + "collection-visit": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz", + "integrity": "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=", + "requires": { + "map-visit": "^1.0.0", + "object-visit": "^1.0.0" + } + }, + "color": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/color/-/color-3.0.0.tgz", + "integrity": "sha512-jCpd5+s0s0t7p3pHQKpnJ0TpQKKdleP71LWcA0aqiljpiuAkOSUFN/dyH8ZwF0hRmFlrIuRhufds1QyEP9EB+w==", + "requires": { + "color-convert": "^1.9.1", + "color-string": "^1.5.2" + } + }, + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" + }, + "color-string": { + "version": "1.5.3", + "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.5.3.tgz", + "integrity": "sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==", + "requires": { + "color-name": "^1.0.0", + "simple-swizzle": "^0.2.2" + } + }, + "colornames": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/colornames/-/colornames-1.1.1.tgz", + "integrity": "sha1-+IiQMGhcfE/54qVZ9Qd+t2qBb5Y=" + }, + "colors": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/colors/-/colors-1.3.3.tgz", + "integrity": "sha512-mmGt/1pZqYRjMxB1axhTo16/snVZ5krrKkcmMeVKxzECMMXoCgnvTPp10QgHfcbQZw8Dq2jMNG6je4JlWU0gWg==" + }, + "colorspace": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/colorspace/-/colorspace-1.1.2.tgz", + "integrity": "sha512-vt+OoIP2d76xLhjwbBaucYlNSpPsrJWPlBTtwCpQKIu6/CSMutyzX93O/Do0qzpH3YoHEes8YEFXyZ797rEhzQ==", + "requires": { + "color": "3.0.x", + "text-hex": "1.0.x" + } + }, + "combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "requires": { + "delayed-stream": "~1.0.0" + } + }, + "commander": { + "version": "2.15.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.15.1.tgz", + "integrity": "sha512-VlfT9F3V0v+jr4yxPc5gg9s62/fIVWsd2Bk2iD435um1NlGMYdVCq+MjcXnhYq2icNOizHr1kK+5TI6H0Hy0ag==" + }, + "component-emitter": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", + "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=" + }, + "concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=" + }, + "concat-stream": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz", + "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==", + "requires": { + "buffer-from": "^1.0.0", + "inherits": "^2.0.3", + "readable-stream": "^2.2.2", + "typedarray": "^0.0.6" + } + }, + "consolidate": { + "version": "0.15.1", + "resolved": "https://registry.npmjs.org/consolidate/-/consolidate-0.15.1.tgz", + "integrity": "sha512-DW46nrsMJgy9kqAbPt5rKaCr7uFtpo4mSUvLHIUbJEjm0vo+aY5QLwBUq3FK4tRnJr/X0Psc0C4jf/h+HtXSMw==", + "requires": { + "bluebird": "^3.1.1" + } + }, + "convert-source-map": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.6.0.tgz", + "integrity": "sha512-eFu7XigvxdZ1ETfbgPBohgyQ/Z++C0eEhTor0qRwBw9unw+L0/6V8wkSuGgzdThkiS5lSpdptOQPD8Ak40a+7A==", + "requires": { + "safe-buffer": "~5.1.1" + } + }, + "copy-descriptor": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz", + "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=" + }, + "core-js": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.9.tgz", + "integrity": "sha512-HOpZf6eXmnl7la+cUdMnLvUxKNqLUzJvgIziQ0DiF3JwSImNphIqdGqzj6hIKyX04MmV0poclQ7+wjWvxQyR2A==" + }, + "core-util-is": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz", + "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=" + }, + "cosmiconfig": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-4.0.0.tgz", + "integrity": "sha512-6e5vDdrXZD+t5v0L8CrurPeybg4Fmf+FCSYxXKYVAqLUtyCSbuyqE059d0kDthTNRzKVjL7QMgNpEUlsoYH3iQ==", + "dev": true, + "requires": { + "is-directory": "^0.3.1", + "js-yaml": "^3.9.0", + "parse-json": "^4.0.0", + "require-from-string": "^2.0.1" + } + }, + "cross-spawn": { + "version": "6.0.5", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", + "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", + "requires": { + "nice-try": "^1.0.4", + "path-key": "^2.0.1", + "semver": "^5.5.0", + "shebang-command": "^1.2.0", + "which": "^1.2.9" + } + }, + "cross-var": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/cross-var/-/cross-var-1.1.0.tgz", + "integrity": "sha1-8PDUuyNdlRONGlOYQtKQ8A23HNY=", + "requires": { + "babel-preset-es2015": "^6.18.0", + "babel-preset-stage-0": "^6.16.0", + "babel-register": "^6.18.0", + "cross-spawn": "^5.0.1", + "exit": "^0.1.2" + }, + "dependencies": { + "cross-spawn": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz", + "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=", + "requires": { + "lru-cache": "^4.0.1", + "shebang-command": "^1.2.0", + "which": "^1.2.9" + } + } + } + }, + "css-select": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.0.2.tgz", + "integrity": "sha512-dSpYaDVoWaELjvZ3mS6IKZM/y2PMPa/XYoEfYNZePL4U/XgyxZNroHEHReDx/d+VgXh9VbCTtFqLkFbmeqeaRQ==", + "requires": { + "boolbase": "^1.0.0", + "css-what": "^2.1.2", + "domutils": "^1.7.0", + "nth-check": "^1.0.2" + } + }, + "css-select-base-adapter": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz", + "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==" + }, + "css-selector-parser": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/css-selector-parser/-/css-selector-parser-1.3.0.tgz", + "integrity": "sha1-XxrUPi2O77/cME/NOaUhZklD4+s=" + }, + "css-selector-tokenizer": { + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.1.tgz", + "integrity": "sha512-xYL0AMZJ4gFzJQsHUKa5jiWWi2vH77WVNg7JYRyewwj6oPh4yb/y6Y9ZCw9dsj/9UauMhtuxR+ogQd//EdEVNA==", + "requires": { + "cssesc": "^0.1.0", + "fastparse": "^1.1.1", + "regexpu-core": "^1.0.0" + }, + "dependencies": { + "cssesc": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-0.1.0.tgz", + "integrity": "sha1-yBSQPkViM3GgR3tAEJqq++6t27Q=" + }, + "regexpu-core": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-1.0.0.tgz", + "integrity": "sha1-hqdj9Y7k18L2sQLkdkBQ3n7ZDGs=", + "requires": { + "regenerate": "^1.2.1", + "regjsgen": "^0.2.0", + "regjsparser": "^0.1.4" + } + }, + "regjsgen": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz", + "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=" + }, + "regjsparser": { + "version": "0.1.5", + "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz", + "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=", + "requires": { + "jsesc": "~0.5.0" + } + } + } + }, + "css-tree": { + "version": "1.0.0-alpha.28", + "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.28.tgz", + "integrity": "sha512-joNNW1gCp3qFFzj4St6zk+Wh/NBv0vM5YbEreZk0SD4S23S+1xBKb6cLDg2uj4P4k/GUMlIm6cKIDqIG+vdt0w==", + "requires": { + "mdn-data": "~1.1.0", + "source-map": "^0.5.3" + } + }, + "css-unit-converter": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/css-unit-converter/-/css-unit-converter-1.1.2.tgz", + "integrity": "sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA==", + "dev": true + }, + "css-url-regex": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/css-url-regex/-/css-url-regex-1.1.0.tgz", + "integrity": "sha1-g4NCMMyfdMRX3lnuvRVD/uuDt+w=" + }, + "css-what": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.3.tgz", + "integrity": "sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==" + }, + "cssesc": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz", + "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==" + }, + "cssmin": { + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/cssmin/-/cssmin-0.4.3.tgz", + "integrity": "sha1-yRlAd+Dr2s1pHV9ZAVudgZ840BU=" + }, + "csso": { + "version": "3.5.1", + "resolved": "https://registry.npmjs.org/csso/-/csso-3.5.1.tgz", + "integrity": "sha512-vrqULLffYU1Q2tLdJvaCYbONStnfkfimRxXNaGjxMldI0C7JPBC4rB1RyjhfdZ4m1frm8pM9uRPKH3d2knZ8gg==", + "requires": { + "css-tree": "1.0.0-alpha.29" + }, + "dependencies": { + "css-tree": { + "version": "1.0.0-alpha.29", + "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.29.tgz", + "integrity": "sha512-sRNb1XydwkW9IOci6iB2xmy8IGCj6r/fr+JWitvJ2JxQRPzN3T4AGGVWCMlVmVwM1gtgALJRmGIlWv5ppnGGkg==", + "requires": { + "mdn-data": "~1.1.0", + "source-map": "^0.5.3" + } + } + } + }, + "cssom": { + "version": "0.3.6", + "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.6.tgz", + "integrity": "sha512-DtUeseGk9/GBW0hl0vVPpU22iHL6YB5BUX7ml1hB+GMpo0NX5G4voX3kdWiMSEguFtcW3Vh3djqNF4aIe6ne0A==" + }, + "dashdash": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz", + "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=", + "requires": { + "assert-plus": "^1.0.0" + } + }, + "dateformat": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-3.0.3.tgz", + "integrity": "sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==" + }, + "de-indent": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz", + "integrity": "sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "decamelize": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", + "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=" + }, + "decode-uri-component": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz", + "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=" + }, + "define-properties": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz", + "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==", + "requires": { + "object-keys": "^1.0.12" + } + }, + "define-property": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz", + "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==", + "requires": { + "is-descriptor": "^1.0.2", + "isobject": "^3.0.1" + }, + "dependencies": { + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, + "defined": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz", + "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=", + "dev": true + }, + "delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=" + }, + "dependency-graph": { + "version": "0.8.0", + "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.8.0.tgz", + "integrity": "sha512-DCvzSq2UiMsuLnj/9AL484ummEgLtZIcRS7YvtO38QnpX3vqh9nJ8P+zhu8Ja+SmLrBHO2iDbva20jq38qvBkQ==", + "dev": true + }, + "detect-indent": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-4.0.0.tgz", + "integrity": "sha1-920GQ1LN9Docts5hnE7jqUdd4gg=", + "requires": { + "repeating": "^2.0.0" + } + }, + "detective": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.0.tgz", + "integrity": "sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==", + "dev": true, + "requires": { + "acorn-node": "^1.6.1", + "defined": "^1.0.0", + "minimist": "^1.1.1" + } + }, + "diagnostics": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/diagnostics/-/diagnostics-1.1.1.tgz", + "integrity": "sha512-8wn1PmdunLJ9Tqbx+Fx/ZEuHfJf4NKSN2ZBj7SJC/OWRWha843+WsTjqMe1B5E3p28jqBlp+mJ2fPVxPyNgYKQ==", + "requires": { + "colorspace": "1.1.x", + "enabled": "1.0.x", + "kuler": "1.0.x" + } + }, + "diff": { + "version": "3.5.0", + "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz", + "integrity": "sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==" + }, + "dir-glob": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.2.2.tgz", + "integrity": "sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw==", + "dev": true, + "requires": { + "path-type": "^3.0.0" + } + }, + "dlv": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz", + "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", + "dev": true + }, + "dom-serializer": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.1.tgz", + "integrity": "sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==", + "requires": { + "domelementtype": "^1.3.0", + "entities": "^1.1.1" + } + }, + "dom-walk": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.1.tgz", + "integrity": "sha1-ZyIm3HTI95mtNTB9+TaroRrNYBg=", + "dev": true + }, + "domelementtype": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz", + "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==" + }, + "domutils": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz", + "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==", + "requires": { + "dom-serializer": "0", + "domelementtype": "1" + } + }, + "ecc-jsbn": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz", + "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=", + "requires": { + "jsbn": "~0.1.0", + "safer-buffer": "^2.1.0" + } + }, + "electron-to-chromium": { + "version": "1.3.465", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.465.tgz", + "integrity": "sha512-K/lUeT3NLAsJ5SHRDhK3/zd0tw7OUllYD8w+fTOXm6ljCPsp2qq+vMzxpLo8u1M27ZjZAjRbsA6rirvne2nAMQ==", + "dev": true + }, + "emoji-regex": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz", + "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==", + "dev": true + }, + "emojis-list": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz", + "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=" + }, + "enabled": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/enabled/-/enabled-1.0.2.tgz", + "integrity": "sha1-ll9lE9LC0cX0ZStkouM5ZGf8L5M=", + "requires": { + "env-variable": "0.0.x" + } + }, + "end-of-stream": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.1.tgz", + "integrity": "sha512-1MkrZNvWTKCaigbn+W15elq2BB/L22nqrSY5DKlo3X6+vclJm8Bb5djXJBmEX6fS3+zCh/F4VBK5Z2KxJt4s2Q==", + "requires": { + "once": "^1.4.0" + } + }, + "entities": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", + "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==" + }, + "env-variable": { + "version": "0.0.5", + "resolved": "https://registry.npmjs.org/env-variable/-/env-variable-0.0.5.tgz", + "integrity": "sha512-zoB603vQReOFvTg5xMl9I1P2PnHsHQQKTEowsKKD7nseUfJq6UWzK+4YtlWUO1nhiQUxe6XMkk+JleSZD1NZFA==" + }, + "error-ex": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", + "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", + "dev": true, + "requires": { + "is-arrayish": "^0.2.1" + } + }, + "es-abstract": { + "version": "1.13.0", + "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.13.0.tgz", + "integrity": "sha512-vDZfg/ykNxQVwup/8E1BZhVzFfBxs9NqMzGcvIJrqg5k2/5Za2bWo40dK2J1pgLngZ7c+Shh8lwYtLGyrwPutg==", + "requires": { + "es-to-primitive": "^1.2.0", + "function-bind": "^1.1.1", + "has": "^1.0.3", + "is-callable": "^1.1.4", + "is-regex": "^1.0.4", + "object-keys": "^1.0.12" + } + }, + "es-to-primitive": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.0.tgz", + "integrity": "sha512-qZryBOJjV//LaxLTV6UC//WewneB3LcXOL9NP++ozKVXsIIIpm/2c13UDiD9Jp2eThsecw9m3jPqDwTyobcdbg==", + "requires": { + "is-callable": "^1.1.4", + "is-date-object": "^1.0.1", + "is-symbol": "^1.0.2" + } + }, + "es6-promise": { + "version": "4.2.8", + "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz", + "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==" + }, + "es6-promisify": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/es6-promisify/-/es6-promisify-5.0.0.tgz", + "integrity": "sha1-UQnWLz5W6pZ8S2NQWu8IKRyKUgM=", + "requires": { + "es6-promise": "^4.0.3" + } + }, + "escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=" + }, + "esprima": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", + "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==" + }, + "estree-walker": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.0.tgz", + "integrity": "sha512-peq1RfVAVzr3PU/jL31RaOjUKLoZJpObQWJJ+LgfcxDUifyLZ1RjPQZTl0pzj2uJ45b7A7XpyppXvxdEqzo4rw==" + }, + "esutils": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz", + "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=" + }, + "execa": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz", + "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==", + "requires": { + "cross-spawn": "^6.0.0", + "get-stream": "^4.0.0", + "is-stream": "^1.1.0", + "npm-run-path": "^2.0.0", + "p-finally": "^1.0.0", + "signal-exit": "^3.0.0", + "strip-eof": "^1.0.0" + } + }, + "exit": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz", + "integrity": "sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=" + }, + "expand-brackets": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", + "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", + "requires": { + "debug": "^2.3.3", + "define-property": "^0.2.5", + "extend-shallow": "^2.0.1", + "posix-character-classes": "^0.1.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + }, + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "extend": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", + "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==" + }, + "extend-shallow": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", + "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=", + "requires": { + "assign-symbols": "^1.0.0", + "is-extendable": "^1.0.1" + }, + "dependencies": { + "is-extendable": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", + "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", + "requires": { + "is-plain-object": "^2.0.4" + } + } + } + }, + "extglob": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", + "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", + "requires": { + "array-unique": "^0.3.2", + "define-property": "^1.0.0", + "expand-brackets": "^2.1.4", + "extend-shallow": "^2.0.1", + "fragment-cache": "^0.2.1", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + }, + "dependencies": { + "define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", + "requires": { + "is-descriptor": "^1.0.0" + } + }, + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + }, + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, + "extract-zip": { + "version": "1.6.7", + "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.6.7.tgz", + "integrity": "sha1-qEC0uK9kAyZMjbV/Txp0Mz74H+k=", + "requires": { + "concat-stream": "1.6.2", + "debug": "2.6.9", + "mkdirp": "0.5.1", + "yauzl": "2.4.1" + } + }, + "extsprintf": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz", + "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=" + }, + "fast-deep-equal": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz", + "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=" + }, + "fast-glob": { + "version": "2.2.6", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.6.tgz", + "integrity": "sha512-0BvMaZc1k9F+MeWWMe8pL6YltFzZYcJsYU7D4JyDA6PAczaXvxqQQ/z+mDF7/4Mw01DeUc+i3CTKajnkANkV4w==", + "dev": true, + "requires": { + "@mrmlnc/readdir-enhanced": "^2.2.1", + "@nodelib/fs.stat": "^1.1.2", + "glob-parent": "^3.1.0", + "is-glob": "^4.0.0", + "merge2": "^1.2.3", + "micromatch": "^3.1.10" + } + }, + "fast-json-stable-stringify": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz", + "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I=" + }, + "fast-safe-stringify": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.0.6.tgz", + "integrity": "sha512-q8BZ89jjc+mz08rSxROs8VsrBBcn1SIw1kq9NjolL509tkABRk9io01RAjSaEv1Xb2uFLt8VtRiZbGp5H8iDtg==" + }, + "fastparse": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz", + "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==" + }, + "fd-slicer": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.0.1.tgz", + "integrity": "sha1-i1vL2ewyfFBBv5qwI/1nUPEXfmU=", + "requires": { + "pend": "~1.2.0" + } + }, + "fecha": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fecha/-/fecha-2.3.3.tgz", + "integrity": "sha512-lUGBnIamTAwk4znq5BcqsDaxSmZ9nDVJaij6NvRt/Tg4R69gERA+otPKbS86ROw9nxVMw2/mp1fnaiWqbs6Sdg==" + }, + "fill-range": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", + "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", + "requires": { + "extend-shallow": "^2.0.1", + "is-number": "^3.0.0", + "repeat-string": "^1.6.1", + "to-regex-range": "^2.1.0" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "find-up": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", + "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", + "requires": { + "locate-path": "^3.0.0" + } + }, + "for-in": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz", + "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=" + }, + "forever-agent": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz", + "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=" + }, + "form-data": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz", + "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==", + "requires": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.6", + "mime-types": "^2.1.12" + } + }, + "fragment-cache": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz", + "integrity": "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=", + "requires": { + "map-cache": "^0.2.2" + } + }, + "fs-extra": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz", + "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==", + "requires": { + "graceful-fs": "^4.1.2", + "jsonfile": "^4.0.0", + "universalify": "^0.1.0" + } + }, + "fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=" + }, + "fsevents": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.8.tgz", + "integrity": "sha512-tPvHgPGB7m40CZ68xqFGkKuzN+RnpGmSV+hgeKxhRpbxdqKXUFJGC3yonBOLzQBcJyGpdZFDfCsdOC2KFsXzeA==", + "dev": true, + "optional": true, + "requires": { + "nan": "^2.12.1", + "node-pre-gyp": "^0.12.0" + }, + "dependencies": { + "abbrev": { + "version": "1.1.1", + "bundled": true, + "dev": true, + "optional": true + }, + "ansi-regex": { + "version": "2.1.1", + "bundled": true, + "dev": true, + "optional": true + }, + "aproba": { + "version": "1.2.0", + "bundled": true, + "dev": true, + "optional": true + }, + "are-we-there-yet": { + "version": "1.1.5", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "delegates": "^1.0.0", + "readable-stream": "^2.0.6" + } + }, + "balanced-match": { + "version": "1.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "brace-expansion": { + "version": "1.1.11", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "chownr": { + "version": "1.1.1", + "bundled": true, + "dev": true, + "optional": true + }, + "code-point-at": { + "version": "1.1.0", + "bundled": true, + "dev": true, + "optional": true + }, + "concat-map": { + "version": "0.0.1", + "bundled": true, + "dev": true, + "optional": true + }, + "console-control-strings": { + "version": "1.1.0", + "bundled": true, + "dev": true, + "optional": true + }, + "core-util-is": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "debug": { + "version": "4.1.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "ms": "^2.1.1" + } + }, + "deep-extend": { + "version": "0.6.0", + "bundled": true, + "dev": true, + "optional": true + }, + "delegates": { + "version": "1.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "detect-libc": { + "version": "1.0.3", + "bundled": true, + "dev": true, + "optional": true + }, + "fs-minipass": { + "version": "1.2.5", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "minipass": "^2.2.1" + } + }, + "fs.realpath": { + "version": "1.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "gauge": { + "version": "2.7.4", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "aproba": "^1.0.3", + "console-control-strings": "^1.0.0", + "has-unicode": "^2.0.0", + "object-assign": "^4.1.0", + "signal-exit": "^3.0.0", + "string-width": "^1.0.1", + "strip-ansi": "^3.0.1", + "wide-align": "^1.1.0" + } + }, + "glob": { + "version": "7.1.3", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, + "has-unicode": { + "version": "2.0.1", + "bundled": true, + "dev": true, + "optional": true + }, + "iconv-lite": { + "version": "0.4.24", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "safer-buffer": ">= 2.1.2 < 3" + } + }, + "ignore-walk": { + "version": "3.0.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "minimatch": "^3.0.4" + } + }, + "inflight": { + "version": "1.0.6", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "inherits": { + "version": "2.0.3", + "bundled": true, + "dev": true, + "optional": true + }, + "ini": { + "version": "1.3.5", + "bundled": true, + "dev": true, + "optional": true + }, + "is-blockwidth-code-point": { + "version": "1.0.0", + "bundled": true, + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "is-fullwidth-code-point": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "dev": true, + "optional": true, + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "isarray": { + "version": "1.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "minimatch": { + "version": "3.0.4", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "brace-expansion": "^1.1.7" + } + }, + "minimist": { + "version": "0.0.8", + "bundled": true, + "dev": true, + "optional": true + }, + "minipass": { + "version": "2.3.5", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "safe-buffer": "^5.1.2", + "yallist": "^3.0.0" + } + }, + "minizlib": { + "version": "1.2.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "minipass": "^2.2.1" + } + }, + "mkdirp": { + "version": "0.5.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "minimist": "0.0.8" + } + }, + "ms": { + "version": "2.1.1", + "bundled": true, + "dev": true, + "optional": true + }, + "needle": { + "version": "2.3.0", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "debug": "^4.1.0", + "iconv-lite": "^0.4.4", + "sax": "^1.2.4" + } + }, + "node-pre-gyp": { + "version": "0.12.0", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "detect-libc": "^1.0.2", + "mkdirp": "^0.5.1", + "needle": "^2.2.1", + "nopt": "^4.0.1", + "npm-packlist": "^1.1.6", + "npmlog": "^4.0.2", + "rc": "^1.2.7", + "rimraf": "^2.6.1", + "semver": "^5.3.0", + "tar": "^4" + } + }, + "nopt": { + "version": "4.0.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "abbrev": "1", + "osenv": "^0.1.4" + } + }, + "npm-bundled": { + "version": "1.0.6", + "bundled": true, + "dev": true, + "optional": true + }, + "npm-packlist": { + "version": "1.4.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "ignore-walk": "^3.0.1", + "npm-bundled": "^1.0.1" + } + }, + "npmlog": { + "version": "4.1.2", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "are-we-there-yet": "~1.1.2", + "console-control-strings": "~1.1.0", + "gauge": "~2.7.3", + "set-blocking": "~2.0.0" + } + }, + "number-is-nan": { + "version": "1.0.1", + "bundled": true + }, + "object-assign": { + "version": "4.1.1", + "bundled": true, + "dev": true, + "optional": true + }, + "once": { + "version": "1.4.0", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "wrappy": "1" + } + }, + "os-homedir": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "os-tmpdir": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "osenv": { + "version": "0.1.5", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "os-homedir": "^1.0.0", + "os-tmpdir": "^1.0.0" + } + }, + "path-is-absolute": { + "version": "1.0.1", + "bundled": true, + "dev": true, + "optional": true + }, + "process-nextick-args": { + "version": "2.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "rc": { + "version": "1.2.8", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "deep-extend": "^0.6.0", + "ini": "~1.3.0", + "minimist": "^1.2.0", + "strip-json-comments": "~2.0.1" + }, + "dependencies": { + "minimist": { + "version": "1.2.0", + "bundled": true, + "dev": true, + "optional": true + } + } + }, + "readable-stream": { + "version": "2.3.6", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "rimraf": { + "version": "2.6.3", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "glob": "^7.1.3" + } + }, + "safe-buffer": { + "version": "5.1.2", + "bundled": true, + "dev": true, + "optional": true + }, + "safer-buffer": { + "version": "2.1.2", + "bundled": true, + "dev": true, + "optional": true + }, + "sax": { + "version": "1.2.4", + "bundled": true, + "dev": true, + "optional": true + }, + "semver": { + "version": "5.7.0", + "bundled": true, + "dev": true, + "optional": true + }, + "set-blocking": { + "version": "2.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "signal-exit": { + "version": "3.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "string-width": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" + } + }, + "string_decoder": { + "version": "1.1.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "safe-buffer": "~5.1.0" + } + }, + "strip-ansi": { + "version": "3.0.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "ansi-regex": "^2.0.0" + } + }, + "strip-json-comments": { + "version": "2.0.1", + "bundled": true, + "dev": true, + "optional": true + }, + "tar": { + "version": "4.4.8", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "chownr": "^1.1.1", + "fs-minipass": "^1.2.5", + "minipass": "^2.3.4", + "minizlib": "^1.1.1", + "mkdirp": "^0.5.0", + "safe-buffer": "^5.1.2", + "yallist": "^3.0.2" + } + }, + "util-deprecate": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "wide-align": { + "version": "1.1.3", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "string-width": "^1.0.2 || 2" + } + }, + "wrappy": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "yallist": { + "version": "3.0.3", + "bundled": true, + "dev": true, + "optional": true + } + } + }, + "function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==" + }, + "generic-names": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/generic-names/-/generic-names-1.0.3.tgz", + "integrity": "sha1-LXhqEhruUIh2eWk56OO/+DbCCRc=", + "requires": { + "loader-utils": "^0.2.16" + } + }, + "get-caller-file": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", + "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", + "dev": true + }, + "get-stdin": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz", + "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==", + "dev": true + }, + "get-stream": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz", + "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==", + "requires": { + "pump": "^3.0.0" + } + }, + "get-value": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz", + "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=" + }, + "getpass": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz", + "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=", + "requires": { + "assert-plus": "^1.0.0" + } + }, + "glob": { + "version": "7.1.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz", + "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==", + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, + "glob-parent": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", + "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=", + "dev": true, + "requires": { + "is-glob": "^3.1.0", + "path-dirname": "^1.0.0" + }, + "dependencies": { + "is-glob": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", + "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", + "dev": true, + "requires": { + "is-extglob": "^2.1.0" + } + } + } + }, + "glob-to-regexp": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz", + "integrity": "sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=", + "dev": true + }, + "global": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/global/-/global-4.3.2.tgz", + "integrity": "sha1-52mJJopsdMOJCLEwWxD8DjlOnQ8=", + "dev": true, + "requires": { + "min-document": "^2.19.0", + "process": "~0.5.1" + } + }, + "globals": { + "version": "9.18.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz", + "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==" + }, + "globby": { + "version": "9.2.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-9.2.0.tgz", + "integrity": "sha512-ollPHROa5mcxDEkwg6bPt3QbEf4pDQSNtd6JPL1YvOvAo/7/0VAm9TccUeoTmarjPw4pfUthSCqcyfNB1I3ZSg==", + "dev": true, + "requires": { + "@types/glob": "^7.1.1", + "array-union": "^1.0.2", + "dir-glob": "^2.2.2", + "fast-glob": "^2.2.6", + "glob": "^7.1.3", + "ignore": "^4.0.3", + "pify": "^4.0.1", + "slash": "^2.0.0" + } + }, + "graceful-fs": { + "version": "4.1.15", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz", + "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==" + }, + "growl": { + "version": "1.10.5", + "resolved": "https://registry.npmjs.org/growl/-/growl-1.10.5.tgz", + "integrity": "sha512-qBr4OuELkhPenW6goKVXiv47US3clb3/IbuWF9KNKEijAy9oeHxU9IgzjvJhHkUzhaj7rOUD7+YGWqUjLp5oSA==" + }, + "har-schema": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz", + "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=" + }, + "har-validator": { + "version": "5.1.3", + "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.3.tgz", + "integrity": "sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==", + "requires": { + "ajv": "^6.5.5", + "har-schema": "^2.0.0" + } + }, + "has": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "requires": { + "function-bind": "^1.1.1" + } + }, + "has-ansi": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz", + "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=", + "requires": { + "ansi-regex": "^2.0.0" + } + }, + "has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=" + }, + "has-symbols": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.0.tgz", + "integrity": "sha1-uhqPGvKg/DllD1yFA2dwQSIGO0Q=" + }, + "has-value": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz", + "integrity": "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=", + "requires": { + "get-value": "^2.0.6", + "has-values": "^1.0.0", + "isobject": "^3.0.0" + } + }, + "has-values": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz", + "integrity": "sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=", + "requires": { + "is-number": "^3.0.0", + "kind-of": "^4.0.0" + }, + "dependencies": { + "kind-of": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz", + "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "hash-sum": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz", + "integrity": "sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=" + }, + "hasha": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/hasha/-/hasha-2.2.0.tgz", + "integrity": "sha1-eNfL/B5tZjA/55g3NlmEUXsvbuE=", + "requires": { + "is-stream": "^1.0.1", + "pinkie-promise": "^2.0.0" + } + }, + "he": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", + "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==" + }, + "home-or-tmp": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/home-or-tmp/-/home-or-tmp-2.0.0.tgz", + "integrity": "sha1-42w/LSyufXRqhX440Y1fMqeILbg=", + "requires": { + "os-homedir": "^1.0.0", + "os-tmpdir": "^1.0.1" + } + }, + "http-signature": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz", + "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=", + "requires": { + "assert-plus": "^1.0.0", + "jsprim": "^1.2.2", + "sshpk": "^1.7.0" + } + }, + "https-proxy-agent": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-2.2.2.tgz", + "integrity": "sha512-c8Ndjc9Bkpfx/vCJueCPy0jlP4ccCCSNDp8xwCZzPjKJUm+B+u9WX2x98Qx4n1PiMNTWo3D7KK5ifNV/yJyRzg==", + "requires": { + "agent-base": "^4.3.0", + "debug": "^3.1.0" + }, + "dependencies": { + "debug": { + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz", + "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==", + "requires": { + "ms": "^2.1.1" + } + }, + "ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" + } + } + }, + "icss-replace-symbols": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz", + "integrity": "sha1-Bupvg2ead0njhs/h/oEq5dsiPe0=" + }, + "ignore": { + "version": "4.0.6", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz", + "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==", + "dev": true + }, + "import-cwd": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz", + "integrity": "sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=", + "dev": true, + "requires": { + "import-from": "^2.1.0" + } + }, + "import-from": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz", + "integrity": "sha1-M1238qev/VOqpHHUuAId7ja387E=", + "dev": true, + "requires": { + "resolve-from": "^3.0.0" + } + }, + "indexes-of": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz", + "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=" + }, + "inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", + "requires": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "invariant": { + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", + "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", + "requires": { + "loose-envify": "^1.0.0" + } + }, + "invert-kv": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz", + "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==" + }, + "is-accessor-descriptor": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", + "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "is-arrayish": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", + "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=", + "dev": true + }, + "is-binary-path": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz", + "integrity": "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=", + "dev": true, + "requires": { + "binary-extensions": "^1.0.0" + } + }, + "is-buffer": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz", + "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==" + }, + "is-callable": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.4.tgz", + "integrity": "sha512-r5p9sxJjYnArLjObpjA4xu5EKI3CuKHkJXMhT7kwbpUyIFD1n5PMAsoPvWnvtZiNz7LjkYDRZhd7FlI0eMijEA==" + }, + "is-data-descriptor": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", + "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "is-date-object": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.1.tgz", + "integrity": "sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=" + }, + "is-descriptor": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", + "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", + "requires": { + "is-accessor-descriptor": "^0.1.6", + "is-data-descriptor": "^0.1.4", + "kind-of": "^5.0.0" + }, + "dependencies": { + "kind-of": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", + "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==" + } + } + }, + "is-directory": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz", + "integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=", + "dev": true + }, + "is-extendable": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", + "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=" + }, + "is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=", + "dev": true + }, + "is-finite": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz", + "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=", + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "is-fullwidth-code-point": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", + "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=" + }, + "is-glob": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz", + "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==", + "dev": true, + "requires": { + "is-extglob": "^2.1.1" + } + }, + "is-module": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz", + "integrity": "sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=", + "dev": true + }, + "is-number": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", + "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "is-plain-object": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", + "requires": { + "isobject": "^3.0.1" + } + }, + "is-regex": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.4.tgz", + "integrity": "sha1-VRdIm1RwkbCTDglWVM7SXul+lJE=", + "requires": { + "has": "^1.0.1" + } + }, + "is-stream": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz", + "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=" + }, + "is-symbol": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.2.tgz", + "integrity": "sha512-HS8bZ9ox60yCJLH9snBpIwv9pYUAkcuLhSA1oero1UB5y9aiQpRA8y2ex945AOtCZL1lJDeIk3G5LthswI46Lw==", + "requires": { + "has-symbols": "^1.0.0" + } + }, + "is-typedarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz", + "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=" + }, + "is-windows": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", + "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==" + }, + "isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" + }, + "isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=" + }, + "isobject": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", + "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=" + }, + "isstream": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz", + "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=" + }, + "js-base64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.1.tgz", + "integrity": "sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw==" + }, + "js-tokens": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz", + "integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls=" + }, + "js-yaml": { + "version": "3.13.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz", + "integrity": "sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==", + "requires": { + "argparse": "^1.0.7", + "esprima": "^4.0.0" + } + }, + "jsbn": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz", + "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=" + }, + "jsesc": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", + "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=" + }, + "json-parse-better-errors": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz", + "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==", + "dev": true + }, + "json-schema": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz", + "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=" + }, + "json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==" + }, + "json-stringify-safe": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz", + "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=" + }, + "json5": { + "version": "0.5.1", + "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz", + "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=" + }, + "jsonfile": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", + "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=", + "requires": { + "graceful-fs": "^4.1.6" + } + }, + "jsprim": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz", + "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=", + "requires": { + "assert-plus": "1.0.0", + "extsprintf": "1.3.0", + "json-schema": "0.2.3", + "verror": "1.10.0" + } + }, + "kew": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/kew/-/kew-0.7.0.tgz", + "integrity": "sha1-edk9LTM2PW/dKXCzNdkUGtWR15s=" + }, + "kind-of": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", + "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==" + }, + "klaw": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/klaw/-/klaw-1.3.1.tgz", + "integrity": "sha1-QIhDO0azsbolnXh4XY6W9zugJDk=", + "requires": { + "graceful-fs": "^4.1.9" + } + }, + "kuler": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/kuler/-/kuler-1.0.1.tgz", + "integrity": "sha512-J9nVUucG1p/skKul6DU3PUZrhs0LPulNaeUOox0IyXDi8S4CztTHs1gQphhuZmzXG7VOQSf6NJfKuzteQLv9gQ==", + "requires": { + "colornames": "^1.1.1" + } + }, + "lcid": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz", + "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==", + "requires": { + "invert-kv": "^2.0.0" + } + }, + "loader-utils": { + "version": "0.2.17", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz", + "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=", + "requires": { + "big.js": "^3.1.3", + "emojis-list": "^2.0.0", + "json5": "^0.5.0", + "object-assign": "^4.0.1" + } + }, + "locate-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", + "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", + "requires": { + "p-locate": "^3.0.0", + "path-exists": "^3.0.0" + } + }, + "lodash": { + "version": "4.17.11", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", + "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==" + }, + "lodash._arraymap": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/lodash._arraymap/-/lodash._arraymap-3.0.0.tgz", + "integrity": "sha1-Go/Q9MDfS2HeoHbXF83Jfwo8PmY=" + }, + "lodash._basecallback": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/lodash._basecallback/-/lodash._basecallback-3.3.1.tgz", + "integrity": "sha1-t7K7Q9whYEJKIczybFfkQ3cqjic=", + "requires": { + "lodash._baseisequal": "^3.0.0", + "lodash._bindcallback": "^3.0.0", + "lodash.isarray": "^3.0.0", + "lodash.pairs": "^3.0.0" + } + }, + "lodash._baseeach": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/lodash._baseeach/-/lodash._baseeach-3.0.4.tgz", + "integrity": "sha1-z4cGVyyhROjZ11InyZDamC+TKvM=", + "requires": { + "lodash.keys": "^3.0.0" + } + }, + "lodash._baseget": { + "version": "3.7.2", + "resolved": "https://registry.npmjs.org/lodash._baseget/-/lodash._baseget-3.7.2.tgz", + "integrity": "sha1-G2rh1frPPCVTI1ChPBGXy4u2dPQ=" + }, + "lodash._baseisequal": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/lodash._baseisequal/-/lodash._baseisequal-3.0.7.tgz", + "integrity": "sha1-2AJfdjOdKTQnZ9zIh85cuVpbUfE=", + "requires": { + "lodash.isarray": "^3.0.0", + "lodash.istypedarray": "^3.0.0", + "lodash.keys": "^3.0.0" + } + }, + "lodash._bindcallback": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/lodash._bindcallback/-/lodash._bindcallback-3.0.1.tgz", + "integrity": "sha1-5THCdkTPi1epnhftlbNcdIeJOS4=" + }, + "lodash._getnative": { + "version": "3.9.1", + "resolved": "https://registry.npmjs.org/lodash._getnative/-/lodash._getnative-3.9.1.tgz", + "integrity": "sha1-VwvH3t5G1hzc3mh9ZdPuy6o6r/U=" + }, + "lodash._topath": { + "version": "3.8.1", + "resolved": "https://registry.npmjs.org/lodash._topath/-/lodash._topath-3.8.1.tgz", + "integrity": "sha1-PsXiYGAU9MuX91X+aRTt2L/ADqw=", + "requires": { + "lodash.isarray": "^3.0.0" + } + }, + "lodash.isarguments": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz", + "integrity": "sha1-L1c9hcaiQon/AGY7SRwdM4/zRYo=" + }, + "lodash.isarray": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/lodash.isarray/-/lodash.isarray-3.0.4.tgz", + "integrity": "sha1-eeTriMNqgSKvhvhEqpvNhRtfu1U=" + }, + "lodash.istypedarray": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/lodash.istypedarray/-/lodash.istypedarray-3.0.6.tgz", + "integrity": "sha1-yaR3SYYHUB2OhJTSg7h8OSgc72I=" + }, + "lodash.keys": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-3.1.2.tgz", + "integrity": "sha1-TbwEcrFWvlCgsoaFXRvQsMZWCYo=", + "requires": { + "lodash._getnative": "^3.0.0", + "lodash.isarguments": "^3.0.0", + "lodash.isarray": "^3.0.0" + } + }, + "lodash.map": { + "version": "3.1.4", + "resolved": "https://registry.npmjs.org/lodash.map/-/lodash.map-3.1.4.tgz", + "integrity": "sha1-tIOs0beGxce0ksSV97UmYim8AMI=", + "requires": { + "lodash._arraymap": "^3.0.0", + "lodash._basecallback": "^3.0.0", + "lodash._baseeach": "^3.0.0", + "lodash.isarray": "^3.0.0", + "lodash.keys": "^3.0.0" + } + }, + "lodash.pairs": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/lodash.pairs/-/lodash.pairs-3.0.1.tgz", + "integrity": "sha1-u+CNV4bu6qCaFckevw3LfSvjJqk=", + "requires": { + "lodash.keys": "^3.0.0" + } + }, + "lodash.pluck": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/lodash.pluck/-/lodash.pluck-3.1.2.tgz", + "integrity": "sha1-s0fwN0wBafDusE1nLYnOyGMsIjE=", + "requires": { + "lodash._baseget": "^3.0.0", + "lodash._topath": "^3.0.0", + "lodash.isarray": "^3.0.0", + "lodash.map": "^3.0.0" + } + }, + "lodash.toarray": { + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/lodash.toarray/-/lodash.toarray-4.4.0.tgz", + "integrity": "sha1-JMS/zWsvuji/0FlNsRedjptlZWE=", + "dev": true + }, + "log-symbols": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz", + "integrity": "sha512-VeIAFslyIerEJLXHziedo2basKbMKtTw3vfn5IzG0XTjhAVEJyNHnL2p7vc+wBDSdQuUpNw3M2u6xb9QsAY5Eg==", + "dev": true, + "requires": { + "chalk": "^2.0.1" + } + }, + "logform": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/logform/-/logform-2.1.2.tgz", + "integrity": "sha512-+lZh4OpERDBLqjiwDLpAWNQu6KMjnlXH2ByZwCuSqVPJletw0kTWJf5CgSNAUKn1KUkv3m2cUz/LK8zyEy7wzQ==", + "requires": { + "colors": "^1.2.1", + "fast-safe-stringify": "^2.0.4", + "fecha": "^2.3.3", + "ms": "^2.1.1", + "triple-beam": "^1.3.0" + }, + "dependencies": { + "ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" + } + } + }, + "loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "requires": { + "js-tokens": "^3.0.0 || ^4.0.0" + } + }, + "lru-cache": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz", + "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==", + "requires": { + "pseudomap": "^1.0.2", + "yallist": "^2.1.2" + } + }, + "magic-string": { + "version": "0.25.2", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.2.tgz", + "integrity": "sha512-iLs9mPjh9IuTtRsqqhNGYcZXGei0Nh/A4xirrsqW7c+QhKVFL2vm7U09ru6cHRD22azaP/wMDgI+HCqbETMTtg==", + "requires": { + "sourcemap-codec": "^1.4.4" + } + }, + "map-age-cleaner": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz", + "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==", + "requires": { + "p-defer": "^1.0.0" + } + }, + "map-cache": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz", + "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=" + }, + "map-visit": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", + "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=", + "requires": { + "object-visit": "^1.0.0" + } + }, + "marked": { + "version": "0.6.2", + "resolved": "https://registry.npmjs.org/marked/-/marked-0.6.2.tgz", + "integrity": "sha512-LqxwVH3P/rqKX4EKGz7+c2G9r98WeM/SW34ybhgNGhUQNKtf1GmmSkJ6cDGJ/t6tiyae49qRkpyTw2B9HOrgUA==" + }, + "mdn-data": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-1.1.4.tgz", + "integrity": "sha512-FSYbp3lyKjyj3E7fMl6rYvUdX0FBXaluGqlFoYESWQlyUTq8R+wp0rkFxoYFqZlHCvsUXGjyJmLQSnXToYhOSA==" + }, + "mem": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/mem/-/mem-4.3.0.tgz", + "integrity": "sha512-qX2bG48pTqYRVmDB37rn/6PT7LcR8T7oAX3bf99u1Tt1nzxYfxkgqDwUwolPlXweM0XzBOBFzSx4kfp7KP1s/w==", + "requires": { + "map-age-cleaner": "^0.1.1", + "mimic-fn": "^2.0.0", + "p-is-promise": "^2.0.0" + } + }, + "merge-source-map": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/merge-source-map/-/merge-source-map-1.1.0.tgz", + "integrity": "sha512-Qkcp7P2ygktpMPh2mCQZaf3jhN6D3Z/qVZHSdWvQ+2Ef5HgRAPBO57A77+ENm0CPx2+1Ce/MYKi3ymqdfuqibw==", + "requires": { + "source-map": "^0.6.1" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + } + } + }, + "merge2": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.3.tgz", + "integrity": "sha512-gdUU1Fwj5ep4kplwcmftruWofEFt6lfpkkr3h860CXbAB9c3hGb55EOL2ali0Td5oebvW0E1+3Sr+Ur7XfKpRA==", + "dev": true + }, + "micromatch": { + "version": "3.1.10", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", + "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", + "requires": { + "arr-diff": "^4.0.0", + "array-unique": "^0.3.2", + "braces": "^2.3.1", + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "extglob": "^2.0.4", + "fragment-cache": "^0.2.1", + "kind-of": "^6.0.2", + "nanomatch": "^1.2.9", + "object.pick": "^1.3.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.2" + } + }, + "mime": { + "version": "2.4.4", + "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.4.tgz", + "integrity": "sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA==" + }, + "mime-db": { + "version": "1.40.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz", + "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==" + }, + "mime-types": { + "version": "2.1.24", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz", + "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==", + "requires": { + "mime-db": "1.40.0" + } + }, + "mimic-fn": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", + "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==" + }, + "min-document": { + "version": "2.19.0", + "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz", + "integrity": "sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU=", + "dev": true, + "requires": { + "dom-walk": "^0.1.0" + } + }, + "minimatch": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", + "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", + "requires": { + "brace-expansion": "^1.1.7" + } + }, + "minimist": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=" + }, + "mixin-deep": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.1.tgz", + "integrity": "sha512-8ZItLHeEgaqEvd5lYBXfm4EZSFCX29Jb9K+lAHhDKzReKBQKj3R+7NOF6tjqYi9t4oI8VUfaWITJQm86wnXGNQ==", + "requires": { + "for-in": "^1.0.2", + "is-extendable": "^1.0.1" + }, + "dependencies": { + "is-extendable": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", + "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", + "requires": { + "is-plain-object": "^2.0.4" + } + } + } + }, + "mkdirp": { + "version": "0.5.1", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", + "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", + "requires": { + "minimist": "0.0.8" + }, + "dependencies": { + "minimist": { + "version": "0.0.8", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", + "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=" + } + } + }, + "mocha": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/mocha/-/mocha-5.2.0.tgz", + "integrity": "sha512-2IUgKDhc3J7Uug+FxMXuqIyYzH7gJjXECKe/w43IGgQHTSj3InJi+yAA7T24L9bQMRKiUEHxEX37G5JpVUGLcQ==", + "requires": { + "browser-stdout": "1.3.1", + "commander": "2.15.1", + "debug": "3.1.0", + "diff": "3.5.0", + "escape-string-regexp": "1.0.5", + "glob": "7.1.2", + "growl": "1.10.5", + "he": "1.1.1", + "minimatch": "3.0.4", + "mkdirp": "0.5.1", + "supports-color": "5.4.0" + }, + "dependencies": { + "debug": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", + "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==", + "requires": { + "ms": "2.0.0" + } + }, + "glob": { + "version": "7.1.2", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz", + "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==", + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, + "he": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/he/-/he-1.1.1.tgz", + "integrity": "sha1-k0EP0hsAlzUVH4howvJx80J+I/0=" + }, + "supports-color": { + "version": "5.4.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.4.0.tgz", + "integrity": "sha512-zjaXglF5nnWpsq470jSv6P9DwPvgLkuapYmfDm3JWOm0vkNTVF2tI4UrN2r6jH1qM/uc/WtxYY1hYoA2dOKj5w==", + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "mustache": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/mustache/-/mustache-3.0.1.tgz", + "integrity": "sha512-jFI/4UVRsRYdUbuDTKT7KzfOp7FiD5WzYmmwNwXyUVypC0xjoTL78Fqc0jHUPIvvGD+6DQSPHIt1NE7D1ArsqA==" + }, + "nan": { + "version": "2.13.2", + "resolved": "https://registry.npmjs.org/nan/-/nan-2.13.2.tgz", + "integrity": "sha512-TghvYc72wlMGMVMluVo9WRJc0mB8KxxF/gZ4YYFy7V2ZQX9l7rgbPg7vjS9mt6U5HXODVFVI2bOduCzwOMv/lw==", + "dev": true, + "optional": true + }, + "nanomatch": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz", + "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==", + "requires": { + "arr-diff": "^4.0.0", + "array-unique": "^0.3.2", + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "fragment-cache": "^0.2.1", + "is-windows": "^1.0.2", + "kind-of": "^6.0.2", + "object.pick": "^1.3.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + } + }, + "nice-try": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz", + "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==" + }, + "node-emoji": { + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-1.10.0.tgz", + "integrity": "sha512-Yt3384If5H6BYGVHiHwTL+99OzJKHhgp82S8/dktEK73T26BazdgZ4JZh92xSVtGNJvz9UbXdNAc5hcrXV42vw==", + "dev": true, + "requires": { + "lodash.toarray": "^4.4.0" + } + }, + "node-releases": { + "version": "1.1.58", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.58.tgz", + "integrity": "sha512-NxBudgVKiRh/2aPWMgPR7bPTX0VPmGx5QBwCtdHitnqFE5/O8DeBXuIMH1nwNnw/aMo6AjOrpsHzfY3UbUJ7yg==", + "dev": true + }, + "normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true + }, + "normalize-range": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", + "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=", + "dev": true + }, + "normalize.css": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz", + "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==", + "dev": true + }, + "npm-run-path": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz", + "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=", + "requires": { + "path-key": "^2.0.0" + } + }, + "nth-check": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz", + "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==", + "requires": { + "boolbase": "~1.0.0" + } + }, + "num2fraction": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz", + "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=", + "dev": true + }, + "number-is-nan": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz", + "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=" + }, + "oauth-sign": { + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz", + "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==" + }, + "object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" + }, + "object-copy": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz", + "integrity": "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=", + "requires": { + "copy-descriptor": "^0.1.0", + "define-property": "^0.2.5", + "kind-of": "^3.0.3" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + }, + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "object-keys": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", + "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==" + }, + "object-visit": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz", + "integrity": "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=", + "requires": { + "isobject": "^3.0.0" + } + }, + "object.getownpropertydescriptors": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.0.3.tgz", + "integrity": "sha1-h1jIRvW0B62rDyNuCYbxSwUcqhY=", + "requires": { + "define-properties": "^1.1.2", + "es-abstract": "^1.5.1" + } + }, + "object.pick": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz", + "integrity": "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=", + "requires": { + "isobject": "^3.0.1" + } + }, + "object.values": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.0.tgz", + "integrity": "sha512-8mf0nKLAoFX6VlNVdhGj31SVYpaNFtUnuoOXWyFEstsWRgU837AK+JYM0iAxwkSzGRbwn8cbFmgbyxj1j4VbXg==", + "requires": { + "define-properties": "^1.1.3", + "es-abstract": "^1.12.0", + "function-bind": "^1.1.1", + "has": "^1.0.3" + } + }, + "once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", + "requires": { + "wrappy": "1" + } + }, + "one-time": { + "version": "0.0.4", + "resolved": "https://registry.npmjs.org/one-time/-/one-time-0.0.4.tgz", + "integrity": "sha1-+M33eISCb+Tf+T46nMN7HkSAdC4=" + }, + "os-homedir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", + "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=" + }, + "os-locale": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz", + "integrity": "sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==", + "requires": { + "execa": "^1.0.0", + "lcid": "^2.0.0", + "mem": "^4.0.0" + } + }, + "os-tmpdir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", + "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=" + }, + "p-defer": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz", + "integrity": "sha1-n26xgvbJqozXQwBKfU+WsZaw+ww=" + }, + "p-finally": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz", + "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=" + }, + "p-is-promise": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-2.1.0.tgz", + "integrity": "sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==" + }, + "p-limit": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.0.tgz", + "integrity": "sha512-pZbTJpoUsCzV48Mc9Nh51VbwO0X9cuPFE8gYwx9BTCt9SF8/b7Zljd2fVgOxhIF/HDTKgpVzs+GPhyKfjLLFRQ==", + "requires": { + "p-try": "^2.0.0" + } + }, + "p-locate": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", + "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", + "requires": { + "p-limit": "^2.0.0" + } + }, + "p-try": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==" + }, + "parse-json": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", + "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=", + "dev": true, + "requires": { + "error-ex": "^1.3.1", + "json-parse-better-errors": "^1.0.1" + } + }, + "pascalcase": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz", + "integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=" + }, + "path-dirname": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz", + "integrity": "sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=", + "dev": true + }, + "path-exists": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", + "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=" + }, + "path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=" + }, + "path-key": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz", + "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=" + }, + "path-parse": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", + "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==" + }, + "path-type": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz", + "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==", + "dev": true, + "requires": { + "pify": "^3.0.0" + }, + "dependencies": { + "pify": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz", + "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=", + "dev": true + } + } + }, + "pend": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz", + "integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA=" + }, + "performance-now": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", + "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=" + }, + "perfume.js": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/perfume.js/-/perfume.js-5.1.0.tgz", + "integrity": "sha512-ICZ54+V/6v7Qa40oQw7JtA0wcczYJb3azx+g8FP5u1ZawIEjnzAIVeBBkclkfqN1y25p9qjKjhJqvdzk9kugQg==", + "dev": true + }, + "phantomjs-prebuilt": { + "version": "2.1.16", + "resolved": "https://registry.npmjs.org/phantomjs-prebuilt/-/phantomjs-prebuilt-2.1.16.tgz", + "integrity": "sha1-79ISpKOWbTZHaE6ouniFSb4q7+8=", + "requires": { + "es6-promise": "^4.0.3", + "extract-zip": "^1.6.5", + "fs-extra": "^1.0.0", + "hasha": "^2.2.0", + "kew": "^0.7.0", + "progress": "^1.1.8", + "request": "^2.81.0", + "request-progress": "^2.0.1", + "which": "^1.2.10" + }, + "dependencies": { + "fs-extra": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-1.0.0.tgz", + "integrity": "sha1-zTzl9+fLYUWIP8rjGR6Yd/hYeVA=", + "requires": { + "graceful-fs": "^4.1.2", + "jsonfile": "^2.1.0", + "klaw": "^1.0.0" + } + }, + "jsonfile": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz", + "integrity": "sha1-NzaitCi4e72gzIO1P6PWM6NcKug=", + "requires": { + "graceful-fs": "^4.1.6" + } + } + } + }, + "pify": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", + "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", + "dev": true + }, + "pinkie": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz", + "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=" + }, + "pinkie-promise": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz", + "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=", + "requires": { + "pinkie": "^2.0.0" + } + }, + "pixelmatch": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/pixelmatch/-/pixelmatch-5.0.2.tgz", + "integrity": "sha512-b65UpTI40rGFY8QwN6IYuCbpmwAOL6M8d6voX4F3zR99UmDqh7r2QWLxoeHOazBRgEmDUdqNVESDREqFxQS7rQ==", + "dev": true, + "requires": { + "pngjs": "^3.4.0" + } + }, + "pkg-up": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-2.0.0.tgz", + "integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=", + "dev": true, + "requires": { + "find-up": "^2.1.0" + }, + "dependencies": { + "find-up": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz", + "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=", + "dev": true, + "requires": { + "locate-path": "^2.0.0" + } + }, + "locate-path": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz", + "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=", + "dev": true, + "requires": { + "p-locate": "^2.0.0", + "path-exists": "^3.0.0" + } + }, + "p-limit": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz", + "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==", + "dev": true, + "requires": { + "p-try": "^1.0.0" + } + }, + "p-locate": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz", + "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=", + "dev": true, + "requires": { + "p-limit": "^1.1.0" + } + }, + "p-try": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz", + "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=", + "dev": true + } + } + }, + "pngjs": { + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-3.4.0.tgz", + "integrity": "sha512-NCrCHhWmnQklfH4MtJMRjZ2a8c80qXeMlQMv2uVp9ISJMTt562SbGd6n2oq0PaPgKm7Z6pL9E2UlLIhC+SHL3w==", + "dev": true + }, + "posix-character-classes": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz", + "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=" + }, + "postcss": { + "version": "7.0.14", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.14.tgz", + "integrity": "sha512-NsbD6XUUMZvBxtQAJuWDJeeC4QFsmWsfozWxCJPWf3M55K9iu2iMDaKqyoOdTJ1R4usBXuxlVFAIo8rZPQD4Bg==", + "requires": { + "chalk": "^2.4.2", + "source-map": "^0.6.1", + "supports-color": "^6.1.0" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + }, + "supports-color": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", + "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "postcss-cli": { + "version": "6.1.2", + "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-6.1.2.tgz", + "integrity": "sha512-jIWfIkqt8cTThSpH8DBaNxHlBf99OKSem2RseRpfVPqWayxHKQB0IWdS/IF5XSGeFU5QslSDTdVHnw6qggXGkA==", + "dev": true, + "requires": { + "chalk": "^2.1.0", + "chokidar": "^2.0.0", + "dependency-graph": "^0.8.0", + "fs-extra": "^7.0.0", + "get-stdin": "^6.0.0", + "globby": "^9.0.0", + "postcss": "^7.0.0", + "postcss-load-config": "^2.0.0", + "postcss-reporter": "^6.0.0", + "pretty-hrtime": "^1.0.3", + "read-cache": "^1.0.0", + "yargs": "^12.0.1" + }, + "dependencies": { + "ansi-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", + "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=", + "dev": true + }, + "get-caller-file": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", + "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==", + "dev": true + }, + "require-main-filename": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", + "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=", + "dev": true + }, + "string-width": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", + "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", + "dev": true, + "requires": { + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^4.0.0" + } + }, + "strip-ansi": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", + "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", + "dev": true, + "requires": { + "ansi-regex": "^3.0.0" + } + }, + "yargs": { + "version": "12.0.5", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz", + "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==", + "dev": true, + "requires": { + "cliui": "^4.0.0", + "decamelize": "^1.2.0", + "find-up": "^3.0.0", + "get-caller-file": "^1.0.1", + "os-locale": "^3.0.0", + "require-directory": "^2.1.1", + "require-main-filename": "^1.0.1", + "set-blocking": "^2.0.0", + "string-width": "^2.0.0", + "which-module": "^2.0.0", + "y18n": "^3.2.1 || ^4.0.0", + "yargs-parser": "^11.1.1" + } + }, + "yargs-parser": { + "version": "11.1.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz", + "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==", + "dev": true, + "requires": { + "camelcase": "^5.0.0", + "decamelize": "^1.2.0" + } + } + } + }, + "postcss-functions": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/postcss-functions/-/postcss-functions-3.0.0.tgz", + "integrity": "sha1-DpTQFERwCkgd4g3k1V+yZAVkJQ4=", + "dev": true, + "requires": { + "glob": "^7.1.2", + "object-assign": "^4.1.1", + "postcss": "^6.0.9", + "postcss-value-parser": "^3.3.0" + }, + "dependencies": { + "postcss": { + "version": "6.0.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", + "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", + "dev": true, + "requires": { + "chalk": "^2.4.1", + "source-map": "^0.6.1", + "supports-color": "^5.4.0" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + } + } + }, + "postcss-import": { + "version": "12.0.1", + "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-12.0.1.tgz", + "integrity": "sha512-3Gti33dmCjyKBgimqGxL3vcV8w9+bsHwO5UrBawp796+jdardbcFl4RP5w/76BwNL7aGzpKstIfF9I+kdE8pTw==", + "dev": true, + "requires": { + "postcss": "^7.0.1", + "postcss-value-parser": "^3.2.3", + "read-cache": "^1.0.0", + "resolve": "^1.1.7" + } + }, + "postcss-js": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-2.0.3.tgz", + "integrity": "sha512-zS59pAk3deu6dVHyrGqmC3oDXBdNdajk4k1RyxeVXCrcEDBUBHoIhE4QTsmhxgzXxsaqFDAkUZfmMa5f/N/79w==", + "dev": true, + "requires": { + "camelcase-css": "^2.0.1", + "postcss": "^7.0.18" + }, + "dependencies": { + "postcss": { + "version": "7.0.32", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz", + "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==", + "dev": true, + "requires": { + "chalk": "^2.4.2", + "source-map": "^0.6.1", + "supports-color": "^6.1.0" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + }, + "supports-color": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", + "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "postcss-load-config": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.0.0.tgz", + "integrity": "sha512-V5JBLzw406BB8UIfsAWSK2KSwIJ5yoEIVFb4gVkXci0QdKgA24jLmHZ/ghe/GgX0lJ0/D1uUK1ejhzEY94MChQ==", + "dev": true, + "requires": { + "cosmiconfig": "^4.0.0", + "import-cwd": "^2.0.0" + } + }, + "postcss-modules-local-by-default": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz", + "integrity": "sha1-99gMOYxaOT+nlkRmvRlQCn1hwGk=", + "requires": { + "css-selector-tokenizer": "^0.7.0", + "postcss": "^6.0.1" + }, + "dependencies": { + "postcss": { + "version": "6.0.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", + "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", + "requires": { + "chalk": "^2.4.1", + "source-map": "^0.6.1", + "supports-color": "^5.4.0" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + } + } + }, + "postcss-modules-scope": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz", + "integrity": "sha1-1upkmUx5+XtipytCb75gVqGUu5A=", + "requires": { + "css-selector-tokenizer": "^0.7.0", + "postcss": "^6.0.1" + }, + "dependencies": { + "postcss": { + "version": "6.0.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", + "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", + "requires": { + "chalk": "^2.4.1", + "source-map": "^0.6.1", + "supports-color": "^5.4.0" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + } + } + }, + "postcss-modules-sync": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/postcss-modules-sync/-/postcss-modules-sync-1.0.0.tgz", + "integrity": "sha1-YZpxnPeN0WpINBNRQLMkz3czS+E=", + "requires": { + "generic-names": "^1.0.2", + "icss-replace-symbols": "^1.0.2", + "postcss": "^5.2.5", + "postcss-modules-local-by-default": "^1.1.1", + "postcss-modules-scope": "^1.0.2", + "string-hash": "^1.1.0" + }, + "dependencies": { + "ansi-styles": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", + "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=" + }, + "chalk": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", + "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", + "requires": { + "ansi-styles": "^2.2.1", + "escape-string-regexp": "^1.0.2", + "has-ansi": "^2.0.0", + "strip-ansi": "^3.0.0", + "supports-color": "^2.0.0" + }, + "dependencies": { + "supports-color": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", + "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=" + } + } + }, + "has-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz", + "integrity": "sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=" + }, + "postcss": { + "version": "5.2.18", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz", + "integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==", + "requires": { + "chalk": "^1.1.3", + "js-base64": "^2.1.9", + "source-map": "^0.5.6", + "supports-color": "^3.2.3" + } + }, + "supports-color": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz", + "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=", + "requires": { + "has-flag": "^1.0.0" + } + } + } + }, + "postcss-nested": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-4.2.1.tgz", + "integrity": "sha512-AMayXX8tS0HCp4O4lolp4ygj9wBn32DJWXvG6gCv+ZvJrEa00GUxJcJEEzMh87BIe6FrWdYkpR2cuyqHKrxmXw==", + "dev": true, + "requires": { + "postcss": "^7.0.21", + "postcss-selector-parser": "^6.0.2" + }, + "dependencies": { + "cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "dev": true + }, + "postcss": { + "version": "7.0.32", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz", + "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==", + "dev": true, + "requires": { + "chalk": "^2.4.2", + "source-map": "^0.6.1", + "supports-color": "^6.1.0" + } + }, + "postcss-selector-parser": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz", + "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==", + "dev": true, + "requires": { + "cssesc": "^3.0.0", + "indexes-of": "^1.0.1", + "uniq": "^1.0.1" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + }, + "supports-color": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", + "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "postcss-reporter": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-6.0.1.tgz", + "integrity": "sha512-LpmQjfRWyabc+fRygxZjpRxfhRf9u/fdlKf4VHG4TSPbV2XNsuISzYW1KL+1aQzx53CAppa1bKG4APIB/DOXXw==", + "dev": true, + "requires": { + "chalk": "^2.4.1", + "lodash": "^4.17.11", + "log-symbols": "^2.2.0", + "postcss": "^7.0.7" + } + }, + "postcss-selector-parser": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz", + "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==", + "requires": { + "cssesc": "^2.0.0", + "indexes-of": "^1.0.1", + "uniq": "^1.0.1" + } + }, + "postcss-value-parser": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz", + "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==", + "dev": true + }, + "prettier": { + "version": "1.16.3", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.16.3.tgz", + "integrity": "sha512-kn/GU6SMRYPxUakNXhpP0EedT/KmaPzr0H5lIsDogrykbaxOpOfAFfk5XA7DZrJyMAv1wlMV3CPcZruGXVVUZw==" + }, + "pretty-hrtime": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", + "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=", + "dev": true + }, + "prettysize": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/prettysize/-/prettysize-1.1.0.tgz", + "integrity": "sha512-U5Noa+FYV1dGkICyLJz8IWlDUehPF4Bk9tZRO8YqPhLA9EoiHuFqtnpWY2mvMjHh5eOLo82HipeLn4RIiSsGqQ==" + }, + "private": { + "version": "0.1.8", + "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz", + "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==" + }, + "process": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/process/-/process-0.5.2.tgz", + "integrity": "sha1-FjjYqONML0QKkduVq5rrZ3/Bhc8=", + "dev": true + }, + "process-nextick-args": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz", + "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==" + }, + "progress": { + "version": "1.1.8", + "resolved": "https://registry.npmjs.org/progress/-/progress-1.1.8.tgz", + "integrity": "sha1-4mDHj2Fhzdmw5WzD4Khd4Xx6V74=" + }, + "proxy-from-env": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz", + "integrity": "sha1-M8UDmPcOp+uW0h97gXYwpVeRx+4=" + }, + "pseudomap": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz", + "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=" + }, + "psl": { + "version": "1.1.32", + "resolved": "https://registry.npmjs.org/psl/-/psl-1.1.32.tgz", + "integrity": "sha512-MHACAkHpihU/REGGPLj4sEfc/XKW2bheigvHO1dUqjaKigMp1C8+WLQYRGgeKFMsw5PMfegZcaN8IDXK/cD0+g==" + }, + "pump": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", + "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", + "requires": { + "end-of-stream": "^1.1.0", + "once": "^1.3.1" + } + }, + "punycode": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", + "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==" + }, + "puppeteer": { + "version": "1.19.0", + "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-1.19.0.tgz", + "integrity": "sha512-2S6E6ygpoqcECaagDbBopoSOPDv0pAZvTbnBgUY+6hq0/XDFDOLEMNlHF/SKJlzcaZ9ckiKjKDuueWI3FN/WXw==", + "requires": { + "debug": "^4.1.0", + "extract-zip": "^1.6.6", + "https-proxy-agent": "^2.2.1", + "mime": "^2.0.3", + "progress": "^2.0.1", + "proxy-from-env": "^1.0.0", + "rimraf": "^2.6.1", + "ws": "^6.1.0" + }, + "dependencies": { + "debug": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", + "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", + "requires": { + "ms": "^2.1.1" + } + }, + "ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" + }, + "progress": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", + "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==" + } + } + }, + "purgecss": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-1.2.0.tgz", + "integrity": "sha512-iO2bkR8i+4bcBC0lid0YHDW9Z9pou7FHvBcfcnqPiKSP6LkDcjZTl0HHtCJ37POp82ZQFK7GWz+GFUNwM8GstA==", + "dev": true, + "requires": { + "glob": "^7.1.3", + "postcss": "^7.0.14", + "postcss-selector-parser": "^6.0.0", + "yargs": "^13.2.2" + }, + "dependencies": { + "cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "dev": true + }, + "postcss-selector-parser": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz", + "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==", + "dev": true, + "requires": { + "cssesc": "^3.0.0", + "indexes-of": "^1.0.1", + "uniq": "^1.0.1" + } + } + } + }, + "q": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz", + "integrity": "sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=" + }, + "qs": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz", + "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==" + }, + "querystring": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz", + "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=" + }, + "read-cache": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", + "integrity": "sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=", + "dev": true, + "requires": { + "pify": "^2.3.0" + }, + "dependencies": { + "pify": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", + "dev": true + } + } + }, + "readable-stream": { + "version": "2.3.6", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", + "requires": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "readdirp": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz", + "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.11", + "micromatch": "^3.1.10", + "readable-stream": "^2.0.2" + } + }, + "reduce-css-calc": { + "version": "2.1.7", + "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-2.1.7.tgz", + "integrity": "sha512-fDnlZ+AybAS3C7Q9xDq5y8A2z+lT63zLbynew/lur/IR24OQF5x98tfNwf79mzEdfywZ0a2wpM860FhFfMxZlA==", + "dev": true, + "requires": { + "css-unit-converter": "^1.1.1", + "postcss-value-parser": "^3.3.0" + } + }, + "regenerate": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.0.tgz", + "integrity": "sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==" + }, + "regenerate-unicode-properties": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-7.0.0.tgz", + "integrity": "sha512-s5NGghCE4itSlUS+0WUj88G6cfMVMmH8boTPNvABf8od+2dhT9WDlWu8n01raQAJZMOK8Ch6jSexaRO7swd6aw==", + "requires": { + "regenerate": "^1.4.0" + } + }, + "regenerator-runtime": { + "version": "0.11.1", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz", + "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==" + }, + "regenerator-transform": { + "version": "0.10.1", + "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.10.1.tgz", + "integrity": "sha512-PJepbvDbuK1xgIgnau7Y90cwaAmO/LCLMI2mPvaXq2heGMR3aWW5/BQvYrhJ8jgmQjXewXvBjzfqKcVOmhjZ6Q==", + "requires": { + "babel-runtime": "^6.18.0", + "babel-types": "^6.19.0", + "private": "^0.1.6" + } + }, + "regex-not": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz", + "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==", + "requires": { + "extend-shallow": "^3.0.2", + "safe-regex": "^1.1.0" + } + }, + "regexpu-core": { + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.4.0.tgz", + "integrity": "sha512-eDDWElbwwI3K0Lo6CqbQbA6FwgtCz4kYTarrri1okfkRLZAqstU+B3voZBCjg8Fl6iq0gXrJG6MvRgLthfvgOA==", + "requires": { + "regenerate": "^1.4.0", + "regenerate-unicode-properties": "^7.0.0", + "regjsgen": "^0.5.0", + "regjsparser": "^0.6.0", + "unicode-match-property-ecmascript": "^1.0.4", + "unicode-match-property-value-ecmascript": "^1.0.2" + } + }, + "regjsgen": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.5.0.tgz", + "integrity": "sha512-RnIrLhrXCX5ow/E5/Mh2O4e/oa1/jW0eaBKTSy3LaCj+M3Bqvm97GWDp2yUtzIs4LEn65zR2yiYGFqb2ApnzDA==" + }, + "regjsparser": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.6.0.tgz", + "integrity": "sha512-RQ7YyokLiQBomUJuUG8iGVvkgOLxwyZM8k6d3q5SAXpg4r5TZJZigKFvC6PpD+qQ98bCDC5YelPeA3EucDoNeQ==", + "requires": { + "jsesc": "~0.5.0" + } + }, + "remove-trailing-separator": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz", + "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=" + }, + "repeat-element": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.3.tgz", + "integrity": "sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==" + }, + "repeat-string": { + "version": "1.6.1", + "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", + "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=" + }, + "repeating": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz", + "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=", + "requires": { + "is-finite": "^1.0.0" + } + }, + "replace-ext": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", + "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" + }, + "request": { + "version": "2.88.0", + "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz", + "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==", + "requires": { + "aws-sign2": "~0.7.0", + "aws4": "^1.8.0", + "caseless": "~0.12.0", + "combined-stream": "~1.0.6", + "extend": "~3.0.2", + "forever-agent": "~0.6.1", + "form-data": "~2.3.2", + "har-validator": "~5.1.0", + "http-signature": "~1.2.0", + "is-typedarray": "~1.0.0", + "isstream": "~0.1.2", + "json-stringify-safe": "~5.0.1", + "mime-types": "~2.1.19", + "oauth-sign": "~0.9.0", + "performance-now": "^2.1.0", + "qs": "~6.5.2", + "safe-buffer": "^5.1.2", + "tough-cookie": "~2.4.3", + "tunnel-agent": "^0.6.0", + "uuid": "^3.3.2" + } + }, + "request-progress": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/request-progress/-/request-progress-2.0.1.tgz", + "integrity": "sha1-XTa7V5YcZzqlt4jbyBQf3yO0Tgg=", + "requires": { + "throttleit": "^1.0.0" + } + }, + "require-directory": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", + "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=" + }, + "require-from-string": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", + "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", + "dev": true + }, + "require-main-filename": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz", + "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==", + "dev": true + }, + "resolve": { + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.10.0.tgz", + "integrity": "sha512-3sUr9aq5OfSg2S9pNtPA9hL1FVEAjvfOC4leW0SNf/mpnaakz2a9femSd6LqAww2RaFctwyf1lCqnTHuF1rxDg==", + "requires": { + "path-parse": "^1.0.6" + } + }, + "resolve-from": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz", + "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=", + "dev": true + }, + "resolve-url": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", + "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=" + }, + "ret": { + "version": "0.1.15", + "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz", + "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==" + }, + "rimraf": { + "version": "2.6.3", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz", + "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", + "requires": { + "glob": "^7.1.3" + } + }, + "rollup": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-1.2.2.tgz", + "integrity": "sha512-fsn5KJcfSuejjrv8GV7kZNciElqxyzZdUq8rA3e528JsR3ccxrWwoptyUY8GGLlgMFAQMB3dZW8nWF2I1/xrZA==", + "requires": { + "@types/estree": "0.0.39", + "@types/node": "*", + "acorn": "^6.1.0" + } + }, + "rollup-plugin-buble": { + "version": "0.19.6", + "resolved": "https://registry.npmjs.org/rollup-plugin-buble/-/rollup-plugin-buble-0.19.6.tgz", + "integrity": "sha512-El5Fut4/wEO17ZN/n9BZvqd7DXXB2WbJr/DKvr89LXChC/cHllE0XwiUDeAalrTkgr0WrnyLDTCQvEv+cGywWQ==", + "requires": { + "buble": "^0.19.6", + "rollup-pluginutils": "^2.3.3" + } + }, + "rollup-plugin-commonjs": { + "version": "9.2.0", + "resolved": "https://registry.npmjs.org/rollup-plugin-commonjs/-/rollup-plugin-commonjs-9.2.0.tgz", + "integrity": "sha512-0RM5U4Vd6iHjL6rLvr3lKBwnPsaVml+qxOGaaNUWN1lSq6S33KhITOfHmvxV3z2vy9Mk4t0g4rNlVaJJsNQPWA==", + "requires": { + "estree-walker": "^0.5.2", + "magic-string": "^0.25.1", + "resolve": "^1.8.1", + "rollup-pluginutils": "^2.3.3" + }, + "dependencies": { + "estree-walker": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.5.2.tgz", + "integrity": "sha512-XpCnW/AE10ws/kDAs37cngSkvgIR8aN3G0MS85m7dUpuK2EREo9VJ00uvw6Dg/hXEpfsE1I1TvJOJr+Z+TL+ig==" + } + } + }, + "rollup-plugin-node-resolve": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-4.2.3.tgz", + "integrity": "sha512-r+WaesPzdGEynpLZLALFEDugA4ACa5zn7bc/+LVX4vAXQQ8IgDHv0xfsSvJ8tDXUtprfBtrDtRFg27ifKjcJTg==", + "dev": true, + "requires": { + "@types/resolve": "0.0.8", + "builtin-modules": "^3.1.0", + "is-module": "^1.0.0", + "resolve": "^1.10.0" + } + }, + "rollup-plugin-vue": { + "version": "4.7.2", + "resolved": "https://registry.npmjs.org/rollup-plugin-vue/-/rollup-plugin-vue-4.7.2.tgz", + "integrity": "sha512-RuAK+YTL81/iccOWoadqQz2TXqOogivjbvtCuU6EfVP9/E5XIjuMNVsVWHkSelZQblI1z2b5tshWL7XoiOfABQ==", + "requires": { + "@vue/component-compiler": "^3.6", + "@vue/component-compiler-utils": "^2.1.0", + "debug": "^4.1.1", + "hash-sum": "^1.0.2", + "magic-string": "^0.25.2", + "querystring": "^0.2.0", + "rollup-pluginutils": "^2.0.1", + "source-map": "0.7.3", + "vue-runtime-helpers": "1.0.0" + }, + "dependencies": { + "debug": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", + "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", + "requires": { + "ms": "^2.1.1" + } + }, + "ms": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", + "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==" + }, + "source-map": { + "version": "0.7.3", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz", + "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==" + } + } + }, + "rollup-pluginutils": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.4.1.tgz", + "integrity": "sha512-wesMQ9/172IJDIW/lYWm0vW0LiKe5Ekjws481R7z9WTRtmO59cqyM/2uUlxvf6yzm/fElFmHUobeQOYz46dZJw==", + "requires": { + "estree-walker": "^0.6.0", + "micromatch": "^3.1.10" + } + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" + }, + "safe-regex": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", + "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=", + "requires": { + "ret": "~0.1.10" + } + }, + "safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" + }, + "sax": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz", + "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==" + }, + "semver": { + "version": "5.7.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", + "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==" + }, + "set-blocking": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", + "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=" + }, + "set-value": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.0.tgz", + "integrity": "sha512-hw0yxk9GT/Hr5yJEYnHNKYXkIA8mVJgd9ditYZCe16ZczcaELYYcfvaXesNACk2O8O0nTiPQcQhGUQj8JLzeeg==", + "requires": { + "extend-shallow": "^2.0.1", + "is-extendable": "^0.1.1", + "is-plain-object": "^2.0.3", + "split-string": "^3.0.1" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "shebang-command": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", + "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=", + "requires": { + "shebang-regex": "^1.0.0" + } + }, + "shebang-regex": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz", + "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=" + }, + "should": { + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/should/-/should-13.2.3.tgz", + "integrity": "sha512-ggLesLtu2xp+ZxI+ysJTmNjh2U0TsC+rQ/pfED9bUZZ4DKefP27D+7YJVVTvKsmjLpIi9jAa7itwDGkDDmt1GQ==", + "requires": { + "should-equal": "^2.0.0", + "should-format": "^3.0.3", + "should-type": "^1.4.0", + "should-type-adaptors": "^1.0.1", + "should-util": "^1.0.0" + } + }, + "should-equal": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/should-equal/-/should-equal-2.0.0.tgz", + "integrity": "sha512-ZP36TMrK9euEuWQYBig9W55WPC7uo37qzAEmbjHz4gfyuXrEUgF8cUvQVO+w+d3OMfPvSRQJ22lSm8MQJ43LTA==", + "requires": { + "should-type": "^1.4.0" + } + }, + "should-format": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/should-format/-/should-format-3.0.3.tgz", + "integrity": "sha1-m/yPdPo5IFxT04w01xcwPidxJPE=", + "requires": { + "should-type": "^1.3.0", + "should-type-adaptors": "^1.0.1" + } + }, + "should-type": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/should-type/-/should-type-1.4.0.tgz", + "integrity": "sha1-B1bYzoRt/QmEOmlHcZ36DUz/XPM=" + }, + "should-type-adaptors": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/should-type-adaptors/-/should-type-adaptors-1.1.0.tgz", + "integrity": "sha512-JA4hdoLnN+kebEp2Vs8eBe9g7uy0zbRo+RMcU0EsNy+R+k049Ki+N5tT5Jagst2g7EAja+euFuoXFCa8vIklfA==", + "requires": { + "should-type": "^1.3.0", + "should-util": "^1.0.0" + } + }, + "should-util": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/should-util/-/should-util-1.0.0.tgz", + "integrity": "sha1-yYzaN0qmsZDfi6h8mInCtNtiAGM=" + }, + "signal-exit": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz", + "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=" + }, + "simple-swizzle": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz", + "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=", + "requires": { + "is-arrayish": "^0.3.1" + }, + "dependencies": { + "is-arrayish": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz", + "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==" + } + } + }, + "slash": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz", + "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==", + "dev": true + }, + "snapdragon": { + "version": "0.8.2", + "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", + "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==", + "requires": { + "base": "^0.11.1", + "debug": "^2.2.0", + "define-property": "^0.2.5", + "extend-shallow": "^2.0.1", + "map-cache": "^0.2.2", + "source-map": "^0.5.6", + "source-map-resolve": "^0.5.0", + "use": "^3.1.0" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + }, + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "snapdragon-node": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz", + "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==", + "requires": { + "define-property": "^1.0.0", + "isobject": "^3.0.0", + "snapdragon-util": "^3.0.1" + }, + "dependencies": { + "define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", + "requires": { + "is-descriptor": "^1.0.0" + } + }, + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, + "snapdragon-util": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz", + "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==", + "requires": { + "kind-of": "^3.2.0" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=" + }, + "source-map-resolve": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.2.tgz", + "integrity": "sha512-MjqsvNwyz1s0k81Goz/9vRBe9SZdB09Bdw+/zYyO+3CuPk6fouTaxscHkgtE8jKvf01kVfl8riHzERQ/kefaSA==", + "requires": { + "atob": "^2.1.1", + "decode-uri-component": "^0.2.0", + "resolve-url": "^0.2.1", + "source-map-url": "^0.4.0", + "urix": "^0.1.0" + } + }, + "source-map-support": { + "version": "0.4.18", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.4.18.tgz", + "integrity": "sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==", + "requires": { + "source-map": "^0.5.6" + } + }, + "source-map-url": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.0.tgz", + "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=" + }, + "sourcemap-codec": { + "version": "1.4.4", + "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.4.tgz", + "integrity": "sha512-CYAPYdBu34781kLHkaW3m6b/uUSyMOC2R61gcYMWooeuaGtjof86ZA/8T+qVPPt7np1085CR9hmMGrySwEc8Xg==" + }, + "split-string": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", + "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==", + "requires": { + "extend-shallow": "^3.0.0" + } + }, + "sprintf-js": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", + "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=" + }, + "sshpk": { + "version": "1.16.1", + "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz", + "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==", + "requires": { + "asn1": "~0.2.3", + "assert-plus": "^1.0.0", + "bcrypt-pbkdf": "^1.0.0", + "dashdash": "^1.12.0", + "ecc-jsbn": "~0.1.1", + "getpass": "^0.1.1", + "jsbn": "~0.1.0", + "safer-buffer": "^2.0.2", + "tweetnacl": "~0.14.0" + } + }, + "stable": { + "version": "0.1.8", + "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz", + "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==" + }, + "stack-trace": { + "version": "0.0.10", + "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz", + "integrity": "sha1-VHxws0fo0ytOEI6hoqFZ5f3eGcA=" + }, + "static-extend": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz", + "integrity": "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=", + "requires": { + "define-property": "^0.2.5", + "object-copy": "^0.1.0" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + } + } + }, + "string-hash": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz", + "integrity": "sha1-6Kr8CsGFW0Zmkp7X3RJ1311sgRs=" + }, + "string-width": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", + "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", + "dev": true, + "requires": { + "emoji-regex": "^7.0.1", + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^5.1.0" + }, + "dependencies": { + "ansi-regex": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz", + "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==", + "dev": true + }, + "strip-ansi": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", + "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", + "dev": true, + "requires": { + "ansi-regex": "^4.1.0" + } + } + } + }, + "string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "requires": { + "safe-buffer": "~5.1.0" + } + }, + "strip-ansi": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", + "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", + "requires": { + "ansi-regex": "^2.0.0" + } + }, + "strip-eof": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz", + "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=" + }, + "supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "requires": { + "has-flag": "^3.0.0" + } + }, + "svg-sprite": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/svg-sprite/-/svg-sprite-1.5.0.tgz", + "integrity": "sha512-0mE5BLY3K8wg3+HrYfzpiKbIM44IGcg8uINED8ri22EdQbLvGecOHjRtkrNAlphbiU5kyGyqoBlIaukL45fs2Q==", + "requires": { + "async": "^2.6.1", + "css-selector-parser": "^1.3.0", + "cssmin": "^0.4.3", + "cssom": "^0.3.4", + "dateformat": "^3.0.3", + "glob": "^7.1.3", + "js-yaml": "^3.12.0", + "lodash": "^4.17.11", + "lodash.pluck": "^3.1.2", + "mkdirp": "^0.5.1", + "mocha": "^5.2.0", + "mustache": "^3.0.0", + "phantomjs-prebuilt": "^2.1.16", + "prettysize": "^1.1.0", + "should": "^13.2.3", + "svgo": "^1.1.1", + "vinyl": "^2.2.0", + "winston": "^3.1.0", + "xmldom": "0.1.27", + "xpath": "^0.0.27", + "yargs": "^12.0.2" + }, + "dependencies": { + "ansi-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", + "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=" + }, + "get-caller-file": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", + "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==" + }, + "require-main-filename": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", + "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=" + }, + "string-width": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", + "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", + "requires": { + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^4.0.0" + } + }, + "strip-ansi": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", + "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", + "requires": { + "ansi-regex": "^3.0.0" + } + }, + "yargs": { + "version": "12.0.5", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz", + "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==", + "requires": { + "cliui": "^4.0.0", + "decamelize": "^1.2.0", + "find-up": "^3.0.0", + "get-caller-file": "^1.0.1", + "os-locale": "^3.0.0", + "require-directory": "^2.1.1", + "require-main-filename": "^1.0.1", + "set-blocking": "^2.0.0", + "string-width": "^2.0.0", + "which-module": "^2.0.0", + "y18n": "^3.2.1 || ^4.0.0", + "yargs-parser": "^11.1.1" + } + }, + "yargs-parser": { + "version": "11.1.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz", + "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==", + "requires": { + "camelcase": "^5.0.0", + "decamelize": "^1.2.0" + } + } + } + }, + "svgo": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.2.2.tgz", + "integrity": "sha512-rAfulcwp2D9jjdGu+0CuqlrAUin6bBWrpoqXWwKDZZZJfXcUXQSxLJOFJCQCSA0x0pP2U0TxSlJu2ROq5Bq6qA==", + "requires": { + "chalk": "^2.4.1", + "coa": "^2.0.2", + "css-select": "^2.0.0", + "css-select-base-adapter": "^0.1.1", + "css-tree": "1.0.0-alpha.28", + "css-url-regex": "^1.1.0", + "csso": "^3.5.1", + "js-yaml": "^3.13.1", + "mkdirp": "~0.5.1", + "object.values": "^1.1.0", + "sax": "~1.2.4", + "stable": "^0.1.8", + "unquote": "~1.1.1", + "util.promisify": "~1.0.0" + } + }, + "tailwindcss": { + "version": "1.4.6", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-1.4.6.tgz", + "integrity": "sha512-qV0qInUq1FWih39Bc5CWECdgObSzRrbjGD4ke4kAPSIq6WXrPhv0wwOcUWJgJ66ltT9j+XnSRYikG8WNRU/fTQ==", + "dev": true, + "requires": { + "@fullhuman/postcss-purgecss": "^2.1.2", + "autoprefixer": "^9.4.5", + "browserslist": "^4.12.0", + "bytes": "^3.0.0", + "chalk": "^4.0.0", + "color": "^3.1.2", + "detective": "^5.2.0", + "fs-extra": "^8.0.0", + "lodash": "^4.17.15", + "node-emoji": "^1.8.1", + "normalize.css": "^8.0.1", + "postcss": "^7.0.11", + "postcss-functions": "^3.0.0", + "postcss-js": "^2.0.0", + "postcss-nested": "^4.1.1", + "postcss-selector-parser": "^6.0.0", + "pretty-hrtime": "^1.0.3", + "reduce-css-calc": "^2.1.6", + "resolve": "^1.14.2" + }, + "dependencies": { + "@fullhuman/postcss-purgecss": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-2.2.0.tgz", + "integrity": "sha512-q4zYAn8L9olA5uneaLhxkHRBoug9dnAqytbdX9R5dbzSORobhYr1yGR2JN3Q1UMd5RB0apm1NvJekHaymal/BQ==", + "dev": true, + "requires": { + "postcss": "7.0.28", + "purgecss": "^2.2.0" + }, + "dependencies": { + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "dependencies": { + "supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "postcss": { + "version": "7.0.28", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.28.tgz", + "integrity": "sha512-YU6nVhyWIsVtlNlnAj1fHTsUKW5qxm3KEgzq2Jj6KTEFOTK8QWR12eIDvrlWhiSTK8WIBFTBhOJV4DY6dUuEbw==", + "dev": true, + "requires": { + "chalk": "^2.4.2", + "source-map": "^0.6.1", + "supports-color": "^6.1.0" + } + } + } + }, + "chalk": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz", + "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz", + "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==", + "dev": true, + "requires": { + "@types/color-name": "^1.1.1", + "color-convert": "^2.0.1" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "supports-color": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz", + "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "color": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/color/-/color-3.1.2.tgz", + "integrity": "sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==", + "dev": true, + "requires": { + "color-convert": "^1.9.1", + "color-string": "^1.5.2" + }, + "dependencies": { + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dev": true, + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", + "dev": true + } + } + }, + "color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "requires": { + "color-name": "~1.1.4" + } + }, + "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "commander": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz", + "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==", + "dev": true + }, + "cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "dev": true + }, + "fs-extra": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", + "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==", + "dev": true, + "requires": { + "graceful-fs": "^4.2.0", + "jsonfile": "^4.0.0", + "universalify": "^0.1.0" + } + }, + "graceful-fs": { + "version": "4.2.4", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz", + "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==", + "dev": true + }, + "lodash": { + "version": "4.17.15", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz", + "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==", + "dev": true + }, + "postcss-selector-parser": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz", + "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==", + "dev": true, + "requires": { + "cssesc": "^3.0.0", + "indexes-of": "^1.0.1", + "uniq": "^1.0.1" + } + }, + "purgecss": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-2.2.1.tgz", + "integrity": "sha512-wngRSLW1dpNr8kr3TL9nTJMyTFI5BiRiaUUEys5M1CA4zEHLF25fRHoshEeDqmhstaNTOddmpYM34zRrUtEGbQ==", + "dev": true, + "requires": { + "commander": "^5.0.0", + "glob": "^7.0.0", + "postcss": "7.0.28", + "postcss-selector-parser": "^6.0.2" + }, + "dependencies": { + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "dependencies": { + "supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "postcss": { + "version": "7.0.28", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.28.tgz", + "integrity": "sha512-YU6nVhyWIsVtlNlnAj1fHTsUKW5qxm3KEgzq2Jj6KTEFOTK8QWR12eIDvrlWhiSTK8WIBFTBhOJV4DY6dUuEbw==", + "dev": true, + "requires": { + "chalk": "^2.4.2", + "source-map": "^0.6.1", + "supports-color": "^6.1.0" + } + } + } + }, + "resolve": { + "version": "1.17.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz", + "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==", + "dev": true, + "requires": { + "path-parse": "^1.0.6" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + }, + "supports-color": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", + "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "tailwindcss-aspect-ratio": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/tailwindcss-aspect-ratio/-/tailwindcss-aspect-ratio-3.0.0.tgz", + "integrity": "sha512-syVueHOdk0u6S9lFSQQxHwsYS+9AJ0tp1WWBB+vAwmJYzc9g/2OLwq4mHpigYue6t3PUgTSbRi9unQd7WEDjGQ==", + "dev": true, + "requires": { + "lodash": "^4.17.15" + }, + "dependencies": { + "lodash": { + "version": "4.17.15", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz", + "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==", + "dev": true + } + } + }, + "tailwindcss-transitions": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/tailwindcss-transitions/-/tailwindcss-transitions-1.0.4.tgz", + "integrity": "sha512-nK+qUWhHCTspQjdLxpK0SXVdaXbjxVuX2kNvvGaK3Df64RbOaOLjOv0h+ifvLFy2cesAstckvqlAzd/yqFRk0g==", + "dev": true, + "requires": { + "lodash": "^4.17.10" + } + }, + "text-hex": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/text-hex/-/text-hex-1.0.0.tgz", + "integrity": "sha512-uuVGNWzgJ4yhRaNSiubPY7OjISw4sw4E5Uv0wbjp+OzcbmVU/rsT8ujgcXJhn9ypzsgr5vlzpPqP+MBBKcGvbg==" + }, + "throttleit": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/throttleit/-/throttleit-1.0.0.tgz", + "integrity": "sha1-nnhYNtr0Z0MUWlmEtiaNgoUorGw=" + }, + "to-fast-properties": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-1.0.3.tgz", + "integrity": "sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=" + }, + "to-object-path": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz", + "integrity": "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=", + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "to-regex": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz", + "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==", + "requires": { + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "regex-not": "^1.0.2", + "safe-regex": "^1.1.0" + } + }, + "to-regex-range": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", + "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=", + "requires": { + "is-number": "^3.0.0", + "repeat-string": "^1.6.1" + } + }, + "tough-cookie": { + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz", + "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==", + "requires": { + "psl": "^1.1.24", + "punycode": "^1.4.1" + }, + "dependencies": { + "punycode": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", + "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=" + } + } + }, + "trim-right": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz", + "integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=" + }, + "triple-beam": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/triple-beam/-/triple-beam-1.3.0.tgz", + "integrity": "sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==" + }, + "tunnel-agent": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz", + "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=", + "requires": { + "safe-buffer": "^5.0.1" + } + }, + "tweetnacl": { + "version": "0.14.5", + "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz", + "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=" + }, + "typedarray": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", + "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=" + }, + "unicode-canonical-property-names-ecmascript": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz", + "integrity": "sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ==" + }, + "unicode-match-property-ecmascript": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-1.0.4.tgz", + "integrity": "sha512-L4Qoh15vTfntsn4P1zqnHulG0LdXgjSO035fEpdtp6YxXhMT51Q6vgM5lYdG/5X3MjS+k/Y9Xw4SFCY9IkR0rg==", + "requires": { + "unicode-canonical-property-names-ecmascript": "^1.0.4", + "unicode-property-aliases-ecmascript": "^1.0.4" + } + }, + "unicode-match-property-value-ecmascript": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.0.2.tgz", + "integrity": "sha512-Rx7yODZC1L/T8XKo/2kNzVAQaRE88AaMvI1EF/Xnj3GW2wzN6fop9DDWuFAKUVFH7vozkz26DzP0qyWLKLIVPQ==" + }, + "unicode-property-aliases-ecmascript": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.4.tgz", + "integrity": "sha512-2WSLa6OdYd2ng8oqiGIWnJqyFArvhn+5vgx5GTxMbUYjCYKUcuKS62YLFF0R/BDGlB1yzXjQOLtPAfHsgirEpg==" + }, + "union-value": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.0.tgz", + "integrity": "sha1-XHHDTLW61dzr4+oM0IIHulqhrqQ=", + "requires": { + "arr-union": "^3.1.0", + "get-value": "^2.0.6", + "is-extendable": "^0.1.1", + "set-value": "^0.4.3" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + }, + "set-value": { + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz", + "integrity": "sha1-fbCPnT0i3H945Trzw79GZuzfzPE=", + "requires": { + "extend-shallow": "^2.0.1", + "is-extendable": "^0.1.1", + "is-plain-object": "^2.0.1", + "to-object-path": "^0.3.0" + } + } + } + }, + "uniq": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz", + "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=" + }, + "universal-analytics": { + "version": "0.4.23", + "resolved": "https://registry.npmjs.org/universal-analytics/-/universal-analytics-0.4.23.tgz", + "integrity": "sha512-lgMIH7XBI6OgYn1woDEmxhGdj8yDefMKg7GkWdeATAlQZFrMrNyxSkpDzY57iY0/6fdlzTbBV03OawvvzG+q7A==", + "dev": true, + "requires": { + "debug": "^4.1.1", + "request": "^2.88.2", + "uuid": "^3.0.0" + }, + "dependencies": { + "debug": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", + "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", + "dev": true, + "requires": { + "ms": "^2.1.1" + } + }, + "ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, + "request": { + "version": "2.88.2", + "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz", + "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==", + "dev": true, + "requires": { + "aws-sign2": "~0.7.0", + "aws4": "^1.8.0", + "caseless": "~0.12.0", + "combined-stream": "~1.0.6", + "extend": "~3.0.2", + "forever-agent": "~0.6.1", + "form-data": "~2.3.2", + "har-validator": "~5.1.3", + "http-signature": "~1.2.0", + "is-typedarray": "~1.0.0", + "isstream": "~0.1.2", + "json-stringify-safe": "~5.0.1", + "mime-types": "~2.1.19", + "oauth-sign": "~0.9.0", + "performance-now": "^2.1.0", + "qs": "~6.5.2", + "safe-buffer": "^5.1.2", + "tough-cookie": "~2.5.0", + "tunnel-agent": "^0.6.0", + "uuid": "^3.3.2" + } + }, + "tough-cookie": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz", + "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==", + "dev": true, + "requires": { + "psl": "^1.1.28", + "punycode": "^2.1.1" + } + } + } + }, + "universalify": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", + "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==" + }, + "unquote": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz", + "integrity": "sha1-j97XMk7G6IoP+LkF58CYzcCG1UQ=" + }, + "unset-value": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", + "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=", + "requires": { + "has-value": "^0.3.1", + "isobject": "^3.0.0" + }, + "dependencies": { + "has-value": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz", + "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=", + "requires": { + "get-value": "^2.0.3", + "has-values": "^0.1.4", + "isobject": "^2.0.0" + }, + "dependencies": { + "isobject": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz", + "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=", + "requires": { + "isarray": "1.0.0" + } + } + } + }, + "has-values": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz", + "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E=" + } + } + }, + "upath": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/upath/-/upath-1.1.2.tgz", + "integrity": "sha512-kXpym8nmDmlCBr7nKdIx8P2jNBa+pBpIUFRnKJ4dr8htyYGJFokkr2ZvERRtUN+9SY+JqXouNgUPtv6JQva/2Q==", + "dev": true + }, + "uri-js": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz", + "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==", + "requires": { + "punycode": "^2.1.0" + } + }, + "urix": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz", + "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=" + }, + "use": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", + "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==" + }, + "util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=" + }, + "util.promisify": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.0.tgz", + "integrity": "sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==", + "requires": { + "define-properties": "^1.1.2", + "object.getownpropertydescriptors": "^2.0.3" + } + }, + "uuid": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz", + "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==" + }, + "v-lazy-image": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/v-lazy-image/-/v-lazy-image-1.3.2.tgz", + "integrity": "sha512-yZYMLoy95S4K9mWE/2DMZcwvaWnGiAHGXcKRruyrFvAdFm2fsnfyL0yj2UwXEGliNZO7I4mRy9/RB7J4CT0HAQ==" + }, + "verror": { + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz", + "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=", + "requires": { + "assert-plus": "^1.0.0", + "core-util-is": "1.0.2", + "extsprintf": "^1.2.0" + } + }, + "vinyl": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", + "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", + "requires": { + "clone": "^2.1.1", + "clone-buffer": "^1.0.0", + "clone-stats": "^1.0.0", + "cloneable-readable": "^1.0.0", + "remove-trailing-separator": "^1.0.1", + "replace-ext": "^1.0.0" + } + }, + "vlq": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/vlq/-/vlq-1.0.0.tgz", + "integrity": "sha512-o3WmXySo+oI5thgqr7Qy8uBkT/v9Zr+sRyrh1lr8aWPUkgDWdWt4Nae2WKBrLsocgE8BuWWD0jLc+VW8LeU+2g==" + }, + "vue": { + "version": "2.6.7", + "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.7.tgz", + "integrity": "sha512-g7ADfQ82QU+j6F/bVDioVQf2ccIMYLuR4E8ev+RsDBlmwRkhGO3HhgF4PF9vpwjdPpxyb1zzLur2nQ2oIMAMEg==" + }, + "vue-carousel": { + "version": "0.18.0", + "resolved": "https://registry.npmjs.org/vue-carousel/-/vue-carousel-0.18.0.tgz", + "integrity": "sha512-a2zxh7QJioDxNMguqcuJ7TPbfgK5bGDaAXIia7NWxPAWsEvNE4ZtHgsGu40L5Aha4uyjmNKXvleB14QAXFoKig==", + "dev": true, + "requires": { + "global": "^4.3.2", + "regenerator-runtime": "^0.12.1", + "vue": "^2.5.17" + }, + "dependencies": { + "regenerator-runtime": { + "version": "0.12.1", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.12.1.tgz", + "integrity": "sha512-odxIc1/vDlo4iZcfXqRYFj0vpXFNoGdKMAUieAlFYO6m/nl5e9KR/beGf41z4a1FI+aQgtjhuaSlDxQ0hmkrHg==", + "dev": true + } + } + }, + "vue-runtime-helpers": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/vue-runtime-helpers/-/vue-runtime-helpers-1.0.0.tgz", + "integrity": "sha512-DgwCNgIXkq1GJsWwtFOjA/K2nxpjyon/QqAut0EiwrMHBatAPbfdqksDdRoK15b5YrSJRa59rx3pc0L6V4udUA==" + }, + "vue-template-compiler": { + "version": "2.6.7", + "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.7.tgz", + "integrity": "sha512-ZjxJLr6Lw2gj6aQGKwBWTxVNNd28/qggIdwvr5ushrUHUvqgbHD0xusOVP2yRxT4pX3wRIJ2LfxjgFT41dEtoQ==", + "requires": { + "de-indent": "^1.0.2", + "he": "^1.1.0" + } + }, + "vue-template-es2015-compiler": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.0.tgz", + "integrity": "sha512-daCQZUxBC8nFHkEHRYDA8Zn90T+FxJ4R3zOcn/G8HAxdJK304T+Qtw/ui5Qg8L/Rg7fUQ4ZE4wvgESlR/LArxg==" + }, + "which": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", + "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", + "requires": { + "isexe": "^2.0.0" + } + }, + "which-module": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz", + "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=" + }, + "winston": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/winston/-/winston-3.2.1.tgz", + "integrity": "sha512-zU6vgnS9dAWCEKg/QYigd6cgMVVNwyTzKs81XZtTFuRwJOcDdBg7AU0mXVyNbs7O5RH2zdv+BdNZUlx7mXPuOw==", + "requires": { + "async": "^2.6.1", + "diagnostics": "^1.1.1", + "is-stream": "^1.1.0", + "logform": "^2.1.1", + "one-time": "0.0.4", + "readable-stream": "^3.1.1", + "stack-trace": "0.0.x", + "triple-beam": "^1.3.0", + "winston-transport": "^4.3.0" + }, + "dependencies": { + "readable-stream": { + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.4.0.tgz", + "integrity": "sha512-jItXPLmrSR8jmTRmRWJXCnGJsfy85mB3Wd/uINMXA65yrnFo0cPClFIUWzo2najVNSl+mx7/4W8ttlLWJe99pQ==", + "requires": { + "inherits": "^2.0.3", + "string_decoder": "^1.1.1", + "util-deprecate": "^1.0.1" + } + } + } + }, + "winston-transport": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/winston-transport/-/winston-transport-4.3.0.tgz", + "integrity": "sha512-B2wPuwUi3vhzn/51Uukcao4dIduEiPOcOt9HJ3QeaXgkJ5Z7UwpBzxS4ZGNHtrxrUvTwemsQiSys0ihOf8Mp1A==", + "requires": { + "readable-stream": "^2.3.6", + "triple-beam": "^1.2.0" + } + }, + "wrap-ansi": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", + "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=", + "requires": { + "string-width": "^1.0.1", + "strip-ansi": "^3.0.1" + }, + "dependencies": { + "is-blockwidth-code-point": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-blockwidth-code-point/-/is-blockwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "is-fullwidth-code-point": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "string-width": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", + "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", + "requires": { + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" + } + } + } + }, + "wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=" + }, + "ws": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz", + "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==", + "requires": { + "async-limiter": "~1.0.0" + } + }, + "xmldom": { + "version": "0.1.27", + "resolved": "https://registry.npmjs.org/xmldom/-/xmldom-0.1.27.tgz", + "integrity": "sha1-1QH5ezvbQDr4757MIFcxh6rawOk=" + }, + "xpath": { + "version": "0.0.27", + "resolved": "https://registry.npmjs.org/xpath/-/xpath-0.0.27.tgz", + "integrity": "sha512-fg03WRxtkCV6ohClePNAECYsmpKKTv5L8y/X3Dn1hQrec3POx2jHZ/0P2qQ6HvsrU1BmeqXcof3NGGueG6LxwQ==" + }, + "xtend": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", + "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", + "dev": true + }, + "y18n": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz", + "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==" + }, + "yallist": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz", + "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=" + }, + "yargs": { + "version": "13.2.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.2.2.tgz", + "integrity": "sha512-WyEoxgyTD3w5XRpAQNYUB9ycVH/PQrToaTXdYXRdOXvEy1l19br+VJsc0vcO8PTGg5ro/l/GY7F/JMEBmI0BxA==", + "dev": true, + "requires": { + "cliui": "^4.0.0", + "find-up": "^3.0.0", + "get-caller-file": "^2.0.1", + "os-locale": "^3.1.0", + "require-directory": "^2.1.1", + "require-main-filename": "^2.0.0", + "set-blocking": "^2.0.0", + "string-width": "^3.0.0", + "which-module": "^2.0.0", + "y18n": "^4.0.0", + "yargs-parser": "^13.0.0" + } + }, + "yargs-parser": { + "version": "13.0.0", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.0.0.tgz", + "integrity": "sha512-w2LXjoL8oRdRQN+hOyppuXs+V/fVAYtpcrRxZuF7Kt/Oc+Jr2uAcVntaUTNT6w5ihoWfFDpNY8CPx1QskxZ/pw==", + "dev": true, + "requires": { + "camelcase": "^5.0.0", + "decamelize": "^1.2.0" + } + }, + "yauzl": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.4.1.tgz", + "integrity": "sha1-lSj0QtqxsihOWLQ3m7GU4i4MQAU=", + "requires": { + "fd-slicer": "~1.0.1" + } + } + } } diff --git a/ui.apps/package.json b/ui.apps/package.json index 252ea1bd6..dc08f8934 100644 --- a/ui.apps/package.json +++ b/ui.apps/package.json @@ -1,60 +1,60 @@ { - "name": "build", - "version": "1.0.0", - "description": "default vue build for peregrinecms", - "repository": { - "type": "git", - "url": "https://github.com/headwirecom/themeclean-flex.git", - "directory": "ui.apps" - }, - "main": "index.js", - "config": { - "host": "localhost", - "port": "8080" - }, - "scripts": { - "test": "echo \"Error: no test specified\" && exit 1", - "build": "node node/node_modules/npm run build:styles && node ./src/main/content/buildscripts/buildvue.js themecleanflex", - "build:componentlibrary": "node ./src/main/content/buildscripts/cl.js", - "build:styles": "postcss -c ./postcss.config.js -o ./src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css ./src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css", - "build:iconsprites": "node ./src/main/content/buildscripts/buildicons.js", - "build:screenshots": "cross-var node src/main/content/buildscripts/validatepage.js http://$npm_package_config_host:$npm_package_config_port/content/themecleanflex/pages /library.html" - }, - "author": "", - "license": "Apache-2.0", - "dependencies": { - "camelcase": "^5.0.0", - "cross-var": "^1.1.0", - "fs-extra": "^7.0.1", - "marked": "^0.6.2", - "puppeteer": "^1.19.0", - "rollup": "^1.1.2", - "rollup-plugin-buble": "^0.19.6", - "rollup-plugin-commonjs": "^9.2.0", - "rollup-plugin-vue": "^4.6.1", - "svg-sprite": "^1.5.0", - "v-lazy-image": "^1.3.2", - "vinyl": "^2.2.0", - "vue": "^2.5.22", - "vue-template-compiler": "^2.5.22" - }, - "devDependencies": { - "@analytics/google-analytics": "^0.4.0", - "@analytics/perfumejs": "^0.2.0", - "@fullhuman/postcss-purgecss": "^1.1.0", - "analytics": "^0.5.3", - "perfume.js": "^5.1.0", - "pixelmatch": "^5.0.2", - "pngjs": "^3.4.0", - "postcss": "^7.0.14", - "postcss-cli": "^6.1.2", - "postcss-import": "^12.0.1", - "puppeteer": "^1.19.0", - "purgecss": "^1.2.0", - "rollup-plugin-node-resolve": "^4.2.3", - "tailwindcss": "^1.4.6", - "tailwindcss-aspect-ratio": "^3.0.0", - "tailwindcss-transitions": "^1.0.4", - "vue-carousel": "^0.18.0" - } + "name": "build", + "version": "1.0.0", + "description": "default vue build for peregrinecms", + "repository": { + "type": "git", + "url": "https://github.com/headwirecom/themeclean-flex.git", + "directory": "ui.apps" + }, + "main": "index.js", + "config": { + "host": "localhost", + "port": "8080" + }, + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1", + "build": "node node/node_modules/npm run build:styles && node ./src/main/content/buildscripts/buildvue.js themecleanflex", + "build:componentlibrary": "node ./src/main/content/buildscripts/cl.js", + "build:styles": "postcss -c ./postcss.config.js -o ./src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css ./src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css", + "build:iconsprites": "node ./src/main/content/buildscripts/buildicons.js", + "build:screenshots": "cross-var node src/main/content/buildscripts/validatepage.js http://$npm_package_config_host:$npm_package_config_port/content/themecleanflex/pages /library.html" + }, + "author": "", + "license": "Apache-2.0", + "dependencies": { + "camelcase": "^5.0.0", + "cross-var": "^1.1.0", + "fs-extra": "^7.0.1", + "marked": "^0.6.2", + "puppeteer": "^1.19.0", + "rollup": "^1.1.2", + "rollup-plugin-buble": "^0.19.6", + "rollup-plugin-commonjs": "^9.2.0", + "rollup-plugin-vue": "^4.6.1", + "svg-sprite": "^1.5.0", + "v-lazy-image": "^1.3.2", + "vinyl": "^2.2.0", + "vue": "^2.5.22", + "vue-template-compiler": "^2.5.22" + }, + "devDependencies": { + "@analytics/google-analytics": "^0.4.0", + "@analytics/perfumejs": "^0.2.0", + "@fullhuman/postcss-purgecss": "^1.1.0", + "analytics": "^0.5.3", + "perfume.js": "^5.1.0", + "pixelmatch": "^5.0.2", + "pngjs": "^3.4.0", + "postcss": "^7.0.14", + "postcss-cli": "^6.1.2", + "postcss-import": "^12.0.1", + "puppeteer": "^1.19.0", + "purgecss": "^1.2.0", + "rollup-plugin-node-resolve": "^4.2.3", + "tailwindcss": "^1.4.6", + "tailwindcss-aspect-ratio": "^3.0.0", + "tailwindcss-transitions": "^1.0.4", + "vue-carousel": "^0.18.0" + } } diff --git a/ui.apps/pom.xml b/ui.apps/pom.xml index 26c854cc5..da802e088 100644 --- a/ui.apps/pom.xml +++ b/ui.apps/pom.xml @@ -1,4 +1,4 @@ - + - + 4.0.0 @@ -143,7 +146,8 @@ package - /apps/themecleanflex/install + /apps/themecleanflex/install ${project.groupId} @@ -168,31 +172,37 @@ copy-resources - ${basedir}/target/classes/etc/felibs/themecleanflex/dependencies + ${basedir}/target/classes/etc/felibs/themecleanflex/dependencies - ${basedir}/node_modules/analytics/dist + ${basedir}/node_modules/analytics/dist analytics.min.js false - ${basedir}/node_modules/@analytics/perfumejs/dist/@analytics + ${basedir}/node_modules/@analytics/perfumejs/dist/@analytics perfumejs.min.js false - ${basedir}/node_modules/@analytics/google-analytics/dist/@analytics + ${basedir}/node_modules/@analytics/google-analytics/dist/@analytics - google-analytics.min.js + google-analytics.min.js false - ${basedir}/node_modules/perfume.js/dist + ${basedir}/node_modules/perfume.js/dist perfume.umd.min.js @@ -212,7 +222,8 @@ io.wcm.maven.plugins - wcmio-content-package-maven-plugin + wcmio-content-package-maven-plugin install-package diff --git a/ui.apps/postcss.config.js b/ui.apps/postcss.config.js index 06ad282dc..0e1411cc2 100644 --- a/ui.apps/postcss.config.js +++ b/ui.apps/postcss.config.js @@ -1,35 +1,147 @@ -const purgecss = require('@fullhuman/postcss-purgecss') -const tailwind = require('tailwindcss'); -const atImport = require('postcss-import') +const purgecss = require("@fullhuman/postcss-purgecss"); +const tailwind = require("tailwindcss"); +const atImport = require("postcss-import"); class TailwindExtractor { - static extract(content) { - return content.match(/[A-Za-z0-9-_:\/]+/g) || []; - } + static extract(content) { + return content.match(/[A-Za-z0-9-_:\/]+/g) || []; + } } module.exports = { - plugins: [ - atImport(), - tailwind('./tailwind.config.js'), - new purgecss({ - content: ['./src/main/content/jcr_root/**/*.vue', './src/main/content/jcr_root/**/dialog.json', './src/main/content/jcr_root/**/*html'], - whitelist: [ - 'body', 'w-auto', 'w-full', "w-1/2", "w-1/3", "w-2/3", "w-1/4", "w-2/4", "w-3/4", "w-1/5", "w-2/5", "w-3/5", "w-4/5", "w-1/6", "w-2/6", "w-3/6", "w-4/6", "w-5/6", "w-1/12", "w-2/12", "w-3/12", "w-4/12", "w-5/12", "w-6/12", "w-7/12", "w-8/12", "w-9/12", "w-10/12", "w-11/12", - 'sm:w-auto', 'sm:w-full', "sm:w-1/2", "sm:w-1/3", "sm:w-2/3", "sm:w-1/4", "sm:w-2/4", "sm:w-3/4", "sm:w-1/5", "sm:w-2/5", "sm:w-3/5", "sm:w-4/5", "sm:w-1/6", "sm:w-2/6", "sm:w-3/6", "sm:w-4/6", "sm:w-5/6", "sm:w-1/12", "sm:w-2/12", "sm:w-3/12", "sm:w-4/12", "sm:w-5/12", "sm:w-6/12", "sm:w-7/12", "sm:w-8/12", "sm:w-9/12", "sm:w-10/12", "sm:w-11/12", - 'md:w-auto', 'md:w-full', "md:w-1/2", "md:w-1/3", "md:w-2/3", "md:w-1/4", "md:w-2/4", "md:w-3/4", "md:w-1/5", "md:w-2/5", "md:w-3/5", "md:w-4/5", "md:w-1/6", "md:w-2/6", "md:w-3/6", "md:w-4/6", "md:w-5/6", "md:w-1/12", "md:w-2/12", "md:w-3/12", "md:w-4/12", "md:w-5/12", "md:w-6/12", "md:w-7/12", "md:w-8/12", "md:w-9/12", "md:w-10/12", "md:w-11/12", - 'lg:w-auto', 'lg:w-full', "lg:w-1/2", "lg:w-1/3", "lg:w-2/3", "lg:w-1/4", "lg:w-2/4", "lg:w-3/4", "lg:w-1/5", "lg:w-2/5", "lg:w-3/5", "lg:w-4/5", "lg:w-1/6", "lg:w-2/6", "lg:w-3/6", "lg:w-4/6", "lg:w-5/6", "lg:w-1/12", "lg:w-2/12", "lg:w-3/12", "lg:w-4/12", "lg:w-5/12", "lg:w-6/12", "lg:w-7/12", "lg:w-8/12", "lg:w-9/12", "lg:w-10/12", "lg:w-11/12", - ], - extractors: [ - { - extractor: TailwindExtractor, - - // Specify the file extensions to include when scanning for - // class names. - extensions: ["html", "js", "vue", "json"] - } - ] - }) - ] -} + plugins: [ + atImport(), + tailwind("./tailwind.config.js"), + new purgecss({ + content: [ + "./src/main/content/jcr_root/**/*.vue", + "./src/main/content/jcr_root/**/dialog.json", + "./src/main/content/jcr_root/**/*html", + ], + whitelist: [ + "body", + "w-auto", + "w-full", + "w-1/2", + "w-1/3", + "w-2/3", + "w-1/4", + "w-2/4", + "w-3/4", + "w-1/5", + "w-2/5", + "w-3/5", + "w-4/5", + "w-1/6", + "w-2/6", + "w-3/6", + "w-4/6", + "w-5/6", + "w-1/12", + "w-2/12", + "w-3/12", + "w-4/12", + "w-5/12", + "w-6/12", + "w-7/12", + "w-8/12", + "w-9/12", + "w-10/12", + "w-11/12", + "sm:w-auto", + "sm:w-full", + "sm:w-1/2", + "sm:w-1/3", + "sm:w-2/3", + "sm:w-1/4", + "sm:w-2/4", + "sm:w-3/4", + "sm:w-1/5", + "sm:w-2/5", + "sm:w-3/5", + "sm:w-4/5", + "sm:w-1/6", + "sm:w-2/6", + "sm:w-3/6", + "sm:w-4/6", + "sm:w-5/6", + "sm:w-1/12", + "sm:w-2/12", + "sm:w-3/12", + "sm:w-4/12", + "sm:w-5/12", + "sm:w-6/12", + "sm:w-7/12", + "sm:w-8/12", + "sm:w-9/12", + "sm:w-10/12", + "sm:w-11/12", + "md:w-auto", + "md:w-full", + "md:w-1/2", + "md:w-1/3", + "md:w-2/3", + "md:w-1/4", + "md:w-2/4", + "md:w-3/4", + "md:w-1/5", + "md:w-2/5", + "md:w-3/5", + "md:w-4/5", + "md:w-1/6", + "md:w-2/6", + "md:w-3/6", + "md:w-4/6", + "md:w-5/6", + "md:w-1/12", + "md:w-2/12", + "md:w-3/12", + "md:w-4/12", + "md:w-5/12", + "md:w-6/12", + "md:w-7/12", + "md:w-8/12", + "md:w-9/12", + "md:w-10/12", + "md:w-11/12", + "lg:w-auto", + "lg:w-full", + "lg:w-1/2", + "lg:w-1/3", + "lg:w-2/3", + "lg:w-1/4", + "lg:w-2/4", + "lg:w-3/4", + "lg:w-1/5", + "lg:w-2/5", + "lg:w-3/5", + "lg:w-4/5", + "lg:w-1/6", + "lg:w-2/6", + "lg:w-3/6", + "lg:w-4/6", + "lg:w-5/6", + "lg:w-1/12", + "lg:w-2/12", + "lg:w-3/12", + "lg:w-4/12", + "lg:w-5/12", + "lg:w-6/12", + "lg:w-7/12", + "lg:w-8/12", + "lg:w-9/12", + "lg:w-10/12", + "lg:w-11/12", + ], + extractors: [ + { + extractor: TailwindExtractor, + // Specify the file extensions to include when scanning for + // class names. + extensions: ["html", "js", "vue", "json"], + }, + ], + }), + ], +}; diff --git a/ui.apps/src/main/content/META-INF/vault/filter.xml b/ui.apps/src/main/content/META-INF/vault/filter.xml index 09c92b220..95f572c67 100644 --- a/ui.apps/src/main/content/META-INF/vault/filter.xml +++ b/ui.apps/src/main/content/META-INF/vault/filter.xml @@ -1,10 +1,10 @@ - + - + - + - + diff --git a/ui.apps/src/main/content/META-INF/vault/settings.xml b/ui.apps/src/main/content/META-INF/vault/settings.xml index 9dddd3f76..b72777f28 100644 --- a/ui.apps/src/main/content/META-INF/vault/settings.xml +++ b/ui.apps/src/main/content/META-INF/vault/settings.xml @@ -1,5 +1,5 @@ - + - - + + diff --git a/ui.apps/src/main/content/buildscripts/buildicons.js b/ui.apps/src/main/content/buildscripts/buildicons.js index 53ba35d34..6b69713f0 100644 --- a/ui.apps/src/main/content/buildscripts/buildicons.js +++ b/ui.apps/src/main/content/buildscripts/buildicons.js @@ -1,34 +1,38 @@ -var SVGSpriter = require('svg-sprite'), - mkdirp = require('mkdirp'), - path = require('path'), - fs = require('fs'), - File = require('vinyl'), - glob = require('glob'), - spriter = new SVGSpriter({ - dest: 'out', - mode: { - symbol: { - inline: true - } - } - }) +var SVGSpriter = require("svg-sprite"), + mkdirp = require("mkdirp"), + path = require("path"), + fs = require("fs"), + File = require("vinyl"), + glob = require("glob"), + spriter = new SVGSpriter({ + dest: "out", + mode: { + symbol: { + inline: true, + }, + }, + }); -var basePath = path.resolve('./src/main/content/jcr_root'); -var iconPath = basePath + '/content/themecleanflex/assets/icons'; +var basePath = path.resolve("./src/main/content/jcr_root"); +var iconPath = basePath + "/content/themecleanflex/assets/icons"; // Find SVG files recursively via `glob` -glob.glob('**/*.svg', { cwd: iconPath }, function (err, files) { - files.forEach(function (file) { +glob.glob("**/*.svg", { cwd: iconPath }, function (err, files) { + files.forEach(function (file) { + // Create and add a vinyl file instance for each SVG + spriter.add( + new File({ + path: path.join(iconPath, file), // Absolute path to the SVG file + base: iconPath, // Base path (see `name` argument) + contents: fs.readFileSync(path.join(iconPath, file)), // SVG file contents + }) + ); + }); - // Create and add a vinyl file instance for each SVG - spriter.add(new File({ - path: path.join(iconPath, file), // Absolute path to the SVG file - base: iconPath, // Base path (see `name` argument) - contents: fs.readFileSync(path.join(iconPath, file)) // SVG file contents - })); - }) - - spriter.compile(function (error, result, data) { - fs.writeFileSync(basePath + '/apps/themecleanflex/components/page/iconsprites.html', result.symbol.sprite.contents); - }); + spriter.compile(function (error, result, data) { + fs.writeFileSync( + basePath + "/apps/themecleanflex/components/page/iconsprites.html", + result.symbol.sprite.contents + ); + }); }); diff --git a/ui.apps/src/main/content/buildscripts/buildvue.js b/ui.apps/src/main/content/buildscripts/buildvue.js index b86d31dab..470a92327 100644 --- a/ui.apps/src/main/content/buildscripts/buildvue.js +++ b/ui.apps/src/main/content/buildscripts/buildvue.js @@ -1,35 +1,35 @@ -const process = require('process') -const fs = require('fs-extra') - -const rollup = require( 'rollup' ) -const path = require('path') -const vue = require('rollup-plugin-vue') -const buble = require('rollup-plugin-buble') -const commonjs = require('rollup-plugin-commonjs') -const resolve = require('rollup-plugin-node-resolve') -const camelcase = require('camelcase') - -console.log('=== building vue files ========================================') - -var felibName = '' -if(process.argv.length >= 3) { - felibName = process.argv[2] +const process = require("process"); +const fs = require("fs-extra"); + +const rollup = require("rollup"); +const path = require("path"); +const vue = require("rollup-plugin-vue"); +const buble = require("rollup-plugin-buble"); +const commonjs = require("rollup-plugin-commonjs"); +const resolve = require("rollup-plugin-node-resolve"); +const camelcase = require("camelcase"); + +console.log("=== building vue files ========================================"); + +var felibName = ""; +if (process.argv.length >= 3) { + felibName = process.argv[2]; } else { - console.log('please provide a name for the felib to use') - process.exit(-1) + console.log("please provide a name for the felib to use"); + process.exit(-1); } -console.log('building felib', felibName) +console.log("building felib", felibName); -var basePath = './src/main/content/jcr_root/apps' -var distBasePath = './target/classes/etc/felibs/'+felibName +var basePath = "./src/main/content/jcr_root/apps"; +var distBasePath = "./target/classes/etc/felibs/" + felibName; /** creatte the target directories * */ -fs.mkdirsSync(distBasePath) -fs.mkdirsSync(distBasePath+'/css') -fs.mkdirsSync(distBasePath+'/js') +fs.mkdirsSync(distBasePath); +fs.mkdirsSync(distBasePath + "/css"); +fs.mkdirsSync(distBasePath + "/js"); /** * compile a single file @@ -37,49 +37,59 @@ fs.mkdirsSync(distBasePath+'/js') * @param file * @returns {{name: string, nameCamelCase: *, nameCapitalCamelCase: string}} */ -function compileComponent(file){ - - console.log("compiling vue file: .%s", file) - // get component name from file name (file: a.vue, name: a) - var name = file.substring(1, file.lastIndexOf('/')).toLowerCase().split('/').join('-') - var nameCamelCase = camelcase(name) - var nameCapitalCamelCase = nameCamelCase.charAt(0).toUpperCase() + nameCamelCase.slice(1) - - // each component needs a unique module name - var moduleName = 'cmp'+nameCapitalCamelCase - - // compile the Vue component and give us a .js and .css - rollup.rollup({ - input: `${basePath}${file}`, - plugins: [ - resolve(), - commonjs({ - namedExports: { - 'vue-carousel': ['Carousel', 'Slide'] - } - }), - vue({ - compileTemplate: true, - css: `${distBasePath}/css/${nameCamelCase}.css` - }), - buble({exclude: 'node_modules/**'}) - ] - }).then( function(bundle) { - - bundle.write({ - format: 'iife', - name: moduleName, - file: `${distBasePath}/js/${nameCamelCase}.js`, - globals: { - tools: 'tools', - log: 'log' - } - - }).then( function() { - updateIndexFiles() - }) - }) - return { name: name, nameCamelCase: nameCamelCase, nameCapitalCamelCase: nameCapitalCamelCase} +function compileComponent(file) { + console.log("compiling vue file: .%s", file); + // get component name from file name (file: a.vue, name: a) + var name = file + .substring(1, file.lastIndexOf("/")) + .toLowerCase() + .split("/") + .join("-"); + var nameCamelCase = camelcase(name); + var nameCapitalCamelCase = + nameCamelCase.charAt(0).toUpperCase() + nameCamelCase.slice(1); + + // each component needs a unique module name + var moduleName = "cmp" + nameCapitalCamelCase; + + // compile the Vue component and give us a .js and .css + rollup + .rollup({ + input: `${basePath}${file}`, + plugins: [ + resolve(), + commonjs({ + namedExports: { + "vue-carousel": ["Carousel", "Slide"], + }, + }), + vue({ + compileTemplate: true, + css: `${distBasePath}/css/${nameCamelCase}.css`, + }), + buble({ exclude: "node_modules/**" }), + ], + }) + .then(function (bundle) { + bundle + .write({ + format: "iife", + name: moduleName, + file: `${distBasePath}/js/${nameCamelCase}.js`, + globals: { + tools: "tools", + log: "log", + }, + }) + .then(function () { + updateIndexFiles(); + }); + }); + return { + name: name, + nameCamelCase: nameCamelCase, + nameCapitalCamelCase: nameCapitalCamelCase, + }; } /** @@ -87,13 +97,13 @@ function compileComponent(file){ * */ function updateIndexFiles() { - var jsFiles = readDirs(distBasePath+'/', distBasePath + '/js', '.js') - jsFiles.unshift('') - fs.writeFileSync(distBasePath+'/js.txt', jsFiles.join('\n')) + var jsFiles = readDirs(distBasePath + "/", distBasePath + "/js", ".js"); + jsFiles.unshift(""); + fs.writeFileSync(distBasePath + "/js.txt", jsFiles.join("\n")); - var cssFiles = readDirs(distBasePath+'/', distBasePath + '/css', '.css') - cssFiles.unshift('') - fs.writeFileSync(distBasePath+'/css.txt', cssFiles.join('\n')) + var cssFiles = readDirs(distBasePath + "/", distBasePath + "/css", ".css"); + cssFiles.unshift(""); + fs.writeFileSync(distBasePath + "/css.txt", cssFiles.join("\n")); } /** @@ -106,31 +116,29 @@ function updateIndexFiles() { * @returns {Array} */ function readDirs(basePath, path, extFilter) { - var ret = new Array() - var files = fs.readdirSync(path) - files.forEach( function(file) { - var filePath = path + '/' + file; - if(filePath.endsWith(extFilter)) { - ret.push(filePath.slice(basePath.length)) - } - var stats = fs.statSync(filePath) - if(stats.isDirectory()) { - ret = ret.concat(readDirs(basePath, filePath, extFilter)) - } - }) - return ret; + var ret = new Array(); + var files = fs.readdirSync(path); + files.forEach(function (file) { + var filePath = path + "/" + file; + if (filePath.endsWith(extFilter)) { + ret.push(filePath.slice(basePath.length)); + } + var stats = fs.statSync(filePath); + if (stats.isDirectory()) { + ret = ret.concat(readDirs(basePath, filePath, extFilter)); + } + }); + return ret; } // find all the vue files in this project -var vueFiles = readDirs(basePath, basePath, '.vue') +var vueFiles = readDirs(basePath, basePath, ".vue"); // for each of the files compile it -vueFiles.forEach( function(file) { - - compileComponent(file) - -}) +vueFiles.forEach(function (file) { + compileComponent(file); +}); -if(process.argv[3]) { - console.log('upload') +if (process.argv[3]) { + console.log("upload"); } diff --git a/ui.apps/src/main/content/buildscripts/cl-fragments.js b/ui.apps/src/main/content/buildscripts/cl-fragments.js index aae299a3f..3588c28f7 100644 --- a/ui.apps/src/main/content/buildscripts/cl-fragments.js +++ b/ui.apps/src/main/content/buildscripts/cl-fragments.js @@ -1,15 +1,19 @@ -let marked = require('marked') +let marked = require("marked"); let idx = 0; function escape(text) { - return text.replace(/&/g,'&').replace(//g, '>').replace(/"/g, '"'); + return text + .replace(/&/g, "&") + .replace(//g, ">") + .replace(/"/g, """); } function card(title, text, link) { - let shortened = text.split('#'); - let md = marked('###' + shortened[1]); - return ` - ` + `; } module.exports = { - header(name) { - idx = 0; - return ` + header(name) { + idx = 0; + return ` `; - }, + }, - footer() { - return ` + footer() { + return ` @@ -59,50 +63,54 @@ module.exports = { - ` - }, + `; + }, - title(title) { -return ` -` - }, + text="${escape("

    " + title + "

    ")}"> +`; + }, - subtitle(title) { - return ` - ` - }, + text="${escape("

    " + title + "

    ")}"> + `; + }, - text(text) { - return ` - ` - }, - - listChildren(path, children) { - const text = `
      -${children.map((child => `
    • ${child}
      • `)).join('')} + `; + }, + + listChildren(path, children) { + const text = `
        +${children + .map((child) => `
      • ${child}
        • `) + .join("")}
      `; - return this.text(text); - }, - - tag(name, attrs, children = []) { - return `<${name}${idx} - ${attrs.map( (attr) => attr[0]+'="'+escape(attr[1])+'"').join(' ')}>${children.join('\n')} - ` - }, - - home() { - return ` attr[0] + '="' + escape(attr[1]) + '"') + .join(" ")}>${children.join("\n")} + `; + }, + + home() { + return ` `
    • ${child}
      • `) jcr:primaryType="nt:unstructured" sling:resourceType="themecleanflex/components/breadcrumb" level="2">       `; - // return this.text('

      component library home

      '); - }, + // return this.text('

      component library home

      '); + }, - pager() { - return ` `
    • ${child}
      • `) nextlabel="next >" jcr:primaryType="nt:unstructured" sling:resourceType="themecleanflex/components/pager"> `; - // return this.text('

      component library home

      '); - }, + // return this.text('

      component library home

      '); + }, - intro(md) { - return ` + intro(md) { + return ` `
    • ${child}
      • `) bgcolor="#eeeeee" text="${escape(marked(md))}"> - ` - }, + `; + }, - container(el, content) { - return ` ${content} - ` - }, + `; + }, - - cards(cards) { - let cardNum = idx; - idx++; - return ( - ` `
    • ${child}
      • `) customcardcolor="true" cardcolor="#eeeeee"> - ${cards.reduce( (cards, {title,text,link}) => cards + card(title,text,link), "")} + ${cards.reduce( + (cards, { title, text, link }) => + cards + card(title, text, link), + "" + )}       - `) - } - -} + `; + }, +}; diff --git a/ui.apps/src/main/content/buildscripts/cl.js b/ui.apps/src/main/content/buildscripts/cl.js index 47fc16ebc..5c4e1a01f 100644 --- a/ui.apps/src/main/content/buildscripts/cl.js +++ b/ui.apps/src/main/content/buildscripts/cl.js @@ -1,145 +1,159 @@ -const fs = require('fs-extra'); - -const clfrags = require('./cl-fragments.js'); - -const compvars = require('./variations.js'); - -function outSample(name, sample, variation=null) { - const data = fs.readJSONSync('../fragments/'+name+'/'+sample); - - let out = "" - if(variation) { - const variationName = variation.name; - const withoutName = Object.assign({}, variation); - delete withoutName.name; - Object.assign(data.model, withoutName); - data.group=".hidden"; - data.title += " Sample Variation - " + variationName; - } - out += clfrags.subtitle(`${data.title} (${data.group})`); - const attrs = [['jcr:primaryType', 'nt:unstructured'], ['sling:resourceType','themecleanflex/components/'+name]]; - const children = []; - - for(let prop in data.model) { - if(typeof data.model[prop] === 'string') { - attrs.push( [prop, data.model[prop]] ); - } else { - const ret = ['<'+prop+' jcr:primaryType="nt:unstructured">']; - const list = data.model[prop]; - for(let i = 0; i < list.length; i++) { - const child = list[i]; - const attrs = [['jcr:primaryType', 'nt:unstructured']]; - for(let prop in child) { - if(typeof child[prop] === 'string') { - attrs.push( [prop, child[prop]] ); - } - } - ret.push(clfrags.tag('c',attrs)); - } - ret.push(''); - children.push(ret.join('')); - } - } - out += clfrags.tag(name, attrs, children); - return out; +const fs = require("fs-extra"); + +const clfrags = require("./cl-fragments.js"); + +const compvars = require("./variations.js"); + +function outSample(name, sample, variation = null) { + const data = fs.readJSONSync("../fragments/" + name + "/" + sample); + + let out = ""; + if (variation) { + const variationName = variation.name; + const withoutName = Object.assign({}, variation); + delete withoutName.name; + Object.assign(data.model, withoutName); + data.group = ".hidden"; + data.title += " Sample Variation - " + variationName; + } + out += clfrags.subtitle(`${data.title} (${data.group})`); + const attrs = [ + ["jcr:primaryType", "nt:unstructured"], + ["sling:resourceType", "themecleanflex/components/" + name], + ]; + const children = []; + + for (let prop in data.model) { + if (typeof data.model[prop] === "string") { + attrs.push([prop, data.model[prop]]); + } else { + const ret = ["<" + prop + ' jcr:primaryType="nt:unstructured">']; + const list = data.model[prop]; + for (let i = 0; i < list.length; i++) { + const child = list[i]; + const attrs = [["jcr:primaryType", "nt:unstructured"]]; + for (let prop in child) { + if (typeof child[prop] === "string") { + attrs.push([prop, child[prop]]); + } + } + ret.push(clfrags.tag("c", attrs)); + } + ret.push(""); + children.push(ret.join("")); + } + } + out += clfrags.tag(name, attrs, children); + return out; } - function buildPage(target, name, samples, readme, variations) { - - const targetFolder = target+'/'+name; - fs.mkdirsSync(targetFolder); - const out = fs.createWriteStream(targetFolder + '/.content.xml'); - out.write(clfrags.header(name)); - out.write(clfrags.home()); - out.write(clfrags.pager()); - - let readmeContent = "" - if( readme ) { - let md = fs.readFileSync('../fragments/' + name + '/readme.md', 'utf-8'); - readmeContent = clfrags.intro(md); - } - - const samplesContent = samples.reduce( (val, sample) => val + outSample(name,sample), readmeContent ) - out.write(clfrags.container('main', samplesContent)); - out.write(clfrags.pager()); - out.write(clfrags.footer()); - out.close(); - buildVariationPages(target, name, samples, variations); + const targetFolder = target + "/" + name; + fs.mkdirsSync(targetFolder); + const out = fs.createWriteStream(targetFolder + "/.content.xml"); + out.write(clfrags.header(name)); + out.write(clfrags.home()); + out.write(clfrags.pager()); + + let readmeContent = ""; + if (readme) { + let md = fs.readFileSync( + "../fragments/" + name + "/readme.md", + "utf-8" + ); + readmeContent = clfrags.intro(md); + } + + const samplesContent = samples.reduce( + (val, sample) => val + outSample(name, sample), + readmeContent + ); + out.write(clfrags.container("main", samplesContent)); + out.write(clfrags.pager()); + out.write(clfrags.footer()); + out.close(); + buildVariationPages(target, name, samples, variations); } function buildVariationPages(target, name, samples, variations) { - const targetRoot = target+'/'+name; - samples.forEach((sample) => { - if(sample == 'sample-empty.json') { - return; - } - const sampleName = sample.substring(0,sample.length - 5); - const targetFolder = targetRoot + '/' + sampleName - fs.mkdirsSync(targetFolder); - const out = fs.createWriteStream(targetFolder + '/.content.xml'); - out.write(clfrags.header(name+sampleName)); - out.write(clfrags.home()); - out.write(clfrags.pager()); - const samplesContent = variations.reduce( (val, variation) => val + outSample(name,sample,variation)); - out.write(clfrags.container('main', samplesContent)); - out.write(clfrags.pager()); - out.write(clfrags.footer()); - out.close(); - }); + const targetRoot = target + "/" + name; + samples.forEach((sample) => { + if (sample == "sample-empty.json") { + return; + } + const sampleName = sample.substring(0, sample.length - 5); + const targetFolder = targetRoot + "/" + sampleName; + fs.mkdirsSync(targetFolder); + const out = fs.createWriteStream(targetFolder + "/.content.xml"); + out.write(clfrags.header(name + sampleName)); + out.write(clfrags.home()); + out.write(clfrags.pager()); + const samplesContent = variations.reduce( + (val, variation) => val + outSample(name, sample, variation) + ); + out.write(clfrags.container("main", samplesContent)); + out.write(clfrags.pager()); + out.write(clfrags.footer()); + out.close(); + }); } function buildIndexPage(target, pages) { - - const targetFolder = target; - fs.mkdirsSync(targetFolder); - const out = fs.createWriteStream(targetFolder + '/.content.xml'); - out.write(clfrags.header('component library')); - out.write(clfrags.pager()); - - let mainContent = "" - mainContent += clfrags.title('component library'); - - let cards = pages.map( page => ({ - title: page.name, - text: fs.readFileSync('../fragments/' + page.name + '/readme.md', 'utf-8'), - link: `library/${page.name}.html` - })) - - mainContent += clfrags.cards(cards); - - out.write(clfrags.container('main',mainContent)); - out.write(clfrags.pager()); - out.write(clfrags.footer()); - out.close(); + const targetFolder = target; + fs.mkdirsSync(targetFolder); + const out = fs.createWriteStream(targetFolder + "/.content.xml"); + out.write(clfrags.header("component library")); + out.write(clfrags.pager()); + + let mainContent = ""; + mainContent += clfrags.title("component library"); + + let cards = pages.map((page) => ({ + title: page.name, + text: fs.readFileSync( + "../fragments/" + page.name + "/readme.md", + "utf-8" + ), + link: `library/${page.name}.html`, + })); + + mainContent += clfrags.cards(cards); + + out.write(clfrags.container("main", mainContent)); + out.write(clfrags.pager()); + out.write(clfrags.footer()); + out.close(); } -function forEachComponent(target = 'src/main/content/jcr_root/content/themecleanflex/pages/library', root = '../fragments/') { - const pages = []; - const components = fs.readdirSync(root); - const variations = compvars.getVariations(); - components.forEach( (name) => { - const entry = fs.statSync(root+name); - if(entry.isDirectory()) { - const page = {}; - page.name = name; - const files = fs.readdirSync(root+name); - let hasEmptySample = false; - const samples = files.filter( (name) => { - if (name == 'sample-empty.json') { - hasEmptySample = true; - return false; - } - return name.startsWith('sample') && name.endsWith('.json'); - } ); - if (hasEmptySample) samples.push('sample-empty.json'); - const readme = files.includes( 'readme.md' ); - page.readme = readme; - buildPage(target, name, samples, readme, variations); - pages.push(page); - } - }); - buildIndexPage(target, pages); +function forEachComponent( + target = "src/main/content/jcr_root/content/themecleanflex/pages/library", + root = "../fragments/" +) { + const pages = []; + const components = fs.readdirSync(root); + const variations = compvars.getVariations(); + components.forEach((name) => { + const entry = fs.statSync(root + name); + if (entry.isDirectory()) { + const page = {}; + page.name = name; + const files = fs.readdirSync(root + name); + let hasEmptySample = false; + const samples = files.filter((name) => { + if (name == "sample-empty.json") { + hasEmptySample = true; + return false; + } + return name.startsWith("sample") && name.endsWith(".json"); + }); + if (hasEmptySample) samples.push("sample-empty.json"); + const readme = files.includes("readme.md"); + page.readme = readme; + buildPage(target, name, samples, readme, variations); + pages.push(page); + } + }); + buildIndexPage(target, pages); } forEachComponent(); diff --git a/ui.apps/src/main/content/buildscripts/readme.md b/ui.apps/src/main/content/buildscripts/readme.md index ddf2f01d2..ca29ed7be 100644 --- a/ui.apps/src/main/content/buildscripts/readme.md +++ b/ui.apps/src/main/content/buildscripts/readme.md @@ -1,6 +1,5 @@ # common build scripts used by peregrine - builds the vue components of a project into an felib -```node buildvue.js ``` \ No newline at end of file +`node buildvue.js ` diff --git a/ui.apps/src/main/content/buildscripts/validatepage.js b/ui.apps/src/main/content/buildscripts/validatepage.js index c3f63971b..435aab824 100644 --- a/ui.apps/src/main/content/buildscripts/validatepage.js +++ b/ui.apps/src/main/content/buildscripts/validatepage.js @@ -1,148 +1,171 @@ -const fs = require('fs'); -const path = require('path'); +const fs = require("fs"); +const path = require("path"); -const puppeteer = require('puppeteer'); -const PNG = require('pngjs').PNG; -const pixelmatch = require('pixelmatch'); +const puppeteer = require("puppeteer"); +const PNG = require("pngjs").PNG; +const pixelmatch = require("pixelmatch"); -const out_path = 'target/out'; +const out_path = "target/out"; const queue = []; const visited = []; function diff(name) { - try { - const image2 = PNG.sync.read(fs.readFileSync(`${out_path}/${name}`)); - if(!fs.existsSync(`approved/${name}`)) { - fs.writeFileSync(`approved/${name}`, PNG.sync.write(image2)); - } - const image1 = PNG.sync.read(fs.readFileSync(`approved/${name}`)); - const width = Math.max(image1.width, image2.width); - const height = Math.max(image1.height, image2.height); - - const diff = new PNG({width, height}); - // const img1 = new PNG({width, height}); img1.bitblt(image1, 0,0, image1.width, image1.height, 0,0); - // const img2 = new PNG({width, height}); img2.bitblt(image2, 0,0, image2.width, image2.height, 0,0); - - pixelmatch(image1.data, image2.data, diff.data, width, height, {threshold: 0.1}); - - fs.writeFileSync(`${out_path}/diff/${name}`, PNG.sync.write(diff)); - } catch( error ) { - console.error(error); - } + try { + const image2 = PNG.sync.read(fs.readFileSync(`${out_path}/${name}`)); + if (!fs.existsSync(`approved/${name}`)) { + fs.writeFileSync(`approved/${name}`, PNG.sync.write(image2)); + } + const image1 = PNG.sync.read(fs.readFileSync(`approved/${name}`)); + const width = Math.max(image1.width, image2.width); + const height = Math.max(image1.height, image2.height); + + const diff = new PNG({ width, height }); + // const img1 = new PNG({width, height}); img1.bitblt(image1, 0,0, image1.width, image1.height, 0,0); + // const img2 = new PNG({width, height}); img2.bitblt(image2, 0,0, image2.width, image2.height, 0,0); + + pixelmatch(image1.data, image2.data, diff.data, width, height, { + threshold: 0.1, + }); + + fs.writeFileSync(`${out_path}/diff/${name}`, PNG.sync.write(diff)); + } catch (error) { + console.error(error); + } } function report(out, url, version, name) { - out.push({url, version, name}) + out.push({ url, version, name }); } function generateReport(out, name) { - console.log('writing report for', name); - const data = []; - data.push(''); - out.forEach( entry => { - data.push(``); - data.push(``); - data.push(``); - data.push(``); - data.push(``); - data.push(``); - }) - data.push(`'); + out.forEach((entry) => { + data.push( + `` + ); + data.push(``); + data.push( + `` + ); + data.push( + `` + ); + data.push( + `` + ); + data.push(``); + }); + data.push(` 3) { - return; - } - const browser = await puppeteer.launch({ headless: true, defaultViewport: null }); - const page = await browser.newPage(); - try { - await page.goto(path, { waitUntil: 'networkidle0'}); - } catch (err) { - console.log(err); - } - await screenShotAt(out, path, page, 320, 'mobile', name); - await screenShotAt(out, path, page, 768, 'tablet', name); - await screenShotAt(out, path, page, 1024, 'desktop', name); - await screenShotAt(out, path, page, 1600, 'desktop-wide', name); - - const hrefs = await page.$$eval('a', as => as.map(a => a.href)); - hrefs.forEach( url => { - if(visited.indexOf(url) < 0 && queue.indexOf(url) < 0 && url.startsWith(base)) { - if(url !== base+'.html' && url.endsWith('.html')) { - queue.push(url); - } - } - }); - console.log(queue.length, 'items to go') - - await browser.close(); - generateReport(out, name); - -}; + visited.push(path); + let out = []; + const name = path.substring(base.length + 1).replace(/[\.\/]/g, "-"); + if (name.split("-").length > 3) { + return; + } + const browser = await puppeteer.launch({ + headless: true, + defaultViewport: null, + }); + const page = await browser.newPage(); + try { + await page.goto(path, { waitUntil: "networkidle0" }); + } catch (err) { + console.log(err); + } + await screenShotAt(out, path, page, 320, "mobile", name); + await screenShotAt(out, path, page, 768, "tablet", name); + await screenShotAt(out, path, page, 1024, "desktop", name); + await screenShotAt(out, path, page, 1600, "desktop-wide", name); + + const hrefs = await page.$$eval("a", (as) => as.map((a) => a.href)); + hrefs.forEach((url) => { + if ( + visited.indexOf(url) < 0 && + queue.indexOf(url) < 0 && + url.startsWith(base) + ) { + if (url !== base + ".html" && url.endsWith(".html")) { + queue.push(url); + } + } + }); + console.log(queue.length, "items to go"); + + await browser.close(); + generateReport(out, name); +} function makeDirs(relpath) { - const segments = relpath.split('/'); - for(let i = 0; i < segments.length; i++) { - const s = segments.slice(0, i+1).join('/'); - if(!fs.existsSync(s)) { - fs.mkdirSync(s); - } - } + const segments = relpath.split("/"); + for (let i = 0; i < segments.length; i++) { + const s = segments.slice(0, i + 1).join("/"); + if (!fs.existsSync(s)) { + fs.mkdirSync(s); + } + } } function makeIndexPage(pages) { - console.log('Creating master index page.'); - const out = fs.createWriteStream(out_path + '/index.html'); - out.write('
        '); - pages.forEach((page => { - out.write('
      • '); - out.write('' + page + ''); - out.write('
        • '); - })); - out.write('
          '); - out.close(); + console.log("Creating master index page."); + const out = fs.createWriteStream(out_path + "/index.html"); + out.write("
            "); + pages.forEach((page) => { + out.write("
          • "); + out.write('' + page + ""); + out.write("
            • "); + }); + out.write("
              "); + out.close(); } (async () => { - makeDirs('target/out/diff'); - makeDirs('approved'); - console.log('vaildatepage [single]'); - if(process.argv.length >= 3) { - const url = process.argv[2] + process.argv[3] - const single = process.argv[4] - const parent = process.argv[2]; - queue.push(url); - let ps = []; - while(queue.length > 0) { - while(ps.length < 8 && queue.length > 0) { - const href = queue.pop(); - console.log('processing', href); - - ps.push(new Promise(async (res, rej) => { - await makeRenditions(parent, href); - res(); - })) - } - await Promise.all(ps); - ps = []; - if(single) { break; } - } - const files = fs.readdirSync(out_path); - const pages = files.filter(file => file.endsWith('.html')); - makeIndexPage(pages); - } + makeDirs("target/out/diff"); + makeDirs("approved"); + console.log("vaildatepage [single]"); + if (process.argv.length >= 3) { + const url = process.argv[2] + process.argv[3]; + const single = process.argv[4]; + const parent = process.argv[2]; + queue.push(url); + let ps = []; + while (queue.length > 0) { + while (ps.length < 8 && queue.length > 0) { + const href = queue.pop(); + console.log("processing", href); + + ps.push( + new Promise(async (res, rej) => { + await makeRenditions(parent, href); + res(); + }) + ); + } + await Promise.all(ps); + ps = []; + if (single) { + break; + } + } + const files = fs.readdirSync(out_path); + const pages = files.filter((file) => file.endsWith(".html")); + makeIndexPage(pages); + } })(); diff --git a/ui.apps/src/main/content/buildscripts/variations.js b/ui.apps/src/main/content/buildscripts/variations.js index 6b0cc1c18..bdae7ac7f 100644 --- a/ui.apps/src/main/content/buildscripts/variations.js +++ b/ui.apps/src/main/content/buildscripts/variations.js @@ -1,48 +1,58 @@ -const fs = require('fs-extra'); +const fs = require("fs-extra"); -let f = (a, b) => [].concat(...a.map(a => b.map(b => [].concat(a, b)))); -let cartesian = (a, b, ...c) => b ? cartesian(f(a, b), ...c) : a; +let f = (a, b) => [].concat(...a.map((a) => b.map((b) => [].concat(a, b)))); +let cartesian = (a, b, ...c) => (b ? cartesian(f(a, b), ...c) : a); function objectify(array) { - const obj = array.map(optionObjectsArr => { - let combinedName = optionObjectsArr.reduce((combinedName, optionObject) => { - return combinedName ? (combinedName + '; ' + optionObject.name) : optionObject.name; - }, ""); - return Object.assign({}, ...optionObjectsArr, {name: combinedName}); - }); - return obj; + const obj = array.map((optionObjectsArr) => { + let combinedName = optionObjectsArr.reduce( + (combinedName, optionObject) => { + return combinedName + ? combinedName + "; " + optionObject.name + : optionObject.name; + }, + "" + ); + return Object.assign({}, ...optionObjectsArr, { name: combinedName }); + }); + return obj; } -function createVariationMap(root = '../variation-fragments/') { - const variations = []; - const folders = fs.readdirSync(root); - folders.forEach((name) => { - const entry = fs.statSync(root+name); - if(entry.isDirectory()) { - const variation = []; - const options = fs.readdirSync(root+name); - options.forEach((optionName) => { - if(optionName.endsWith('.json')) { - const optionJson = fs.readJSONSync(root+name+'/'+optionName); - let optionLabel = optionName.substring(0,optionName.length - 5); - optionLabel = optionLabel.replace("-", ": "); - optionJson.name = optionLabel; - variation.push(optionJson); - } - }); - variations.push(variation); - } - }); - return variations; +function createVariationMap(root = "../variation-fragments/") { + const variations = []; + const folders = fs.readdirSync(root); + folders.forEach((name) => { + const entry = fs.statSync(root + name); + if (entry.isDirectory()) { + const variation = []; + const options = fs.readdirSync(root + name); + options.forEach((optionName) => { + if (optionName.endsWith(".json")) { + const optionJson = fs.readJSONSync( + root + name + "/" + optionName + ); + let optionLabel = optionName.substring( + 0, + optionName.length - 5 + ); + optionLabel = optionLabel.replace("-", ": "); + optionJson.name = optionLabel; + variation.push(optionJson); + } + }); + variations.push(variation); + } + }); + return variations; } module.exports = { - getVariations() { - let variations = createVariationMap(); - let cartified = cartesian(...variations); - let objectified = objectify(cartified); - return objectified; - } -} + getVariations() { + let variations = createVariationMap(); + let cartified = cartesian(...variations); + let objectified = objectify(cartified); + return objectified; + }, +}; -//delete object.name; \ No newline at end of file +//delete object.name; diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/.content.xml index 4e3b26877..72db26238 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/.content.xml @@ -1,5 +1,7 @@ - - \ No newline at end of file + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/.content.xml index 65efcebec..8c4a2a1a3 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/.content.xml @@ -1,70 +1,289 @@ - - + + - - + + - - - + + + - - + + - - + + - - + + - - + + - - + + - - - + + + - + - + - - + + - - - + + + - - + + - - - + + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/dialog.json index 7c5c97fb8..a70a2d445 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/dialog.json @@ -1,474 +1,471 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Title", - "model": "title", - "visible": "model.showtitle == 'true'", - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": [ - "title", - "value" - ], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Title", - "model": "title" - }, - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Text", - "model": "text" - } - ], - "placeholder": "accordiontoggle", - "label": "Accordion/Toggle", - "model": "accordiontoggle", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "Toggle", - "value": "toggle" - }, - { - "name": "Accordion", - "value": "accordion" - } - ], - "placeholder": "toggletype", - "label": "Collapse Style", - "model": "toggletype", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtitle", - "label": "Show Title", - "model": "showtitle", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showmedia", - "label": "Show Media", - "model": "showmedia", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "mediatype", - "label": "Media type", - "model": "mediatype", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "imagesrc", - "label": "Image Source", - "model": "imagesrc", - "visible": "model.mediatype == 'image' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "videosrc", - "label": "Video Source", - "model": "videosrc", - "visible": "model.mediatype == 'video' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "mediatitle", - "label": "Media Alt Text/Title", - "model": "mediatitle", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "mediawidth", - "label": "Width", - "model": "mediawidth", - "visible": "model.showmedia == 'true'", - "min": 10, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Before Content", - "value": "before" - }, - { - "name": "After Content", - "value": "after" - } - ], - "placeholder": "mediaposition", - "label": "Media Position", - "model": "mediaposition", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "cardborder", - "label": "Show Card Border", - "model": "cardborder", - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "none", - "value": "none" - }, - { - "name": "small", - "value": "small" - }, - { - "name": "medium", - "value": "medium" - }, - { - "name": "large", - "value": "large" - }, - { - "name": "full", - "value": "full" - } - ], - "placeholder": "roundedcorners", - "label": "Rounded Corners", - "model": "roundedcorners", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Title", + "model": "title", + "visible": "model.showtitle == 'true'", + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["title", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Title", + "model": "title" + }, + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Text", + "model": "text" + } + ], + "placeholder": "accordiontoggle", + "label": "Accordion/Toggle", + "model": "accordiontoggle", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "Toggle", + "value": "toggle" + }, + { + "name": "Accordion", + "value": "accordion" + } + ], + "placeholder": "toggletype", + "label": "Collapse Style", + "model": "toggletype", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtitle", + "label": "Show Title", + "model": "showtitle", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showmedia", + "label": "Show Media", + "model": "showmedia", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "mediatype", + "label": "Media type", + "model": "mediatype", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "imagesrc", + "label": "Image Source", + "model": "imagesrc", + "visible": "model.mediatype == 'image' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "videosrc", + "label": "Video Source", + "model": "videosrc", + "visible": "model.mediatype == 'video' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "mediatitle", + "label": "Media Alt Text/Title", + "model": "mediatitle", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "mediawidth", + "label": "Width", + "model": "mediawidth", + "visible": "model.showmedia == 'true'", + "min": 10, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Before Content", + "value": "before" + }, + { + "name": "After Content", + "value": "after" + } + ], + "placeholder": "mediaposition", + "label": "Media Position", + "model": "mediaposition", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "cardborder", + "label": "Show Card Border", + "model": "cardborder", + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "none", + "value": "none" + }, + { + "name": "small", + "value": "small" + }, + { + "name": "medium", + "value": "medium" + }, + { + "name": "large", + "value": "large" + }, + { + "name": "full", + "value": "full" + } + ], + "placeholder": "roundedcorners", + "label": "Rounded Corners", + "model": "roundedcorners", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/template.vue index 49a107185..8c06bdd2a 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/template.vue @@ -1,27 +1,48 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/.content.xml index 3fe6a90df..08173ac1b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/.content.xml @@ -1,5 +1,9 @@ - - \ No newline at end of file + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/dialog.json index 8985d9f8c..172d9c8cf 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/dialog.json @@ -1,280 +1,280 @@ { - "groups": [ - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/template.vue index 7852342ff..12b92bcd7 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/template.vue @@ -1,139 +1,155 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/.content.xml index 5cbbf0831..418be2b9e 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/.content.xml @@ -1,4 +1,17 @@ - - - - \ No newline at end of file + + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/dialog.json index b05c8183f..ffd0d94be 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/dialog.json @@ -1,326 +1,326 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "number", - "placeholder": "level", - "label": "Number Of Levels", - "model": "level", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "linkcolor", - "label": "Link Color", - "model": "linkcolor", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "number", + "placeholder": "level", + "label": "Number Of Levels", + "model": "level", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "linkcolor", + "label": "Link Color", + "model": "linkcolor", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/template.vue index e1f5d1e1d..028e0d027 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/template.vue @@ -1,39 +1,51 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/.content.xml index 28fbe5f67..070ee9ab9 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/.content.xml @@ -1,39 +1,218 @@ - - + + - - + + - - - - + + + + - - - + + + - - + + - - - - + + + + - - + + - - - + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/dialog.json index 8e6f32135..aea742fd1 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/dialog.json @@ -1,553 +1,550 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "collection", - "multifield": true, - "fieldLabel": [ - "title", - "value" - ], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Card Title", - "model": "title", - "visible": "model.showtitle == 'true'" - }, - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Card Text", - "model": "text", - "visible": "model.showtext == 'true'" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "image", - "label": "Card Image", - "model": "image" - }, - { - "type": "material-range", - "placeholder": "imagewidth", - "label": "Image Width", - "model": "imagewidth", - "min": "10", - "max": "100" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "imagealttext", - "label": "Image Alt Text", - "model": "imagealttext" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "buttontext", - "label": "Button Text", - "model": "buttontext", - "visible": "model.showbutton == 'true'" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "buttonlink", - "label": "Button Link", - "model": "buttonlink", - "visible": "model.showbutton == 'true'" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Secondary", - "value": "secondary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Info", - "value": "info" - } - ], - "placeholder": "buttoncolor", - "label": "Button Color", - "model": "buttoncolor" - }, - { - "type": "material-select", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Large", - "value": "large" - }, - { - "name": "Small", - "value": "small" - } - ], - "placeholder": "buttonsize", - "label": "Button Size", - "model": "buttonsize" - }, - { - "type": "material-select", - "values": [ - { - "name": "Left", - "value": "left" - }, - { - "name": "Center", - "value": "center" - }, - { - "name": "Right", - "value": "right" - } - ], - "placeholder": "buttonalign", - "label": "Button Alignment", - "model": "buttonalign" - } - ], - "placeholder": "cards", - "label": "Cards", - "model": "cards", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtitle", - "label": "Show Card Title", - "model": "showtitle", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtext", - "label": "Show Card Text", - "model": "showtext", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showbutton", - "label": "Show Card Button", - "model": "showbutton", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showcard", - "label": "Show Card Background", - "model": "showcard", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "customcardcolor", - "label": "Custom Card Color", - "model": "customcardcolor", - "visible": "model.showcard == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "cardcolor", - "label": "Card Color", - "model": "cardcolor", - "visible": "model.showcard == 'true' and model.customcardcolor == 'true'", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "cardborder", - "label": "Show Card Border", - "model": "cardborder", - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "none", - "value": "none" - }, - { - "name": "small", - "value": "small" - }, - { - "name": "medium", - "value": "medium" - }, - { - "name": "large", - "value": "large" - } - ], - "placeholder": "roundedcorners", - "label": "Rounded Corners", - "model": "roundedcorners", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "cardsperrow", - "label": "Cards Per Row", - "model": "cardsperrow", - "min": 1, - "max": 6, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "cardsperrowtab", - "label": "Cards Per Row (Tablet)", - "model": "cardsperrowtab", - "min": 1, - "max": 6, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "cardsperrowmobile", - "label": "Cards Per Row (Mobile)", - "model": "cardsperrowmobile", - "min": 1, - "max": 6, - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "collection", + "multifield": true, + "fieldLabel": ["title", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Card Title", + "model": "title", + "visible": "model.showtitle == 'true'" + }, + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Card Text", + "model": "text", + "visible": "model.showtext == 'true'" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "image", + "label": "Card Image", + "model": "image" + }, + { + "type": "material-range", + "placeholder": "imagewidth", + "label": "Image Width", + "model": "imagewidth", + "min": "10", + "max": "100" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "imagealttext", + "label": "Image Alt Text", + "model": "imagealttext" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "buttontext", + "label": "Button Text", + "model": "buttontext", + "visible": "model.showbutton == 'true'" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "buttonlink", + "label": "Button Link", + "model": "buttonlink", + "visible": "model.showbutton == 'true'" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Info", + "value": "info" + } + ], + "placeholder": "buttoncolor", + "label": "Button Color", + "model": "buttoncolor" + }, + { + "type": "material-select", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Large", + "value": "large" + }, + { + "name": "Small", + "value": "small" + } + ], + "placeholder": "buttonsize", + "label": "Button Size", + "model": "buttonsize" + }, + { + "type": "material-select", + "values": [ + { + "name": "Left", + "value": "left" + }, + { + "name": "Center", + "value": "center" + }, + { + "name": "Right", + "value": "right" + } + ], + "placeholder": "buttonalign", + "label": "Button Alignment", + "model": "buttonalign" + } + ], + "placeholder": "cards", + "label": "Cards", + "model": "cards", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtitle", + "label": "Show Card Title", + "model": "showtitle", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtext", + "label": "Show Card Text", + "model": "showtext", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showbutton", + "label": "Show Card Button", + "model": "showbutton", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showcard", + "label": "Show Card Background", + "model": "showcard", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "customcardcolor", + "label": "Custom Card Color", + "model": "customcardcolor", + "visible": "model.showcard == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "cardcolor", + "label": "Card Color", + "model": "cardcolor", + "visible": "model.showcard == 'true' and model.customcardcolor == 'true'", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "cardborder", + "label": "Show Card Border", + "model": "cardborder", + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "none", + "value": "none" + }, + { + "name": "small", + "value": "small" + }, + { + "name": "medium", + "value": "medium" + }, + { + "name": "large", + "value": "large" + } + ], + "placeholder": "roundedcorners", + "label": "Rounded Corners", + "model": "roundedcorners", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "cardsperrow", + "label": "Cards Per Row", + "model": "cardsperrow", + "min": 1, + "max": 6, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "cardsperrowtab", + "label": "Cards Per Row (Tablet)", + "model": "cardsperrowtab", + "min": 1, + "max": 6, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "cardsperrowmobile", + "label": "Cards Per Row (Mobile)", + "model": "cardsperrowmobile", + "min": 1, + "max": 6, + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/template.vue index 9670fbef0..f1558d319 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/template.vue @@ -1,30 +1,38 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/.content.xml index 99bb17d20..da63de993 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/.content.xml @@ -1,38 +1,133 @@ - - + + - - + + - - - + + + - + - + - - + + - - - - + + + + - - + + - - - + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/dialog.json index 05843f4eb..c2a1c5a17 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/dialog.json @@ -1,437 +1,434 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "collection", - "multifield": true, - "fieldLabel": [ - "heading", - "value" - ], - "fields": [ - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "imagepath", - "label": "Image Source", - "model": "imagepath" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Contain", - "value": "contain" - }, - { - "name": "Cover", - "value": "cover" - } - ], - "placeholder": "imagefit", - "label": "Slide Image Fit", - "model": "imagefit" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "slidelink", - "label": "Slide Link", - "model": "slidelink" - }, - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Image Text", - "model": "text" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "alt", - "label": "Image Alt Text", - "model": "alt" - } - ], - "placeholder": "slides", - "label": "Slides", - "model": "slides", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-range", - "placeholder": "carouselheight", - "label": "Carousel Height", - "model": "carouselheight", - "min": 10, - "max": 100, - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "autoplay", - "label": "Auto Play", - "model": "autoplay", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "number", - "placeholder": "itemsperpage", - "label": "Images per page", - "model": "itemsperpage", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "interval", - "label": "Interval", - "model": "interval", - "visible": "model.autoplay == 'true'", - "min": 1, - "max": 20, - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "pause", - "label": "Pause On Hover", - "model": "pause", - "visible": "model.autoplay == 'true'", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "wrap", - "label": "Wrap", - "model": "wrap", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "indicators", - "label": "Indicators", - "model": "indicators", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "controls", - "label": "Controls", - "model": "controls", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "captionbg", - "label": "Caption Background", - "model": "captionbg", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "collection", + "multifield": true, + "fieldLabel": ["heading", "value"], + "fields": [ + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "imagepath", + "label": "Image Source", + "model": "imagepath" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Contain", + "value": "contain" + }, + { + "name": "Cover", + "value": "cover" + } + ], + "placeholder": "imagefit", + "label": "Slide Image Fit", + "model": "imagefit" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "slidelink", + "label": "Slide Link", + "model": "slidelink" + }, + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Image Text", + "model": "text" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "alt", + "label": "Image Alt Text", + "model": "alt" + } + ], + "placeholder": "slides", + "label": "Slides", + "model": "slides", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-range", + "placeholder": "carouselheight", + "label": "Carousel Height", + "model": "carouselheight", + "min": 10, + "max": 100, + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "autoplay", + "label": "Auto Play", + "model": "autoplay", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "number", + "placeholder": "itemsperpage", + "label": "Images per page", + "model": "itemsperpage", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "interval", + "label": "Interval", + "model": "interval", + "visible": "model.autoplay == 'true'", + "min": 1, + "max": 20, + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "pause", + "label": "Pause On Hover", + "model": "pause", + "visible": "model.autoplay == 'true'", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "wrap", + "label": "Wrap", + "model": "wrap", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "indicators", + "label": "Indicators", + "model": "indicators", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "controls", + "label": "Controls", + "model": "controls", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "captionbg", + "label": "Caption Background", + "model": "captionbg", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/template.vue index 1579ad424..5c399904d 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/template.vue @@ -1,50 +1,81 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/.content.xml index a6db91a21..703767b4b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/.content.xml @@ -1,11 +1,29 @@ - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/dialog.json index 9effad55d..b310cc987 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/dialog.json @@ -1,310 +1,310 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "language", - "label": "language", - "model": "language", - "x_form_group": "content" - }, - { - "type": "material-textarea", - "rows": 10, - "max": "16000", - "placeholder": "text", - "label": "text", - "model": "text", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "classes", - "label": "classes", - "model": "classes", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "language", + "label": "language", + "model": "language", + "x_form_group": "content" + }, + { + "type": "material-textarea", + "rows": 10, + "max": "16000", + "placeholder": "text", + "label": "text", + "model": "text", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "classes", + "label": "classes", + "model": "classes", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/template.vue index 580624063..682791859 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/template.vue @@ -1,42 +1,54 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/.content.xml index ed3d4e8fa..b52adcc1b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/.content.xml @@ -1,4 +1,11 @@ - - - - \ No newline at end of file + + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/dialog.json index 226f63340..f951bebdb 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/dialog.json @@ -1,127 +1,127 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "Auto (fill available space)", - "value": "auto" - }, - { - "name": "Custom", - "value": "custom" - } - ], - "placeholder": "width", - "label": "Container Width", - "model": "width", - "x_form_group": "content" - }, - { - "type": "material-range", - "placeholder": "colspan", - "label": "Column Span (12 Columns)", - "model": "colspan", - "visible": "model.width == 'custom'", - "min": 1, - "max": 12, - "x_form_group": "content" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Auto (fill available space)", - "value": "auto" - }, - { - "name": "Custom", - "value": "custom" - } - ], - "placeholder": "tabletwidth", - "label": "Container Width (Tablet)", - "model": "tabletwidth", - "x_form_group": "content" - }, - { - "type": "material-range", - "placeholder": "tabletcolspan", - "label": "Column Span (12 Columns)", - "model": "tabletcolspan", - "visible": "model.tabletwidth == 'custom'", - "min": 1, - "max": 12, - "x_form_group": "content" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Auto (fill available space)", - "value": "auto" - }, - { - "name": "Custom", - "value": "custom" - } - ], - "placeholder": "mobilewidth", - "label": "Container Width (Mobile)", - "model": "mobilewidth", - "x_form_group": "content" - }, - { - "type": "material-range", - "placeholder": "mobilecolspan", - "label": "Column Span (12 Columns)", - "model": "mobilecolspan", - "visible": "model.mobilewidth == 'custom'", - "min": 1, - "max": 12, - "x_form_group": "content" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "content" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "Auto (fill available space)", + "value": "auto" + }, + { + "name": "Custom", + "value": "custom" + } + ], + "placeholder": "width", + "label": "Container Width", + "model": "width", + "x_form_group": "content" + }, + { + "type": "material-range", + "placeholder": "colspan", + "label": "Column Span (12 Columns)", + "model": "colspan", + "visible": "model.width == 'custom'", + "min": 1, + "max": 12, + "x_form_group": "content" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Auto (fill available space)", + "value": "auto" + }, + { + "name": "Custom", + "value": "custom" + } + ], + "placeholder": "tabletwidth", + "label": "Container Width (Tablet)", + "model": "tabletwidth", + "x_form_group": "content" + }, + { + "type": "material-range", + "placeholder": "tabletcolspan", + "label": "Column Span (12 Columns)", + "model": "tabletcolspan", + "visible": "model.tabletwidth == 'custom'", + "min": 1, + "max": 12, + "x_form_group": "content" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Auto (fill available space)", + "value": "auto" + }, + { + "name": "Custom", + "value": "custom" + } + ], + "placeholder": "mobilewidth", + "label": "Container Width (Mobile)", + "model": "mobilewidth", + "x_form_group": "content" + }, + { + "type": "material-range", + "placeholder": "mobilecolspan", + "label": "Column Span (12 Columns)", + "model": "mobilecolspan", + "visible": "model.mobilewidth == 'custom'", + "min": 1, + "max": 12, + "x_form_group": "content" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "content" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/template.vue index ebc4c6154..36b82910d 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/template.vue @@ -1,6 +1,8 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/.content.xml index 8bae864f5..b295dbf12 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/.content.xml @@ -1,4 +1,11 @@ - - - - \ No newline at end of file + + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/dialog.json index f1183221f..0ab8fe60e 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/dialog.json @@ -1,314 +1,314 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "material-select", - "values": [ - { - "name": "Start", - "value": "items-start" - }, - { - "name": "Center", - "value": "items-center" - }, - { - "name": "End", - "value": "items-end" - }, - { - "name": "Stretch", - "value": "items-stretch" - }, - { - "name": "Baseline", - "value": "items-baseline" - } - ], - "placeholder": "alignitems", - "label": "Items Alignment", - "model": "alignitems", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "material-select", + "values": [ + { + "name": "Start", + "value": "items-start" + }, + { + "name": "Center", + "value": "items-center" + }, + { + "name": "End", + "value": "items-end" + }, + { + "name": "Stretch", + "value": "items-stretch" + }, + { + "name": "Baseline", + "value": "items-baseline" + } + ], + "placeholder": "alignitems", + "label": "Items Alignment", + "model": "alignitems", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/template.vue index 1780557e0..8f90cfa34 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/template.vue @@ -1,23 +1,48 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/.content.xml index 8741f3210..cceb67339 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/.content.xml @@ -1,58 +1,221 @@ - - + + - - + + - - - + + + - - - - - + + + + + - + - + - - + + - - - + + + - - - - - + + + + + - - + + - - - + + + - - - - - + + + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/dialog.json index bce18b6a0..38bdb49ba 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/dialog.json @@ -1,433 +1,427 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "logo", - "label": "Logo", - "model": "logo", - "visible": "model.showlogo == 'true'", - "x_form_group": "content" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "logoalttext", - "label": "Logo Alt Text", - "model": "logoalttext", - "visible": "model.showlogo == 'true'", - "x_form_group": "content" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "logourl", - "label": "Logo Url", - "model": "logourl", - "visible": "model.showlogo == 'true'", - "x_form_group": "content" - }, - { - "type": "material-range", - "placeholder": "logosize", - "label": "Logo Size", - "model": "logosize", - "visible": "model.showlogo == 'true'", - "min": 1, - "max": 300, - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": [ - "title", - "value" - ], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Title", - "model": "title" - }, - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Text", - "model": "text" - } - ], - "placeholder": "columns", - "label": "Columns", - "model": "columns", - "x_form_group": "content" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "copyright", - "label": "Copyright Text", - "model": "copyright", - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": [ - "icon", - "value" - ], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "icon", - "label": "Icon Name", - "model": "icon" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "url", - "label": "Icon Url", - "model": "url" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "iconalttext", - "label": "Icon Alt Text", - "model": "iconalttext" - } - ], - "placeholder": "icons", - "label": "Icons", - "model": "icons", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showlogo", - "label": "Show Logo", - "model": "showlogo", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "iconcustomcolor", - "label": "Custom Icons Color", - "model": "iconcustomcolor", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "iconcolor", - "label": "Icon Color", - "model": "iconcolor", - "visible": "model.iconcustomcolor == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "iconsize", - "label": "Icon Size", - "model": "iconsize", - "min": 0, - "max": 150, - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "logo", + "label": "Logo", + "model": "logo", + "visible": "model.showlogo == 'true'", + "x_form_group": "content" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "logoalttext", + "label": "Logo Alt Text", + "model": "logoalttext", + "visible": "model.showlogo == 'true'", + "x_form_group": "content" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "logourl", + "label": "Logo Url", + "model": "logourl", + "visible": "model.showlogo == 'true'", + "x_form_group": "content" + }, + { + "type": "material-range", + "placeholder": "logosize", + "label": "Logo Size", + "model": "logosize", + "visible": "model.showlogo == 'true'", + "min": 1, + "max": 300, + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["title", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Title", + "model": "title" + }, + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Text", + "model": "text" + } + ], + "placeholder": "columns", + "label": "Columns", + "model": "columns", + "x_form_group": "content" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "copyright", + "label": "Copyright Text", + "model": "copyright", + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["icon", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "icon", + "label": "Icon Name", + "model": "icon" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "url", + "label": "Icon Url", + "model": "url" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "iconalttext", + "label": "Icon Alt Text", + "model": "iconalttext" + } + ], + "placeholder": "icons", + "label": "Icons", + "model": "icons", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showlogo", + "label": "Show Logo", + "model": "showlogo", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "iconcustomcolor", + "label": "Custom Icons Color", + "model": "iconcustomcolor", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "iconcolor", + "label": "Icon Color", + "model": "iconcolor", + "visible": "model.iconcustomcolor == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "iconsize", + "label": "Icon Size", + "model": "iconsize", + "min": 0, + "max": 150, + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/template.vue index 45eed4346..686327eef 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/template.vue @@ -1,38 +1,66 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/.content.xml index fcc2cd8c0..19c4e959b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/.content.xml @@ -1,32 +1,118 @@ - - + + - - + + - - - + + + - + - - + + - - + + - - - + + + - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/dialog.json index 0b2ecfb1c..8611ac76d 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/dialog.json @@ -1,495 +1,489 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "logo", - "label": "Logo", - "model": "logo", - "x_form_group": "content" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "logoalttext", - "label": "Logo Alt Text", - "model": "logoalttext", - "x_form_group": "content" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "logourl", - "label": "Logo Url", - "model": "logourl", - "x_form_group": "content" - }, - { - "type": "material-range", - "placeholder": "logosize", - "label": "Logo Size", - "model": "logosize", - "min": 1, - "max": 300, - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": [ - "text", - "value" - ], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "text", - "label": "Link Text", - "model": "text" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "link", - "label": "Link Url", - "model": "link" - } - ], - "placeholder": "links", - "label": "Links", - "model": "links", - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": [ - "buttontext", - "value" - ], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "buttontext", - "label": "Button Text", - "model": "buttontext" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "buttonlink", - "label": "Button Link", - "model": "buttonlink" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Secondary", - "value": "secondary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "buttoncolor", - "label": "Button Color", - "model": "buttoncolor" - } - ], - "placeholder": "buttons", - "label": "Buttons", - "model": "buttons", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "collapsed", - "label": "Collapse Menu", - "model": "collapsed", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "elevation", - "label": "Elevation", - "model": "elevation", - "min": 0, - "max": 5, - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "sticky", - "label": "Sticky", - "model": "sticky", - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "linkcolor", - "label": "Link Color", - "model": "linkcolor", - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Large", - "value": "large" - }, - { - "name": "Small", - "value": "small" - } - ], - "placeholder": "buttonsize", - "label": "Button Size", - "model": "buttonsize", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "logo", + "label": "Logo", + "model": "logo", + "x_form_group": "content" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "logoalttext", + "label": "Logo Alt Text", + "model": "logoalttext", + "x_form_group": "content" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "logourl", + "label": "Logo Url", + "model": "logourl", + "x_form_group": "content" + }, + { + "type": "material-range", + "placeholder": "logosize", + "label": "Logo Size", + "model": "logosize", + "min": 1, + "max": 300, + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["text", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "text", + "label": "Link Text", + "model": "text" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "link", + "label": "Link Url", + "model": "link" + } + ], + "placeholder": "links", + "label": "Links", + "model": "links", + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["buttontext", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "buttontext", + "label": "Button Text", + "model": "buttontext" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "buttonlink", + "label": "Button Link", + "model": "buttonlink" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "buttoncolor", + "label": "Button Color", + "model": "buttoncolor" + } + ], + "placeholder": "buttons", + "label": "Buttons", + "model": "buttons", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "collapsed", + "label": "Collapse Menu", + "model": "collapsed", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "elevation", + "label": "Elevation", + "model": "elevation", + "min": 0, + "max": 5, + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "sticky", + "label": "Sticky", + "model": "sticky", + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "linkcolor", + "label": "Link Color", + "model": "linkcolor", + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Large", + "value": "large" + }, + { + "name": "Small", + "value": "small" + } + ], + "placeholder": "buttonsize", + "label": "Button Size", + "model": "buttonsize", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/template.vue index 99786fcb2..794ccf6d0 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/template.vue @@ -1,73 +1,112 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/.content.xml index 043b368f7..1d70ca03c 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/.content.xml @@ -1,6 +1,10 @@ - - - \ No newline at end of file + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/template.vue index 9308ca715..85103550d 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/template.vue @@ -1,42 +1,68 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/.content.xml index 927bfc61f..09e9ca32b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/.content.xml @@ -1,14 +1,48 @@ - - + + - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/dialog.json index 93b7d8385..63e19bd80 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/dialog.json @@ -1,333 +1,333 @@ { - "groups": [ - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "mediatype", - "label": "Media type", - "model": "mediatype", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "imagesrc", - "label": "Image Source", - "model": "imagesrc", - "visible": "model.mediatype == 'image'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "videosrc", - "label": "Video Source", - "model": "videosrc", - "visible": "model.mediatype == 'video'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "mediatitle", - "label": "Media Alt Text/Title", - "model": "mediatitle", - "visible": "model.mediatype == 'image' or model.mediatype == 'video'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "mediawidth", - "label": "Width", - "model": "mediawidth", - "min": 10, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "mediatype", + "label": "Media type", + "model": "mediatype", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "imagesrc", + "label": "Image Source", + "model": "imagesrc", + "visible": "model.mediatype == 'image'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "videosrc", + "label": "Video Source", + "model": "videosrc", + "visible": "model.mediatype == 'video'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "mediatitle", + "label": "Media Alt Text/Title", + "model": "mediatitle", + "visible": "model.mediatype == 'image' or model.mediatype == 'video'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "mediawidth", + "label": "Width", + "model": "mediawidth", + "min": 10, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/template.vue index b2f37bbed..415e23b83 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/template.vue @@ -1,20 +1,28 @@ \ No newline at end of file + export default { + props: ["model"], + computed: { + isEditAndEmpty() { + if (!$peregrineApp.isAuthorMode()) return false; + //return !(this.model.imagesrc || this.model.videosrc) + return this.$helper.areAllEmpty( + this.model.imagesrc, + this.model.videosrc + ); + }, + }, + }; + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/.content.xml index 77115b81b..1eacc9536 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/.content.xml @@ -1,6 +1,10 @@ - - - \ No newline at end of file + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/template.vue index 5e556d9fd..522e76c66 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/template.vue @@ -1,22 +1,31 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/.content.xml index 4b58e59ee..5bd8326a1 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/.content.xml @@ -1,10 +1,32 @@ - - + + - - - + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/dialog.json index b812e8f5b..e1ac3078c 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/dialog.json @@ -1,99 +1,96 @@ { - "groups": [ - { - "legend": "style", - "fields": [ - { - "type": "material-select", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Large", - "value": "large" - }, - { - "name": "Small", - "value": "small" - } - ], - "placeholder": "buttonsize", - "label": "Button Size", - "model": "buttonsize", - "x_form_group": "style" - } - ] - }, - { - "legend": "content", - "fields": [ - { - "type": "collection", - "multifield": true, - "fieldLabel": [ - "buttontext", - "value" - ], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "buttontext", - "label": "Button Text", - "model": "buttontext" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "buttonlink", - "label": "Button Link", - "model": "buttonlink" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Secondary", - "value": "secondary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "buttoncolor", - "label": "Button Color", - "model": "buttoncolor" - } - ], - "placeholder": "buttons", - "label": "Buttons", - "model": "buttons", - "x_form_group": "content" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "style", + "fields": [ + { + "type": "material-select", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Large", + "value": "large" + }, + { + "name": "Small", + "value": "small" + } + ], + "placeholder": "buttonsize", + "label": "Button Size", + "model": "buttonsize", + "x_form_group": "style" + } + ] + }, + { + "legend": "content", + "fields": [ + { + "type": "collection", + "multifield": true, + "fieldLabel": ["buttontext", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "buttontext", + "label": "Button Text", + "model": "buttontext" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "buttonlink", + "label": "Button Link", + "model": "buttonlink" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "buttoncolor", + "label": "Button Color", + "model": "buttoncolor" + } + ], + "placeholder": "buttons", + "label": "Buttons", + "model": "buttons", + "x_form_group": "content" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/template.vue index eec801487..3732f144a 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/template.vue @@ -1,23 +1,30 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/.content.xml index c993a8d5b..4537d5f59 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/.content.xml @@ -1,11 +1,31 @@ - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/dialog.json index e187506c3..1e814b58d 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/dialog.json @@ -1,325 +1,325 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "rootpage", - "label": "Root Page", - "model": "rootpage", - "x_form_group": "content" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "excludesitemapexcludes", - "label": "Exclude pages Excluded in Sitemap", - "model": "excludesitemapexcludes", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "Start", - "value": "start" - }, - { - "name": "Center", - "value": "center" - }, - { - "name": "End", - "value": "end" - } - ], - "placeholder": "justifyitems", - "label": "Navigation Alignment", - "model": "justifyitems", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "rootpage", + "label": "Root Page", + "model": "rootpage", + "x_form_group": "content" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "excludesitemapexcludes", + "label": "Exclude pages Excluded in Sitemap", + "model": "excludesitemapexcludes", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "Start", + "value": "start" + }, + { + "name": "Center", + "value": "center" + }, + { + "name": "End", + "value": "end" + } + ], + "placeholder": "justifyitems", + "label": "Navigation Alignment", + "model": "justifyitems", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/template.vue index 1cb8b7afb..de3039664 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/template.vue @@ -1,58 +1,89 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/.content.xml index ed7d88d68..6b4cf87a0 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/.content.xml @@ -1,32 +1,121 @@ - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/dialog.json index 83d8418f2..5cac93193 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/dialog.json @@ -1,322 +1,322 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "text", - "model": "text", - "x_form_group": "content" - }, - { - "type": "material-select", - "values": [ - { - "name": "Note", - "value": "note" - }, - { - "name": "Tip", - "value": "tip" - }, - { - "name": "Important", - "value": "important" - }, - { - "name": "Caution", - "value": "caution" - }, - { - "name": "Warning", - "value": "warning" - } - ], - "placeholder": "notetype", - "label": "Note Type", - "model": "notetype", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "text", + "model": "text", + "x_form_group": "content" + }, + { + "type": "material-select", + "values": [ + { + "name": "Note", + "value": "note" + }, + { + "name": "Tip", + "value": "tip" + }, + { + "name": "Important", + "value": "important" + }, + { + "name": "Caution", + "value": "caution" + }, + { + "name": "Warning", + "value": "warning" + } + ], + "placeholder": "notetype", + "label": "Note Type", + "model": "notetype", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/template.vue index abf50403e..8f3a774f6 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/template.vue @@ -1,20 +1,26 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/.content.xml index 41c6a6965..d24373a13 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/.content.xml @@ -1,6 +1,10 @@ - - \ No newline at end of file + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/iconsprites.html b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/iconsprites.html index a920f86fb..01cb4e58e 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/iconsprites.html +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/iconsprites.html @@ -1 +1,106 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/renderer.html b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/renderer.html index 769f5acbc..8687f0ccc 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/renderer.html +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/renderer.html @@ -1,43 +1,41 @@ - + - - + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/serviceworker.html b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/serviceworker.html index 0a5d7b389..9b26073ce 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/serviceworker.html +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/serviceworker.html @@ -1,18 +1,30 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/template.vue index c081e2b22..4da22c331 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/template.vue @@ -1,40 +1,58 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/.content.xml index 8b23533db..be9f4c851 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/.content.xml @@ -1,11 +1,31 @@ - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/dialog.json index 8cb24c933..8caae332e 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/dialog.json @@ -1,367 +1,364 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "rootpage", - "label": "Root Page", - "model": "rootpage", - "x_form_group": "content" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "includeroot", - "label": "Include Root", - "model": "includeroot", - "x_form_group": "content" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "excludesitemapexcludes", - "label": "Exclude pages Excluded in Sitemap", - "model": "excludesitemapexcludes", - "x_form_group": "content" - }, - { - "type": "input", - "inputType": "number", - "placeholder": "levels", - "label": "Levels", - "model": "levels", - "default": 1, - "min": 1, - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": [ - "contentname", - "value" - ], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentfield", - "label": "Content Field", - "model": "contentfield" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "htmlelement", - "label": "HTML Element", - "model": "htmlelement" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "cssclass", - "label": "CSS Classes", - "model": "cssclass" - } - ], - "placeholder": "references", - "label": "References", - "model": "references", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "rootpage", + "label": "Root Page", + "model": "rootpage", + "x_form_group": "content" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "includeroot", + "label": "Include Root", + "model": "includeroot", + "x_form_group": "content" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "excludesitemapexcludes", + "label": "Exclude pages Excluded in Sitemap", + "model": "excludesitemapexcludes", + "x_form_group": "content" + }, + { + "type": "input", + "inputType": "number", + "placeholder": "levels", + "label": "Levels", + "model": "levels", + "default": 1, + "min": 1, + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["contentname", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentfield", + "label": "Content Field", + "model": "contentfield" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "htmlelement", + "label": "HTML Element", + "model": "htmlelement" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "cssclass", + "label": "CSS Classes", + "model": "cssclass" + } + ], + "placeholder": "references", + "label": "References", + "model": "references", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/template.vue index 051b7b870..a6375efb5 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/template.vue @@ -1,52 +1,90 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/.content.xml index fb426043b..04424362f 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/.content.xml @@ -1,4 +1,11 @@ - - - - \ No newline at end of file + + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/dialog.json index 07ecc6734..e5155b6a5 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/dialog.json @@ -1,3 +1,3 @@ { - "groups": [] -} \ No newline at end of file + "groups": [] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/template.vue index 224452868..a50cd9a5d 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/template.vue @@ -1,17 +1,28 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/.content.xml index 1debe994b..1876e2891 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/.content.xml @@ -1,11 +1,32 @@ - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/dialog.json index 73a9796d2..29e4f95ad 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/dialog.json @@ -1,404 +1,404 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "rootpage", - "label": "Root Page", - "model": "rootpage", - "x_form_group": "content" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "includeroot", - "label": "Include Root", - "model": "includeroot", - "x_form_group": "content" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "prevlabel", - "label": "Previous Label", - "model": "prevlabel", - "x_form_group": "content" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "nextlabel", - "label": "Next Label", - "model": "nextlabel", - "x_form_group": "content" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "disableprevious", - "label": "Disable the previous button", - "model": "disableprevious", - "x_form_group": "content" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "excludesitemapexcludes", - "label": "Exclude pages Excluded in Sitemap", - "model": "excludesitemapexcludes", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-select", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Large", - "value": "large" - }, - { - "name": "Small", - "value": "small" - } - ], - "placeholder": "buttonsize", - "label": "Button Size", - "model": "buttonsize", - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Secondary", - "value": "secondary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Info", - "value": "info" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "buttoncolor", - "label": "Button Color", - "model": "buttoncolor", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "rootpage", + "label": "Root Page", + "model": "rootpage", + "x_form_group": "content" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "includeroot", + "label": "Include Root", + "model": "includeroot", + "x_form_group": "content" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "prevlabel", + "label": "Previous Label", + "model": "prevlabel", + "x_form_group": "content" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "nextlabel", + "label": "Next Label", + "model": "nextlabel", + "x_form_group": "content" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "disableprevious", + "label": "Disable the previous button", + "model": "disableprevious", + "x_form_group": "content" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "excludesitemapexcludes", + "label": "Exclude pages Excluded in Sitemap", + "model": "excludesitemapexcludes", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-select", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Large", + "value": "large" + }, + { + "name": "Small", + "value": "small" + } + ], + "placeholder": "buttonsize", + "label": "Button Size", + "model": "buttonsize", + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Info", + "value": "info" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "buttoncolor", + "label": "Button Color", + "model": "buttoncolor", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/template.vue index 9873cf5f5..24a0601e5 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/template.vue @@ -1,47 +1,60 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/.content.xml index a43f730e7..4fbecc0b8 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/.content.xml @@ -1,20 +1,74 @@ - - + + - - + + - - + + - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/dialog.json index e24e4c70d..36f2c494c 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/dialog.json @@ -1,304 +1,304 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Text", - "model": "text", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "blockquote", - "label": "Block Quote?", - "model": "blockquote", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Text", + "model": "text", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "blockquote", + "label": "Block Quote?", + "model": "blockquote", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/template.vue index 6c8220bdc..0bd30df28 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/template.vue @@ -1,24 +1,32 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/.content.xml index 99d20b113..f06f9ee9b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/.content.xml @@ -1,4 +1,11 @@ - - - - \ No newline at end of file + + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/dialog.json index 42f258bdc..9b2f397d1 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/dialog.json @@ -1,301 +1,301 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "reference", - "label": "Reference", - "model": "reference", - "x_form_group": "content" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentnameref", - "label": "Content Name Reference", - "model": "contentnameref", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "reference", + "label": "Reference", + "model": "reference", + "x_form_group": "content" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentnameref", + "label": "Content Name Reference", + "model": "contentnameref", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/template.vue index aa59ded9f..1f1fd9dc2 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/template.vue @@ -1,52 +1,68 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/.content.xml index 1f00894f1..5a017b495 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/.content.xml @@ -1,17 +1,55 @@ - - + + - - + + - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/dialog.json index 481ac563d..c6a6082e6 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/dialog.json @@ -1,377 +1,377 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Text", - "model": "text", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showmedia", - "label": "Show Media", - "model": "showmedia", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "mediatype", - "label": "Media type", - "model": "mediatype", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "imagesrc", - "label": "Image Source", - "model": "imagesrc", - "visible": "model.mediatype == 'image' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "videosrc", - "label": "Video Source", - "model": "videosrc", - "visible": "model.mediatype == 'video' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "mediatitle", - "label": "Media Alt Text/Title", - "model": "mediatitle", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "mediawidth", - "label": "Width", - "model": "mediawidth", - "visible": "model.showmedia == 'true'", - "min": 10, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Before Content", - "value": "before" - }, - { - "name": "After Content", - "value": "after" - } - ], - "placeholder": "mediaposition", - "label": "Media Position", - "model": "mediaposition", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Text", + "model": "text", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showmedia", + "label": "Show Media", + "model": "showmedia", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "mediatype", + "label": "Media type", + "model": "mediatype", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "imagesrc", + "label": "Image Source", + "model": "imagesrc", + "visible": "model.mediatype == 'image' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "videosrc", + "label": "Video Source", + "model": "videosrc", + "visible": "model.mediatype == 'video' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "mediatitle", + "label": "Media Alt Text/Title", + "model": "mediatitle", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "mediawidth", + "label": "Width", + "model": "mediawidth", + "visible": "model.showmedia == 'true'", + "min": 10, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Before Content", + "value": "before" + }, + { + "name": "After Content", + "value": "after" + } + ], + "placeholder": "mediaposition", + "label": "Media Position", + "model": "mediaposition", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/template.vue index 6a3cc3cb0..dbf726970 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/template.vue @@ -1,29 +1,42 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/.content.xml index 7c032b6f1..f8b338912 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/.content.xml @@ -1,17 +1,51 @@ - - + + - - + + - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/dialog.json index 747ba9e75..139f8f2c3 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/dialog.json @@ -1,326 +1,326 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "text", - "label": "Text", - "model": "text", - "x_form_group": "content" - }, - { - "type": "material-select", - "values": [ - { - "name": "h1", - "value": "h1" - }, - { - "name": "h2", - "value": "h2" - }, - { - "name": "h3", - "value": "h3" - }, - { - "name": "h4", - "value": "h4" - }, - { - "name": "h5", - "value": "h5" - }, - { - "name": "p", - "value": "p" - } - ], - "placeholder": "element", - "label": "Choose Element Type", - "model": "element", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "text", + "label": "Text", + "model": "text", + "x_form_group": "content" + }, + { + "type": "material-select", + "values": [ + { + "name": "h1", + "value": "h1" + }, + { + "name": "h2", + "value": "h2" + }, + { + "name": "h3", + "value": "h3" + }, + { + "name": "h4", + "value": "h4" + }, + { + "name": "h5", + "value": "h5" + }, + { + "name": "p", + "value": "p" + } + ], + "placeholder": "element", + "label": "Choose Element Type", + "model": "element", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/template.vue index 73b403644..b7952911e 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/template.vue @@ -1,26 +1,32 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/.content.xml index 1b3f7ba41..d9234aa9b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/.content.xml @@ -1,12 +1,44 @@ - - + + - - - - - + + + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/dialog.json index b3a2311db..aebb4e8e3 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/dialog.json @@ -1,78 +1,75 @@ { - "groups": [ - { - "legend": "style", - "fields": [ - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "iconcustomcolor", - "label": "Custom Icons Color", - "model": "iconcustomcolor", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "iconcolor", - "label": "Icon Color", - "model": "iconcolor", - "visible": "model.iconcustomcolor == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "iconsize", - "label": "Icon Size", - "model": "iconsize", - "min": 0, - "max": 150, - "x_form_group": "style" - } - ] - }, - { - "legend": "content", - "fields": [ - { - "type": "collection", - "multifield": true, - "fieldLabel": [ - "icon", - "value" - ], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "icon", - "label": "Icon Name", - "model": "icon" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "url", - "label": "Icon Url", - "model": "url" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "iconalttext", - "label": "Icon Alt Text", - "model": "iconalttext" - } - ], - "placeholder": "icons", - "label": "Icons", - "model": "icons", - "x_form_group": "content" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "style", + "fields": [ + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "iconcustomcolor", + "label": "Custom Icons Color", + "model": "iconcustomcolor", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "iconcolor", + "label": "Icon Color", + "model": "iconcolor", + "visible": "model.iconcustomcolor == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "iconsize", + "label": "Icon Size", + "model": "iconsize", + "min": 0, + "max": 150, + "x_form_group": "style" + } + ] + }, + { + "legend": "content", + "fields": [ + { + "type": "collection", + "multifield": true, + "fieldLabel": ["icon", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "icon", + "label": "Icon Name", + "model": "icon" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "url", + "label": "Icon Url", + "model": "url" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "iconalttext", + "label": "Icon Alt Text", + "model": "iconalttext" + } + ], + "placeholder": "icons", + "label": "Icons", + "model": "icons", + "x_form_group": "content" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/template.vue index 5e1007112..b5363f035 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/template.vue @@ -1,19 +1,31 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/.content.xml index 702069e53..c7adf6131 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/.content.xml @@ -1,14 +1,34 @@ - - + + - + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/dialog.json index 5697d9e3d..7657e00c1 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/dialog.json @@ -1,203 +1,203 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "material-range", - "placeholder": "height", - "label": "Height", - "model": "height", - "min": 0, - "max": 100, - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "cover", - "value": "cover" - }, - { - "name": "contain", - "value": "contain" - }, - { - "name": "auto", - "value": "auto" - } - ], - "placeholder": "bgsize", - "label": "Background Image Size", - "model": "bgsize", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "material-range", + "placeholder": "height", + "label": "Height", + "model": "height", + "min": 0, + "max": 100, + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "cover", + "value": "cover" + }, + { + "name": "contain", + "value": "contain" + }, + { + "name": "auto", + "value": "auto" + } + ], + "placeholder": "bgsize", + "label": "Background Image Size", + "model": "bgsize", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/template.vue index 5e53c56b0..844f4c649 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/template.vue @@ -1,21 +1,22 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/.content.xml index fa2836428..086e7fd20 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/.content.xml @@ -1,37 +1,138 @@ - - + + - - + + - - - + + + - + - + - - + + - - - + + + - - + + - - - + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/dialog.json index ee22ca647..f4eb864ec 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/dialog.json @@ -1,471 +1,468 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Title", - "model": "title", - "visible": "model.showtitle == 'true'", - "x_form_group": "content" - }, - { - "type": "material-textarea", - "rows": 3, - "max": 500, - "placeholder": "subtitle", - "label": "Subtitle", - "model": "subtitle", - "visible": "model.showsubtitle == 'true'", - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": [ - "title", - "value" - ], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Tab Title", - "model": "title" - }, - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Tab Text", - "model": "text" - } - ], - "placeholder": "tabs", - "label": "Tabs", - "model": "tabs", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtitle", - "label": "Show Title", - "model": "showtitle", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showsubtitle", - "label": "Show Subtitle", - "model": "showsubtitle", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Before Content", - "value": "before" - }, - { - "name": "After Content", - "value": "after" - } - ], - "placeholder": "mediaposition", - "label": "Media Position", - "model": "mediaposition", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showmedia", - "label": "Show Media", - "model": "showmedia", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "mediatype", - "label": "Media type", - "model": "mediatype", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "imagesrc", - "label": "Image Source", - "model": "imagesrc", - "visible": "model.mediatype == 'image' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "videosrc", - "label": "Video Source", - "model": "videosrc", - "visible": "model.mediatype == 'video' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "mediatitle", - "label": "Media Alt Text/Title", - "model": "mediatitle", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "mediawidth", - "label": "Width", - "model": "mediawidth", - "visible": "model.showmedia == 'true'", - "min": 10, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "blue" - }, - { - "name": "Success", - "value": "green" - }, - { - "name": "Danger", - "value": "red" - }, - { - "name": "Warning", - "value": "orange" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "tabcolor", - "label": "Tab Color", - "model": "tabcolor", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Title", + "model": "title", + "visible": "model.showtitle == 'true'", + "x_form_group": "content" + }, + { + "type": "material-textarea", + "rows": 3, + "max": 500, + "placeholder": "subtitle", + "label": "Subtitle", + "model": "subtitle", + "visible": "model.showsubtitle == 'true'", + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["title", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Tab Title", + "model": "title" + }, + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Tab Text", + "model": "text" + } + ], + "placeholder": "tabs", + "label": "Tabs", + "model": "tabs", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtitle", + "label": "Show Title", + "model": "showtitle", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showsubtitle", + "label": "Show Subtitle", + "model": "showsubtitle", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Before Content", + "value": "before" + }, + { + "name": "After Content", + "value": "after" + } + ], + "placeholder": "mediaposition", + "label": "Media Position", + "model": "mediaposition", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showmedia", + "label": "Show Media", + "model": "showmedia", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "mediatype", + "label": "Media type", + "model": "mediatype", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "imagesrc", + "label": "Image Source", + "model": "imagesrc", + "visible": "model.mediatype == 'image' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "videosrc", + "label": "Video Source", + "model": "videosrc", + "visible": "model.mediatype == 'video' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "mediatitle", + "label": "Media Alt Text/Title", + "model": "mediatitle", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "mediawidth", + "label": "Width", + "model": "mediawidth", + "visible": "model.showmedia == 'true'", + "min": 10, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "blue" + }, + { + "name": "Success", + "value": "green" + }, + { + "name": "Danger", + "value": "red" + }, + { + "name": "Warning", + "value": "orange" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "tabcolor", + "label": "Tab Color", + "model": "tabcolor", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/template.vue index 6d7dda6fe..4c19bc8ab 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/template.vue @@ -1,27 +1,53 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/.content.xml index 3af33654e..8908b9ab9 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/.content.xml @@ -1,4 +1,16 @@ - - - - \ No newline at end of file + + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/dialog.json index b8231d611..0538aba71 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/dialog.json @@ -1,330 +1,330 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "tagslabel", - "label": "Tags Label", - "model": "tagslabel", - "x_form_group": "content" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "pagelink", - "label": "Tag Link Base Path", - "model": "pagelink", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-select", - "values": [ - { - "name": "Blue", - "value": "blue" - }, - { - "name": "Green", - "value": "green" - }, - { - "name": "Orange", - "value": "orange" - }, - { - "name": "Red", - "value": "red" - }, - { - "name": "Yellow", - "value": "yellow" - } - ], - "placeholder": "tagcolor", - "label": "Tag Color", - "model": "tagcolor", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "tagslabel", + "label": "Tags Label", + "model": "tagslabel", + "x_form_group": "content" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "pagelink", + "label": "Tag Link Base Path", + "model": "pagelink", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-select", + "values": [ + { + "name": "Blue", + "value": "blue" + }, + { + "name": "Green", + "value": "green" + }, + { + "name": "Orange", + "value": "orange" + }, + { + "name": "Red", + "value": "red" + }, + { + "name": "Yellow", + "value": "yellow" + } + ], + "placeholder": "tagcolor", + "label": "Tag Color", + "model": "tagcolor", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/template.vue index 352a16dd2..c64573514 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/template.vue @@ -1,35 +1,49 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/.content.xml index 5c467dc64..95f1f38d3 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/.content.xml @@ -1,24 +1,106 @@ - - + + - - + + - - + + - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/dialog.json index 1c6f14a94..1b1bcc48a 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/dialog.json @@ -1,504 +1,501 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Title", - "model": "title", - "visible": "model.showtitle == 'true'", - "x_form_group": "content" - }, - { - "type": "material-textarea", - "rows": 3, - "max": 500, - "placeholder": "subtitle", - "label": "Subtitle", - "model": "subtitle", - "visible": "model.showsubtitle == 'true'", - "x_form_group": "content" - }, - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Text", - "model": "text", - "visible": "model.showtext == 'true'", - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": [ - "buttontext", - "value" - ], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "buttontext", - "label": "Button Text", - "model": "buttontext" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "buttonlink", - "label": "Button Link", - "model": "buttonlink" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Secondary", - "value": "secondary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "buttoncolor", - "label": "Button Color", - "model": "buttoncolor" - } - ], - "placeholder": "buttons", - "label": "Buttons", - "model": "buttons", - "visible": "model.showbutton == 'true'", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "Left", - "value": "left" - }, - { - "name": "Center", - "value": "center" - }, - { - "name": "Right", - "value": "right" - } - ], - "placeholder": "aligncontent", - "label": "Align Content", - "model": "aligncontent", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "isprimary", - "label": "Enlarge Text", - "model": "isprimary", - "default": "false", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtitle", - "label": "Show Title", - "model": "showtitle", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showsubtitle", - "label": "Show Subtitle", - "model": "showsubtitle", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtext", - "label": "Show Text", - "model": "showtext", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "textwidth", - "label": "Text Width", - "model": "textwidth", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showbutton", - "label": "Show Button", - "model": "showbutton", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Before Content", - "value": "left" - }, - { - "name": "After Content", - "value": "right" - } - ], - "placeholder": "buttonside", - "label": "Button Position", - "model": "buttonside", - "visible": "model.showbutton == 'true'", - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Large", - "value": "large" - }, - { - "name": "Small", - "value": "small" - } - ], - "placeholder": "buttonsize", - "label": "Button Size", - "model": "buttonsize", - "visible": "model.showbutton == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Title", + "model": "title", + "visible": "model.showtitle == 'true'", + "x_form_group": "content" + }, + { + "type": "material-textarea", + "rows": 3, + "max": 500, + "placeholder": "subtitle", + "label": "Subtitle", + "model": "subtitle", + "visible": "model.showsubtitle == 'true'", + "x_form_group": "content" + }, + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Text", + "model": "text", + "visible": "model.showtext == 'true'", + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["buttontext", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "buttontext", + "label": "Button Text", + "model": "buttontext" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "buttonlink", + "label": "Button Link", + "model": "buttonlink" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "buttoncolor", + "label": "Button Color", + "model": "buttoncolor" + } + ], + "placeholder": "buttons", + "label": "Buttons", + "model": "buttons", + "visible": "model.showbutton == 'true'", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "Left", + "value": "left" + }, + { + "name": "Center", + "value": "center" + }, + { + "name": "Right", + "value": "right" + } + ], + "placeholder": "aligncontent", + "label": "Align Content", + "model": "aligncontent", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "isprimary", + "label": "Enlarge Text", + "model": "isprimary", + "default": "false", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtitle", + "label": "Show Title", + "model": "showtitle", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showsubtitle", + "label": "Show Subtitle", + "model": "showsubtitle", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtext", + "label": "Show Text", + "model": "showtext", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "textwidth", + "label": "Text Width", + "model": "textwidth", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showbutton", + "label": "Show Button", + "model": "showbutton", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Before Content", + "value": "left" + }, + { + "name": "After Content", + "value": "right" + } + ], + "placeholder": "buttonside", + "label": "Button Position", + "model": "buttonside", + "visible": "model.showbutton == 'true'", + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Large", + "value": "large" + }, + { + "name": "Small", + "value": "small" + } + ], + "placeholder": "buttonsize", + "label": "Button Size", + "model": "buttonsize", + "visible": "model.showbutton == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/template.vue index b86851641..fe0236916 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/template.vue @@ -1,63 +1,103 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/.content.xml index 1d66298d0..19a1347f9 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/.content.xml @@ -1,40 +1,190 @@ - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/dialog.json index 5ac74e691..f8dd70ebc 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/dialog.json @@ -1,595 +1,592 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Title", - "model": "title", - "visible": "model.showtitle == 'true'", - "x_form_group": "content" - }, - { - "type": "material-textarea", - "rows": 3, - "max": 500, - "placeholder": "subtitle", - "label": "Subtitle", - "model": "subtitle", - "visible": "model.showsubtitle == 'true'", - "x_form_group": "content" - }, - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Text", - "model": "text", - "visible": "model.showtext == 'true'", - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": [ - "buttontext", - "value" - ], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "buttontext", - "label": "Button Text", - "model": "buttontext" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "buttonlink", - "label": "Button Link", - "model": "buttonlink" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Secondary", - "value": "secondary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Info", - "value": "info" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "buttoncolor", - "label": "Button Color", - "model": "buttoncolor" - } - ], - "placeholder": "buttons", - "label": "Buttons", - "model": "buttons", - "visible": "model.showbutton == 'true'", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "Left", - "value": "left" - }, - { - "name": "Center", - "value": "center" - }, - { - "name": "Right", - "value": "right" - } - ], - "placeholder": "aligncontent", - "label": "Align Content", - "model": "aligncontent", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "isprimary", - "label": "Enlarge Text", - "model": "isprimary", - "default": "false", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtitle", - "label": "Show Title", - "model": "showtitle", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showsubtitle", - "label": "Show Subtitle", - "model": "showsubtitle", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtext", - "label": "Show Text", - "model": "showtext", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "textwidth", - "label": "Text Width", - "model": "textwidth", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showbutton", - "label": "Show Button", - "model": "showbutton", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Left", - "value": "start" - }, - { - "name": "Center", - "value": "center" - }, - { - "name": "Right", - "value": "end" - } - ], - "placeholder": "alignbuttons", - "label": "Button Alignment", - "model": "alignbuttons", - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Large", - "value": "large" - }, - { - "name": "Small", - "value": "small" - } - ], - "placeholder": "buttonsize", - "label": "Button Size", - "model": "buttonsize", - "visible": "model.showbutton == 'true'", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showmedia", - "label": "Show Media", - "model": "showmedia", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "mediatype", - "label": "Media type", - "model": "mediatype", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "imagesrc", - "label": "Image Source", - "model": "imagesrc", - "visible": "model.mediatype == 'image' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "videosrc", - "label": "Video Source", - "model": "videosrc", - "visible": "model.mediatype == 'video' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "mediatitle", - "label": "Media Alt Text/Title", - "model": "mediatitle", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "mediawidth", - "label": "Width", - "model": "mediawidth", - "visible": "model.showmedia == 'true'", - "min": 10, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Before Content", - "value": "before" - }, - { - "name": "After Content", - "value": "after" - } - ], - "placeholder": "mediaposition", - "label": "Media Position", - "model": "mediaposition", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Title", + "model": "title", + "visible": "model.showtitle == 'true'", + "x_form_group": "content" + }, + { + "type": "material-textarea", + "rows": 3, + "max": 500, + "placeholder": "subtitle", + "label": "Subtitle", + "model": "subtitle", + "visible": "model.showsubtitle == 'true'", + "x_form_group": "content" + }, + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Text", + "model": "text", + "visible": "model.showtext == 'true'", + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["buttontext", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "buttontext", + "label": "Button Text", + "model": "buttontext" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "buttonlink", + "label": "Button Link", + "model": "buttonlink" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Info", + "value": "info" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "buttoncolor", + "label": "Button Color", + "model": "buttoncolor" + } + ], + "placeholder": "buttons", + "label": "Buttons", + "model": "buttons", + "visible": "model.showbutton == 'true'", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "Left", + "value": "left" + }, + { + "name": "Center", + "value": "center" + }, + { + "name": "Right", + "value": "right" + } + ], + "placeholder": "aligncontent", + "label": "Align Content", + "model": "aligncontent", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "isprimary", + "label": "Enlarge Text", + "model": "isprimary", + "default": "false", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtitle", + "label": "Show Title", + "model": "showtitle", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showsubtitle", + "label": "Show Subtitle", + "model": "showsubtitle", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtext", + "label": "Show Text", + "model": "showtext", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "textwidth", + "label": "Text Width", + "model": "textwidth", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showbutton", + "label": "Show Button", + "model": "showbutton", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Left", + "value": "start" + }, + { + "name": "Center", + "value": "center" + }, + { + "name": "Right", + "value": "end" + } + ], + "placeholder": "alignbuttons", + "label": "Button Alignment", + "model": "alignbuttons", + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Large", + "value": "large" + }, + { + "name": "Small", + "value": "small" + } + ], + "placeholder": "buttonsize", + "label": "Button Size", + "model": "buttonsize", + "visible": "model.showbutton == 'true'", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showmedia", + "label": "Show Media", + "model": "showmedia", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "mediatype", + "label": "Media type", + "model": "mediatype", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "imagesrc", + "label": "Image Source", + "model": "imagesrc", + "visible": "model.mediatype == 'image' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "videosrc", + "label": "Video Source", + "model": "videosrc", + "visible": "model.mediatype == 'video' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "mediatitle", + "label": "Media Alt Text/Title", + "model": "mediatitle", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "mediawidth", + "label": "Width", + "model": "mediawidth", + "visible": "model.showmedia == 'true'", + "min": 10, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Before Content", + "value": "before" + }, + { + "name": "After Content", + "value": "after" + } + ], + "placeholder": "mediaposition", + "label": "Media Position", + "model": "mediaposition", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/template.vue index 0d0b4cb9a..2ad64f287 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/template.vue @@ -1,73 +1,118 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/.content.xml index 58827d6a8..958ce6522 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/.content.xml @@ -1,10 +1,32 @@ - - + + - - - + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/dialog.json index 89d60ce54..828c72c48 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/dialog.json @@ -1,75 +1,72 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "collection", - "multifield": true, - "fieldLabel": [ - "text", - "value" - ], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "text", - "label": "Link Text", - "model": "text" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "link", - "label": "Link Url", - "model": "link" - } - ], - "placeholder": "links", - "label": "Links", - "model": "links", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "linkcolor", - "label": "Link Color", - "model": "linkcolor", - "x_form_group": "style" - } - ] - } - ] -} \ No newline at end of file + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "collection", + "multifield": true, + "fieldLabel": ["text", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "text", + "label": "Link Text", + "model": "text" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "link", + "label": "Link Url", + "model": "link" + } + ], + "placeholder": "links", + "label": "Links", + "model": "links", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "linkcolor", + "label": "Link Color", + "model": "linkcolor", + "x_form_group": "style" + } + ] + } + ] +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/template.vue index e3f55743e..15f52ab66 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/template.vue @@ -1,28 +1,36 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/install/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/install/.content.xml index f39a790f6..b6bace800 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/install/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/install/.content.xml @@ -1,7 +1,7 @@ - + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/.content.xml index 9f9ea4929..6d996b6c7 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/.content.xml @@ -1,8 +1,9 @@ - + \ No newline at end of file + xmlns:jcr="http://www.jcp.org/jcr/1.0" + jcr:primaryType="per:Site" + jcr:title="ThemecleanFlex Site" + sourceSite="pagerendervue" + internal="false" + template="true" +/> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/.content.xml index 18ed23b58..d6b432492 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/.content.xml @@ -1,16 +1,18 @@ - + + xmlns:sling="http://sling.apache.org/jcr/sling/1.0" + xmlns:jcr="http://www.jcp.org/jcr/1.0" + jcr:primaryType="per:Page" + jcr:title="themecleanflex root asset" + jcr:description="themecleanflex Assets Root" +> + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="themecleanflex root asset" + brand="themecleanflex" + template="/content/themecleanflex/templates" + /> - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/.content.xml index 36892d2e5..6c6f8ecc9 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/.content.xml @@ -1,22 +1,23 @@ - + - - - - - - - - - - - - - - - - \ No newline at end of file + xmlns:jcr="http://www.jcp.org/jcr/1.0" + jcr:primaryType="sling:OrderedFolder" + jcr:title="icons" + jcr:description="icons" +> + + + + + + + + + + + + + + + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/.content.xml index 9debbd518..f15a5eb07 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/png" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/.content.xml index 9debbd518..f15a5eb07 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/png" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/.content.xml index 9debbd518..f15a5eb07 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/png" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/.content.xml index e8b729cb4..68842437e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/.content.xml @@ -1,11 +1,14 @@ - - - - - <_x0031_x1.png/> - <_x0031_6x9.png/> + + + + + <_x0031_x1.png /> + <_x0031_6x9.png /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/.content.xml index 380f711f6..eda16ab2c 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/.content.xml @@ -1,14 +1,18 @@ - - + + - + jcr:data="{Binary}" + jcr:lastModified="{Date}2020-07-13T13:38:31.428-07:00" + jcr:lastModifiedBy="admin" + jcr:mimeType="image/png" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/per-data/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/per-data/.content.xml index bdd1f677a..2dbd36456 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/per-data/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/per-data/.content.xml @@ -1,5 +1,8 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-gama/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-gama/.content.xml index 16d7f1f24..2e93e94c0 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-gama/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-gama/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-ihdr/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-ihdr/.content.xml index 0bc87cf7b..e185cfe82 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-ihdr/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-ihdr/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-phys/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-phys/.content.xml index 662a66510..1e9ae6e68 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-phys/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-phys/.content.xml @@ -1,6 +1,9 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-srgb/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-srgb/.content.xml index 0c299cbe2..da163771e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-srgb/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-srgb/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/.content.xml index fa223c167..4d1397ed8 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/.content.xml @@ -1,14 +1,18 @@ - - + + - + jcr:data="{Binary}" + jcr:lastModified="{Date}2020-07-13T13:01:41.410-07:00" + jcr:lastModifiedBy="admin" + jcr:mimeType="image/png" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/per-data/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/per-data/.content.xml index 9e52fec65..a7627c04b 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/per-data/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/per-data/.content.xml @@ -1,5 +1,8 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-gama/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-gama/.content.xml index 16d7f1f24..2e93e94c0 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-gama/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-gama/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-ihdr/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-ihdr/.content.xml index 33b6435a6..6286ca6f2 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-ihdr/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-ihdr/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-phys/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-phys/.content.xml index 662a66510..1e9ae6e68 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-phys/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-phys/.content.xml @@ -1,6 +1,9 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-srgb/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-srgb/.content.xml index 0c299cbe2..da163771e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-srgb/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-srgb/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/.content.xml index 1bbc81d2d..9761d9bfd 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/.content.xml @@ -1,14 +1,18 @@ - - + + - + jcr:data="{Binary}" + jcr:lastModified="{Date}2020-07-13T12:44:11.037-07:00" + jcr:lastModifiedBy="admin" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml index 46702fae8..2b04867a2 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml @@ -1,7 +1,10 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/ducky/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/ducky/.content.xml index 9a5001f5c..c309e0d23 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/ducky/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/ducky/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/huffman/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/huffman/.content.xml index 950a7aa65..2197a003f 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/huffman/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/huffman/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/jpeg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/jpeg/.content.xml index f0bacd7a4..f3fcfc5cd 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/jpeg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/jpeg/.content.xml @@ -1,11 +1,14 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/per-data/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/per-data/.content.xml index d58bd972b..b368b6dfc 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/per-data/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/per-data/.content.xml @@ -1,5 +1,8 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/xmp/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/xmp/.content.xml index 2ad469bdb..440fe524e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/xmp/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/xmp/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/.content.xml index 3cca49c36..d63218067 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/.content.xml @@ -1,14 +1,18 @@ - - + + - + jcr:data="{Binary}" + jcr:lastModified="{Date}2020-07-13T12:44:17.949-07:00" + jcr:lastModifiedBy="admin" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml index 46702fae8..2b04867a2 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml @@ -1,7 +1,10 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/ducky/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/ducky/.content.xml index 9a5001f5c..c309e0d23 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/ducky/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/ducky/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/huffman/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/huffman/.content.xml index 950a7aa65..2197a003f 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/huffman/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/huffman/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/jpeg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/jpeg/.content.xml index f0bacd7a4..f3fcfc5cd 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/jpeg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/jpeg/.content.xml @@ -1,11 +1,14 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/per-data/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/per-data/.content.xml index d58bd972b..b368b6dfc 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/per-data/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/per-data/.content.xml @@ -1,5 +1,8 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/xmp/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/xmp/.content.xml index 2ad469bdb..440fe524e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/xmp/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/xmp/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/.content.xml index 49799f872..4551f366d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/.content.xml @@ -1,9 +1,11 @@ - - + + @@ -27,8 +29,8 @@ - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/.content.xml index f4d206ea5..20e467520 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/.content.xml index 54b26bc51..0446d3f5a 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/.content.xml @@ -1,14 +1,18 @@ - - + + - + jcr:data="{Binary}" + jcr:lastModified="{Date}2019-10-14T13:47:00.867-07:00" + jcr:lastModifiedBy="admin" + jcr:mimeType="image/png" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/per-data/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/per-data/.content.xml index 8c0f0eafe..169033383 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/per-data/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/per-data/.content.xml @@ -1,5 +1,8 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-ihdr/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-ihdr/.content.xml index 92533f11e..c1607965b 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-ihdr/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-ihdr/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-plte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-plte/.content.xml index 194e7af84..d264f6b62 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-plte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-plte/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-text/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-text/.content.xml index fbf0cf604..e813885e1 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-text/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-text/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-trns/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-trns/.content.xml index 0fb67cdd6..03b0026c8 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-trns/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-trns/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/xmp/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/xmp/.content.xml index 2ad469bdb..440fe524e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/xmp/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/xmp/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/object-definitions/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/object-definitions/.content.xml index 8d1116982..01e958385 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/object-definitions/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/object-definitions/.content.xml @@ -1,7 +1,8 @@ - \ No newline at end of file + xmlns:sling="http://sling.apache.org/jcr/sling/1.0" + xmlns:jcr="http://www.jcp.org/jcr/1.0" + jcr:primaryType="sling:OrderedFolder" + jcr:title="themecleanflex object definitions root" + jcr:description="themecleanflex Object Definitions Root" +> + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/.content.xml index e4405043f..bd42f1817 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/.content.xml @@ -1,16 +1,18 @@ - + + xmlns:sling="http://sling.apache.org/jcr/sling/1.0" + xmlns:jcr="http://www.jcp.org/jcr/1.0" + jcr:primaryType="per:Page" + jcr:title="themecleanflex root object" + jcr:description="themecleanflex Objects Root" +> + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="themecleanflex root object" + brand="themecleanflex" + template="/content/themecleanflex/templates" + /> - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/tags/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/tags/.content.xml index 83565eb11..b49d643f8 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/tags/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/tags/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/.content.xml index 6d72b69a4..b35a8c349 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/.content.xml @@ -1,62 +1,69 @@ + xmlns:sling="http://sling.apache.org/jcr/sling/1.0" + xmlns:jcr="http://www.jcp.org/jcr/1.0" + xmlns:nt="http://www.jcp.org/jcr/nt/1.0" + jcr:primaryType="per:Page" + jcr:title="themecleanflex root page" + jcr:description="themecleanflex Pages Root" +> + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="themecleanflex root page" + template="/content/themecleanflex/templates" + > + jcr:primaryType="nt:unstructured" + regex="\\"short_name\\": \\"(.*)\\"" + replaceWith=""short_name": "_SITENAME_"" + /> + jcr:primaryType="nt:unstructured" + regex="\\"name\\": \\"(.*)\\"" + replaceWith=""name": "_SITENAME_ site"" + /> + jcr:primaryType="nt:unstructured" + regex="/themecleanflex" + replaceWith="/_SITENAME_" + /> + jcr:primaryType="nt:unstructured" + regex="/themecleanflex" + replaceWith="/_SITENAME_" + /> + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>This page has been left blank intentionally - it serves as the root container of the website.&nbsp;</p><p>Please edit the child page called index to change the root page.</p>" + /> - - - - - - - - - \ No newline at end of file + + + + + + + + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/.content.xml index ffa2f8ce9..f7bd50479 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/.content.xml @@ -1,81 +1,95 @@ - - + + - - + jcr:lastModified="{Date}2020-07-13T15:10:32.048-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Articles" + sling:resourceType="themecleanflex/components/page" + name="articles" + skeletonPagePath="" + template="/content/themecleanflex/templates/footer/header-footer" + templatePath="/content/themecleanflex/templates/footer/header-footer" + > + + + jcr:lastModified="{Date}2020-07-13T15:10:32.048-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="20" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + excludesitemapexcludes="true" + extraclasses="articlelist" + fullheight="false" + htmlelement="section" + levels="2" + overlaycolor="#ffffff" + overlayopacity="50" + rootpage="/content/themecleanflex/pages/articles" + rootPageLink="/content/themecleanflex/pages/articles" + rootPageTitle="articles" + toppadding="20" + > + jcr:lastModified="{Date}2020-07-13T15:10:32.045-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + contentfield="title" + contentname="heading" + cssclass="" + htmlelement="h2" + name="n1594675067070" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nde275831-3d90-4955-98e2-5bacd59cb2a9/references/n1594675067070" + /> + jcr:lastModified="{Date}2020-07-13T15:10:32.046-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + contentfield="text" + contentname="byline" + cssclass="byline" + htmlelement="div" + name="n1594674340162" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nde275831-3d90-4955-98e2-5bacd59cb2a9/references/n1594674340162" + /> + jcr:lastModified="{Date}2020-07-13T15:10:32.046-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + contentfield="text" + contentname="heading" + cssclass="" + htmlelement="div" + /> - + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/welcome/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/welcome/.content.xml index 6a2602916..cd262595d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/welcome/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/welcome/.content.xml @@ -1,126 +1,148 @@ - - + + - - - + jcr:lastModified="{Date}2020-07-13T14:35:39.479-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Welcome" + sling:resourceType="themecleanflex/components/page" + name="welcome" + ogImage="" + ogImageAlt="" + ogTitle="" + ogType="website" + ogUrl="" + skeletonPagePath="/content/themecleanflex/pages/skeleton-pages/article" + template="/content/themecleanflex/templates/footer/header-footer/article" + templatePath="" + useDescription="{Boolean}true" + useTitle="{Boolean}true" + > + + + - + jcr:lastModified="{Date}2020-07-13T14:17:33.992-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + alignbuttons="center" + aligncontent="center" + backgroundtype="image" + bgcolor="#ffffff" + bgimage="/content/themecleanflex/assets/placeholders/16x9.png" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="30" + buttonsize="default" + color2="#c0c0c0" + colorscheme="" + contentname="heading" + custombackground="true" + fullheight="false" + gradient="true" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="78" + showbutton="false" + showsubtitle="true" + showtext="true" + showtitle="true" + subtitle="Molestiae alias et inventore voluptas" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + textwidth="100" + title="Welcome to your Kestrel-1 Site" + toppadding="30" + videosrc="" + > + - - - + + + + jcr:lastModified="{Date}2020-07-13T14:35:39.479-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + contentname="byline" + custombackground="false" + fullheight="false" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlaycolor="#ffffff" + overlayopacity="50" + text="<p>July-16-2020,&nbsp;<a href="/content/themecleanflex/pages/authors/nicole-ford.html" title="" target="_self">Nicole Ford</a></p>" + videosrc="" + /> + jcr:lastModified="{Date}2020-07-13T13:28:00.636-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="0" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + htmlelement="section" + overlaycolor="#ffffff" + overlayopacity="50" + tagcolor="blue" + tagslabel="Filed in" + toppadding="0" + /> + jcr:lastModified="{Date}2020-07-13T13:27:41.926-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/.content.xml index fd19cca8d..c6adcc782 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/.content.xml @@ -1,67 +1,79 @@ - - + + - - + jcr:lastModified="{Date}2020-07-13T15:31:29.703-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Authors" + sling:resourceType="themecleanflex/components/page" + excludeFromSitemap="false" + name="authors" + skeletonPagePath="" + template="/content/themecleanflex/templates/footer/header-footer" + templatePath="/content/themecleanflex/templates/footer/header-footer" + > + + + jcr:lastModified="{Date}2020-07-13T14:26:30.813-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + element="h1" + fullheight="false" + htmlelement="section" + overlaycolor="#ffffff" + overlayopacity="50" + text="Our Authors" + toppadding="20" + /> + jcr:lastModified="{Date}2020-07-13T14:25:59.787-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + excludeSitemapExcludes="false" + fullheight="false" + htmlelement="section" + levels="1" + overlaycolor="#ffffff" + overlayopacity="50" + rootpage="/content/themecleanflex/pages/authors" + rootPageLink="not adaptable" + rootPageTitle="not adaptable" + /> - + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/nicole-ford/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/nicole-ford/.content.xml index f072f17ba..ee42e5fdf 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/nicole-ford/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/nicole-ford/.content.xml @@ -1,114 +1,137 @@ - - + + - - - + jcr:lastModified="{Date}2020-07-13T14:33:02.090-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Nicole Ford" + sling:resourceType="themecleanflex/components/page" + name="nicole-ford" + ogImage="" + ogImageAlt="" + ogTitle="" + ogType="website" + ogUrl="" + skeletonPagePath="/content/themecleanflex/pages/skeleton-pages/author" + template="/content/themecleanflex/templates/footer/header-footer/article" + templatePath="" + useDescription="true" + useTitle="true" + > + + + + jcr:lastModified="{Date}2020-07-13T14:32:19.906-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + alignbuttons="center" + aligncontent="left" + backgroundtype="gradient" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="30" + buttonsize="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + gradient="true" + htmlelement="section" + imagesrc="/content/themecleanflex/assets/placeholders/woman.jpg" + mediaposition="after" + mediatype="image" + mediawidth="25" + overlaycolor="#ffffff" + overlayopacity="50" + showbutton="false" + showmedia="true" + showsubtitle="true" + showtext="false" + showtitle="true" + subtitle="CEO - example.com, Inc" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + textwidth="100" + title="Nicole Ford" + toppadding="30" + videosrc="" + > + jcr:lastModified="{Date}2020-07-13T14:32:19.904-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="See More" + component="nt:unstructured" + iconclass="" + name="buttons0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb8fdb7e0-c386-412c-951c-67d94dbdee55/ne9c0f0bc-c1fd-4557-90e9-352e9da32aaf/buttons/buttons0" + /> + jcr:lastModified="{Date}2020-07-13T14:32:19.905-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + component="nt:unstructured" + iconclass="" + name="buttons1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb8fdb7e0-c386-412c-951c-67d94dbdee55/ne9c0f0bc-c1fd-4557-90e9-352e9da32aaf/buttons/buttons1" + /> - - + + + jcr:lastModified="{Date}2020-07-13T13:27:41.926-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + /> - + + jcr:lastModified="{Date}2020-07-13T14:33:02.089-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + name="blog article" + path="/content/themecleanflex/pages/authors/nicole-ford/jcr:content/tags/blog article" + value="/content/themecleanflex/objects/tags/blog article" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/.content.xml index b0b26b950..f4bf39434 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/.content.xml @@ -1,6 +1,24 @@ - - - + + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/commons.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/commons.css index c8dd58498..768546af3 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/commons.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/commons.css @@ -1,97 +1,97 @@ /* Colors */ #peregrine-app { - --bg-primary: #ffffff; - --bg-secondary: #ffffff; + --bg-primary: #ffffff; + --bg-secondary: #ffffff; - --text-primary-color: #000000; - --text-secondary-color: #000000; + --text-primary-color: #000000; + --text-secondary-color: #000000; - --border-primary-color: #808080; + --border-primary-color: #808080; - --link-primary-color: var(--color-blue-700); - --link-primary-color-hover: var(--color-blue-800);; + --link-primary-color: var(--color-blue-700); + --link-primary-color-hover: var(--color-blue-800); - --figcaption-primary-bg: rgba(255, 255, 255, 0); + --figcaption-primary-bg: rgba(255, 255, 255, 0); - --note-text-color: #000000; + --note-text-color: #000000; - --note-note-bg: var(--color-blue-200); - --note-note-border-color: var(--color-blue-500); + --note-note-bg: var(--color-blue-200); + --note-note-border-color: var(--color-blue-500); - --note-tip-bg: var(--color-green-200); - --note-tip-border-color: var(--color-green-500); + --note-tip-bg: var(--color-green-200); + --note-tip-border-color: var(--color-green-500); - --note-warning-bg: var(--color-orange-200); - --note-warning-border-color: var(--color-orange-500); + --note-warning-bg: var(--color-orange-200); + --note-warning-border-color: var(--color-orange-500); - --note-important-bg: var(--color-red-200); - --note-important-border-color: var(--color-red-500); + --note-important-bg: var(--color-red-200); + --note-important-border-color: var(--color-red-500); - --note-caution-bg: var(--color-yellow-200); - --note-caution-border-color: var(--color-yellow-500); + --note-caution-bg: var(--color-yellow-200); + --note-caution-border-color: var(--color-yellow-500); - --focus-border-color: var(--color-blue-900); + --focus-border-color: var(--color-blue-900); - --btn-color: #ffffff; - --btn-bg: var(--color-blue-700); - --btn-hover-bg: var(--color-blue-800); - --btn-hover-color: #ffffff; - --btn-focus-color: #ffffff; - --btn-focus-bg: var(--color-blue-800); - --btn-focus-border-color: var(--focus-border-color); + --btn-color: #ffffff; + --btn-bg: var(--color-blue-700); + --btn-hover-bg: var(--color-blue-800); + --btn-hover-color: #ffffff; + --btn-focus-color: #ffffff; + --btn-focus-bg: var(--color-blue-800); + --btn-focus-border-color: var(--focus-border-color); - --btn-primary-color: var(--btn-color); - --btn-primary-bg: var(--btn-bg); - --btn-primary-hover-bg: var(--btn-hover-bg); - --btn-primary-hover-color: var(--btn-hover-color); - --btn-primary-focus-color: var(--btn-focus-color); - --btn-primary-focus-bg: var(--btn-focus-bg); - --btn-primary-focus-border-color: var(--btn-focus-border-color); + --btn-primary-color: var(--btn-color); + --btn-primary-bg: var(--btn-bg); + --btn-primary-hover-bg: var(--btn-hover-bg); + --btn-primary-hover-color: var(--btn-hover-color); + --btn-primary-focus-color: var(--btn-focus-color); + --btn-primary-focus-bg: var(--btn-focus-bg); + --btn-primary-focus-border-color: var(--btn-focus-border-color); - --btn-secondary-bg: var(--color-gray-200); - --btn-secondary-color: var(--color-gray-800); - --btn-secondary-border-width: 1px; - --btn-secondary-border-color: var(--color-gray-300); - --btn-secondary-border-width: 1px; - --btn-secondary-hover-bg: var(--color-blue-800); - --btn-secondary-hover-color: #ffffff; - --btn-secondary-focus-color: var(--btn-primary-color); - --btn-secondary-focus-bg: var(--btn-focus-bg); - --btn-secondary-focus-border-color: var(--btn-focus-border-color); + --btn-secondary-bg: var(--color-gray-200); + --btn-secondary-color: var(--color-gray-800); + --btn-secondary-border-width: 1px; + --btn-secondary-border-color: var(--color-gray-300); + --btn-secondary-border-width: 1px; + --btn-secondary-hover-bg: var(--color-blue-800); + --btn-secondary-hover-color: #ffffff; + --btn-secondary-focus-color: var(--btn-primary-color); + --btn-secondary-focus-bg: var(--btn-focus-bg); + --btn-secondary-focus-border-color: var(--btn-focus-border-color); - --btn-success-bg: var(--color-green-600); - --btn-success-hover-bg: var(--color-green-800); + --btn-success-bg: var(--color-green-600); + --btn-success-hover-bg: var(--color-green-800); - --btn-danger-bg: var(--color-red-600); - --btn-danger-hover-bg: var(--color-red-800); + --btn-danger-bg: var(--color-red-600); + --btn-danger-hover-bg: var(--color-red-800); - --btn-warning-bg: var(--color-orange-600); - --btn-warning-hover-bg: var(--color-orange-800); + --btn-warning-bg: var(--color-orange-600); + --btn-warning-hover-bg: var(--color-orange-800); - --btn-light-bg: var(--color-blue-100); - --btn-light-color: var(--link-primary-color); - --btn-light-hover-bg: var(--color-blue-300); + --btn-light-bg: var(--color-blue-100); + --btn-light-color: var(--link-primary-color); + --btn-light-hover-bg: var(--color-blue-300); - --btn-dark-bg: black; - --btn-dark-color: var(--btn-primary-color); - --btn-dark-hover-bg: var(--color-gray-900); + --btn-dark-bg: black; + --btn-dark-color: var(--btn-primary-color); + --btn-dark-hover-bg: var(--color-gray-900); } #peregrine-app .theme-dark { - --note-text-color: #ffffff; + --note-text-color: #ffffff; - --note-note-bg: var(--color-blue-600); - --note-note-border-color: var(--color-blue-900); + --note-note-bg: var(--color-blue-600); + --note-note-border-color: var(--color-blue-900); - --note-tip-bg: var(--color-green-600); - --note-tip-border-color: var(--color-green-900); + --note-tip-bg: var(--color-green-600); + --note-tip-border-color: var(--color-green-900); - --note-warning-bg: var(--color-orange-600); - --note-warning-border-color: var(--color-orange-900); + --note-warning-bg: var(--color-orange-600); + --note-warning-border-color: var(--color-orange-900); - --note-important-bg: var(--color-red-600); - --note-important-border-color: var(--color-red-900); + --note-important-bg: var(--color-red-600); + --note-important-border-color: var(--color-red-900); - --note-caution-bg: var(--color-yellow-600); - --note-caution-border-color: var(--color-yellow-900); + --note-caution-bg: var(--color-yellow-600); + --note-caution-border-color: var(--color-yellow-900); } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/custom.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/custom.css index 4b327b571..ded5b65bc 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/custom.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/custom.css @@ -1,20 +1,20 @@ :root { - /* Font Families */ - /* Web font families can be imported here, or by editing your base page templates siteCSS */ + /* Font Families */ + /* Web font families can be imported here, or by editing your base page templates siteCSS */ - /* --font-sans: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */ - /* --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; */ - /* --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; */ + /* --font-sans: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */ + /* --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; */ + /* --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; */ - /* Font size overrides */ + /* Font size overrides */ - /* --font-size-sm: 1rem; */ - /*--font-size-base: 1.125rem;*/ - /*--font-size-lg: 1.25rem;*/ - /*--font-size-xl: 1.5rem;*/ - /*--font-size-2xl: 1.875rem;*/ - /*--font-size-3xl: 2.25rem;*/ - /* --font-size-4xl: 5rem; */ - /*--font-size-5xl: 3rem;*/ - /*--font-size-6xl: 4rem;*/ + /* --font-size-sm: 1rem; */ + /*--font-size-base: 1.125rem;*/ + /*--font-size-lg: 1.25rem;*/ + /*--font-size-xl: 1.5rem;*/ + /*--font-size-2xl: 1.875rem;*/ + /*--font-size-3xl: 2.25rem;*/ + /* --font-size-4xl: 5rem; */ + /*--font-size-5xl: 3rem;*/ + /*--font-size-6xl: 4rem;*/ } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palette.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palette.css index 46ec62178..be672b8fc 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palette.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palette.css @@ -1,220 +1,220 @@ /* takes loaded vars and styles the page ONLY USE VARS FOR COLORS HERE! */ #peregrine-app { - background: var(--bg-primary); - color: var(--text-primary-color); + background: var(--bg-primary); + color: var(--text-primary-color); } #peregrine-app .theme-light, #peregrine-app .theme-dark { - background: var(--bg-primary); + background: var(--bg-primary); } #peregrine-app *:not(hr) { - border-color: var(--border-primary-color); - color: var(--text-primary-color); + border-color: var(--border-primary-color); + color: var(--text-primary-color); } #peregrine-app a:not(.btn), #peregrine-app a:not(.btn) * { - color: var(--link-primary-color); + color: var(--link-primary-color); } #peregrine-app a:not(.btn):hover, #peregrine-app a:not(.btn) *:hover { - color: var(--link-primary-color-hover); + color: var(--link-primary-color-hover); } #peregrine-app a:focus { - box-shadow: 0 0 0 3px var(--focus-border-color); - outline: 2px solid transparent; /* Windows High Contrast Mode */ - outline-offset: 1px; + box-shadow: 0 0 0 3px var(--focus-border-color); + outline: 2px solid transparent; /* Windows High Contrast Mode */ + outline-offset: 1px; } #peregrine-app .btn { - color: var(--btn-color); - background: var(--btn-bg); + color: var(--btn-color); + background: var(--btn-bg); } #peregrine-app .btn:focus { - color: var(--btn-focus-color); - background: var(--btn-focus-bg); - box-shadow: 0 0 0 3px var(--btn-focus-border-color); - outline: 2px solid transparent; /* Windows High Contrast Mode */ + color: var(--btn-focus-color); + background: var(--btn-focus-bg); + box-shadow: 0 0 0 3px var(--btn-focus-border-color); + outline: 2px solid transparent; /* Windows High Contrast Mode */ } #peregrine-app .btn:hover { - color: var(--btn-hover-color); - background: var(--btn-hover-bg); + color: var(--btn-hover-color); + background: var(--btn-hover-bg); } #peregrine-app .btn.btn-primary { - color: var(--btn-primary-color); - background: var(--btn-primary-bg); + color: var(--btn-primary-color); + background: var(--btn-primary-bg); } #peregrine-app .btn.btn-primary:focus { - color: var(--btn-primary-focus-color); - background: var(--btn-primary-focus-bg); - box-shadow: 0 0 0 3px var(--btn-primary-focus-border-color); + color: var(--btn-primary-focus-color); + background: var(--btn-primary-focus-bg); + box-shadow: 0 0 0 3px var(--btn-primary-focus-border-color); } #peregrine-app .btn.btn-primary:hover { - color: var(--btn-primary-hover-color, var(--btn-hover-color, #ffffff)); - background: var(--btn-primary-hover-bg); - border-color: var(--btn-primary-hover-border-color); + color: var(--btn-primary-hover-color, var(--btn-hover-color, #ffffff)); + background: var(--btn-primary-hover-bg); + border-color: var(--btn-primary-hover-border-color); } #peregrine-app .btn.btn-secondary { - color: var(--btn-secondary-color); - background: var(--btn-secondary-bg); - border-color: var(--btn-secondary-border-color); - border-width: var(--btn-secondary-border-width); + color: var(--btn-secondary-color); + background: var(--btn-secondary-bg); + border-color: var(--btn-secondary-border-color); + border-width: var(--btn-secondary-border-width); } #peregrine-app .btn.btn-secondary:focus { - color: var(--btn-secondary-focus-color); - background: var(--btn-secondary-focus-bg); - box-shadow: 0 0 0 3px var(--btn-secondary-focus-border-color); - border-color: transparent; + color: var(--btn-secondary-focus-color); + background: var(--btn-secondary-focus-bg); + box-shadow: 0 0 0 3px var(--btn-secondary-focus-border-color); + border-color: transparent; } #peregrine-app .btn.btn-secondary:hover { - color: var(--btn-secondary-hover-color); - background: var(--btn-secondary-hover-bg); - border-color: var(--btn-secondary-hover-border-color); + color: var(--btn-secondary-hover-color); + background: var(--btn-secondary-hover-bg); + border-color: var(--btn-secondary-hover-border-color); } #peregrine-app .btn.btn-success { - background: var(--btn-success-bg) !important; - color: var(--btn-primary-color); + background: var(--btn-success-bg) !important; + color: var(--btn-primary-color); } #peregrine-app .btn.btn-success:hover { - background: var(--btn-success-hover-bg) !important; - color: var(--btn-success-hover-color, var(--btn-primary-color)); + background: var(--btn-success-hover-bg) !important; + color: var(--btn-success-hover-color, var(--btn-primary-color)); } #peregrine-app .btn.btn-danger { - background: var(--btn-danger-bg) !important; - color: var(--btn-primary-color); + background: var(--btn-danger-bg) !important; + color: var(--btn-primary-color); } #peregrine-app .btn.btn-danger:hover { - background: var(--btn-danger-hover-bg) !important; - color: var(--btn-danger-hover-color, var(--btn-primary-color)); + background: var(--btn-danger-hover-bg) !important; + color: var(--btn-danger-hover-color, var(--btn-primary-color)); } #peregrine-app .btn.btn-warning { - background: var(--btn-warning-bg) !important; - color: var(--btn-warning-color, var(--btn-primary-color)); + background: var(--btn-warning-bg) !important; + color: var(--btn-warning-color, var(--btn-primary-color)); } #peregrine-app .btn.btn-warning:hover { - background: var(--btn-warning-hover-bg) !important; - color: var(--btn-warning-hover-color, var(--btn-primary-color)); + background: var(--btn-warning-hover-bg) !important; + color: var(--btn-warning-hover-color, var(--btn-primary-color)); } #peregrine-app .btn.btn-light { - background: var(--btn-light-bg) !important; - color: var(--btn-light-color); + background: var(--btn-light-bg) !important; + color: var(--btn-light-color); } #peregrine-app .btn.btn-light:hover { - background: var(--btn-light-hover-bg) !important; - color: var(--btn-light-hover-color, var(--link-primary-color)); + background: var(--btn-light-hover-bg) !important; + color: var(--btn-light-hover-color, var(--link-primary-color)); } #peregrine-app .btn.btn-dark { - background: var(--btn-dark-bg) !important; - color: var(--btn-dark-color); + background: var(--btn-dark-bg) !important; + color: var(--btn-dark-color); } #peregrine-app .btn.btn-dark:hover { - background: var(--btn-dark-hover-bg) !important; - color: var(--btn-dark-hover-color, var(--btn-primary-color)); + background: var(--btn-dark-hover-bg) !important; + color: var(--btn-dark-hover-color, var(--btn-primary-color)); } #peregrine-app .theme-light .accordion-container, #peregrine-app .theme-dark .accordion-container { - background: var(--bg-primary); + background: var(--bg-primary); } #peregrine-app .accordion-toggle-button { - font-family: inherit; - -webkit-appearance: none; - border: 0; - background: none; + font-family: inherit; + -webkit-appearance: none; + border: 0; + background: none; } #peregrine-app .accordion-toggle-button:focus { - outline: 0; + outline: 0; } #peregrine-app .accordion-toggle-button:focus svg { - fill: var(--btn-focus-border-color, blue); + fill: var(--btn-focus-border-color, blue); } #peregrine-app svg:not(.fill-current) { - fill: var(--text-primary-color) + fill: var(--text-primary-color); } #peregrine-app [class$="-components-carousel"] figcaption { - background-color: var(--figcaption-primary-bg, rgba(255, 255, 255, 0)); + background-color: var(--figcaption-primary-bg, rgba(255, 255, 255, 0)); } #peregrine-app .note-note, #peregrine-app .note-note * { - color: var(--note-text-color); - background-color: var(--note-note-bg); - border-color: var(--note-note-border-color); + color: var(--note-text-color); + background-color: var(--note-note-bg); + border-color: var(--note-note-border-color); } #peregrine-app .note-tip, #peregrine-app .note-tip * { - color: var(--note-text-color); - background-color: var(--note-tip-bg); - border-color: var(--note-tip-border-color); + color: var(--note-text-color); + background-color: var(--note-tip-bg); + border-color: var(--note-tip-border-color); } #peregrine-app .note-warning, #peregrine-app .note-warning * { - color: var(--note-text-color); - background-color: var(--note-warning-bg); - border-color: var(--note-warning-border-color); + color: var(--note-text-color); + background-color: var(--note-warning-bg); + border-color: var(--note-warning-border-color); } #peregrine-app .note-important, #peregrine-app .note-important * { - color: var(--note-text-color); - background-color: var(--note-important-bg); - border-color: var(--note-important-border-color); + color: var(--note-text-color); + background-color: var(--note-important-bg); + border-color: var(--note-important-border-color); } #peregrine-app .note-caution, #peregrine-app .note-caution * { - color: var(--note-text-color); - background-color: var(--note-caution-bg); - border-color: var(--note-caution-border-color); + color: var(--note-text-color); + background-color: var(--note-caution-bg); + border-color: var(--note-caution-border-color); } #peregrine-app [class$="-components-navigation"] a, #peregrine-app [class$="-components-navigation"] a * { - color: var(--text-primary-color); + color: var(--text-primary-color); } #peregrine-app [class$="-components-navigation"] a:hover, #peregrine-app [class$="-components-navigation"] a:hover { - color: var(--bg-primary); - background-color: var(--text-primary-color); + color: var(--bg-primary); + background-color: var(--text-primary-color); } #peregrine-app [class$="-components-navigation"] .dropdown-list { - background: var(--bg-primary); + background: var(--bg-primary); } #peregrine-app [class$="-components-tabs"] a[aria-selected="true"], #peregrine-app [class$="-components-tabs"] a[aria-selected="true"] * { - color: var(--btn-primary-color); - background-color: var(--btn-primary-bg); + color: var(--btn-primary-color); + background-color: var(--btn-primary-bg); } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/balanced-color.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/balanced-color.css index 85fa79a8b..6662bd823 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/balanced-color.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/balanced-color.css @@ -1,44 +1,41 @@ /* balance-color palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ - - - } - - #peregrine-app .theme-light { - --bg-primary: #85dccb; - --bg-secondary: #ffd4e1; - - --text-primary-color:#46291f; - --text-secondary-color: #0A0A0A; - - --border-primary-color: #7b7b7b; - - --link-primary-color: #46291f; - --link-primary-color-hover: #ffffff; - - --btn-primary-bg: #e4e4e4; - --btn-primary-color: #000000; - - --figcaption-primary-bg: #ffffff99; - } - - #peregrine-app .theme-dark { - --bg-primary: #005c50; - --bg-secondary: #5e1414; - - --text-primary-color: #e6e6e6; - --text-secondary-color: #ffb8b8; - - --border-primary-color: var(--color-gray-900); - - --link-primary-color: #e6e6e6; - --link-primary-color-hover: #ffb8b8; - - --btn-primary-bg: #e4e4e4; - --btn-primary-color: #000000; - - --figcaption-primary-bg: #00000080; - } - \ No newline at end of file + /* NONE definitions to overwrite :root vars */ +} + +#peregrine-app .theme-light { + --bg-primary: #85dccb; + --bg-secondary: #ffd4e1; + + --text-primary-color: #46291f; + --text-secondary-color: #0a0a0a; + + --border-primary-color: #7b7b7b; + + --link-primary-color: #46291f; + --link-primary-color-hover: #ffffff; + + --btn-primary-bg: #e4e4e4; + --btn-primary-color: #000000; + + --figcaption-primary-bg: #ffffff99; +} + +#peregrine-app .theme-dark { + --bg-primary: #005c50; + --bg-secondary: #5e1414; + + --text-primary-color: #e6e6e6; + --text-secondary-color: #ffb8b8; + + --border-primary-color: var(--color-gray-900); + + --link-primary-color: #e6e6e6; + --link-primary-color-hover: #ffb8b8; + + --btn-primary-bg: #e4e4e4; + --btn-primary-color: #000000; + + --figcaption-primary-bg: #00000080; +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/basic-maroon.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/basic-maroon.css index bb021fe1e..632f87c23 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/basic-maroon.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/basic-maroon.css @@ -1,42 +1,39 @@ /* balance-color palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ - - - } - - #peregrine-app .theme-light { - --bg-primary: #dad6d6; - --bg-secondary: #f5f5f5; - - --text-primary-color:#722525; - --text-secondary-color: #0A0A0A; - - --border-primary-color: var(--color-gray-300); - - --link-primary-color: #722525; - - --btn-primary-bg: #722525; - --btn-primary-color: #ffffff; - - --figcaption-primary-bg: #ffffff99; - } - - #peregrine-app .theme-dark { - --bg-primary: #5e5e5e; - --bg-secondary: #2d2d2d; - - --text-primary-color: #ffffff; - --text-secondary-color: #810202; - - --border-primary-color: var(--color-gray-100); - - --link-primary-color: #dadada; - - --btn-primary-bg: #810202; - --btn-primary-color: #ffffff; - - --figcaption-primary-bg: #00000080; - } - \ No newline at end of file + /* NONE definitions to overwrite :root vars */ +} + +#peregrine-app .theme-light { + --bg-primary: #dad6d6; + --bg-secondary: #f5f5f5; + + --text-primary-color: #722525; + --text-secondary-color: #0a0a0a; + + --border-primary-color: var(--color-gray-300); + + --link-primary-color: #722525; + + --btn-primary-bg: #722525; + --btn-primary-color: #ffffff; + + --figcaption-primary-bg: #ffffff99; +} + +#peregrine-app .theme-dark { + --bg-primary: #5e5e5e; + --bg-secondary: #2d2d2d; + + --text-primary-color: #ffffff; + --text-secondary-color: #810202; + + --border-primary-color: var(--color-gray-100); + + --link-primary-color: #dadada; + + --btn-primary-bg: #810202; + --btn-primary-color: #ffffff; + + --figcaption-primary-bg: #00000080; +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/classy.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/classy.css index ac4467ed3..df5aacf4b 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/classy.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/classy.css @@ -1,41 +1,41 @@ /* default palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ - } - - #peregrine-app .theme-light { - --bg-primary: #f4f4f4; - --bg-secondary: #dcd0c0; - - --text-primary-color:#373737; - --text-secondary-color: #63365a; - - --border-primary-color: #373737; - - --link-primary-color: #373737; - --link-primary-color-hover: #63365a; - - --btn-primary-bg: #373737; - --btn-primary-color: #f4f4f4; - - --figcaption-primary-bg: #ffffff99; - } - - #peregrine-app .theme-dark { - --bg-primary: #373737; - --bg-secondary: #63365a; - - --text-primary-color: #f4f4f4; - --text-secondary-color: #dcd0c0; - - --border-primary-color: #f4f4f4; - - --link-primary-color: #f4f4f4; - --link-primary-color-hover: #dcd0c0; - - --btn-primary-bg: #f4f4f4; - --btn-primary-color: #373737; - - --figcaption-primary-bg: #00000080; - } \ No newline at end of file + /* NONE definitions to overwrite :root vars */ +} + +#peregrine-app .theme-light { + --bg-primary: #f4f4f4; + --bg-secondary: #dcd0c0; + + --text-primary-color: #373737; + --text-secondary-color: #63365a; + + --border-primary-color: #373737; + + --link-primary-color: #373737; + --link-primary-color-hover: #63365a; + + --btn-primary-bg: #373737; + --btn-primary-color: #f4f4f4; + + --figcaption-primary-bg: #ffffff99; +} + +#peregrine-app .theme-dark { + --bg-primary: #373737; + --bg-secondary: #63365a; + + --text-primary-color: #f4f4f4; + --text-secondary-color: #dcd0c0; + + --border-primary-color: #f4f4f4; + + --link-primary-color: #f4f4f4; + --link-primary-color-hover: #dcd0c0; + + --btn-primary-bg: #f4f4f4; + --btn-primary-color: #373737; + + --figcaption-primary-bg: #00000080; +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/lime.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/lime.css index 385e8bbec..d05ab5551 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/lime.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/lime.css @@ -1,41 +1,41 @@ /* lime palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ + /* NONE definitions to overwrite :root vars */ } -#peregrine-app .theme-dark{ - --bg-primary: var(--color-green-900); - --bg-secondary: var(--color-green-800); +#peregrine-app .theme-dark { + --bg-primary: var(--color-green-900); + --bg-secondary: var(--color-green-800); - --text-primary-color: var(--color-gray-200); - --text-secondary-color: var(--color-gray-400); + --text-primary-color: var(--color-gray-200); + --text-secondary-color: var(--color-gray-400); - --border-primary-color: #cfc3c3; + --border-primary-color: #cfc3c3; - --link-primary-color: #ffffff; - --link-primary-color-hover: var(--color-green-200); + --link-primary-color: #ffffff; + --link-primary-color-hover: var(--color-green-200); - --btn-primary-bg: #cfc3c3; - --btn-primary-color: #000000; + --btn-primary-bg: #cfc3c3; + --btn-primary-color: #000000; - --figcaption-primary-bg: #00800080; + --figcaption-primary-bg: #00800080; } #peregrine-app .theme-light { - --bg-primary: var(--color-green-300); - --bg-secondary: var(--color-green-200); + --bg-primary: var(--color-green-300); + --bg-secondary: var(--color-green-200); - --text-primary-color: #000000; - --text-secondary-color: var(--color-gray-600); + --text-primary-color: #000000; + --text-secondary-color: var(--color-gray-600); - --border-primary-color: #6a6b69; + --border-primary-color: #6a6b69; - --btn-primary-bg: #6a6b69; - --btn-primary-color: #ffffff; + --btn-primary-bg: #6a6b69; + --btn-primary-color: #ffffff; - --link-primary-color: #000000; - --link-primary-color-hover: #ffffff; + --link-primary-color: #000000; + --link-primary-color-hover: #ffffff; - --figcaption-primary-bg: #8efd8e4d; -} \ No newline at end of file + --figcaption-primary-bg: #8efd8e4d; +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/multi-color.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/multi-color.css index 02a29411e..185890240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/multi-color.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/multi-color.css @@ -1,42 +1,39 @@ /* balance-color palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ - - - } - - #peregrine-app .theme-light { - --bg-primary: #eaf4f4; - --bg-secondary: #ffffff; - - --text-primary-color:#232d42; - --text-secondary-color: #a80000; - - --border-primary-color: #dad6d6; - - --link-primary-color: #232d42; - - --btn-primary-bg: #a80000; - --btn-primary-color: #ffffff; - - --figcaption-primary-bg: #ffffff99; - } - - #peregrine-app .theme-dark { - --bg-primary: #232d42; - --bg-secondary: #c1322d; - - --text-primary-color: #eaf4f4; - --text-secondary-color: #ffffff; - - --border-primary-color: #b9b7b7; - - --link-primary-color: #eaf4f4; - - --btn-primary-bg: #c1322d; - --btn-primary-color: #ffffff; - - --figcaption-primary-bg: #00000080; - } - \ No newline at end of file + /* NONE definitions to overwrite :root vars */ +} + +#peregrine-app .theme-light { + --bg-primary: #eaf4f4; + --bg-secondary: #ffffff; + + --text-primary-color: #232d42; + --text-secondary-color: #a80000; + + --border-primary-color: #dad6d6; + + --link-primary-color: #232d42; + + --btn-primary-bg: #a80000; + --btn-primary-color: #ffffff; + + --figcaption-primary-bg: #ffffff99; +} + +#peregrine-app .theme-dark { + --bg-primary: #232d42; + --bg-secondary: #c1322d; + + --text-primary-color: #eaf4f4; + --text-secondary-color: #ffffff; + + --border-primary-color: #b9b7b7; + + --link-primary-color: #eaf4f4; + + --btn-primary-bg: #c1322d; + --btn-primary-color: #ffffff; + + --figcaption-primary-bg: #00000080; +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sharp-blue.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sharp-blue.css index 739208dd3..f087c12d4 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sharp-blue.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sharp-blue.css @@ -1,41 +1,41 @@ /* default palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ - } - - #peregrine-app .theme-light { - --bg-primary: #d7dfdd; - --bg-secondary: #f5f5f5; - - --text-primary-color:#0e0b16; - --text-secondary-color: #4711f6; - - --border-primary-color: #373737; - - --link-primary-color: #0e0b16; - --link-primary-color-hover: #4711f6; - - --btn-primary-bg: #4711f6; - --btn-primary-color: #d7dfdd; - - --figcaption-primary-bg: #ffffff99; - } - - #peregrine-app .theme-dark { - --bg-primary: #0e0b16; - --bg-secondary: #00003c; - - --text-primary-color: #d7dfdd; - --text-secondary-color: #4711f6; - - --border-primary-color: #d7dfdd; - - --link-primary-color: #d7dfdd; - --link-primary-color-hover: #4711f6; - - --btn-primary-bg: #d7dfdd; - --btn-primary-color: #4711f6; - - --figcaption-primary-bg: #00000080; - } \ No newline at end of file + /* NONE definitions to overwrite :root vars */ +} + +#peregrine-app .theme-light { + --bg-primary: #d7dfdd; + --bg-secondary: #f5f5f5; + + --text-primary-color: #0e0b16; + --text-secondary-color: #4711f6; + + --border-primary-color: #373737; + + --link-primary-color: #0e0b16; + --link-primary-color-hover: #4711f6; + + --btn-primary-bg: #4711f6; + --btn-primary-color: #d7dfdd; + + --figcaption-primary-bg: #ffffff99; +} + +#peregrine-app .theme-dark { + --bg-primary: #0e0b16; + --bg-secondary: #00003c; + + --text-primary-color: #d7dfdd; + --text-secondary-color: #4711f6; + + --border-primary-color: #d7dfdd; + + --link-primary-color: #d7dfdd; + --link-primary-color-hover: #4711f6; + + --btn-primary-bg: #d7dfdd; + --btn-primary-color: #4711f6; + + --figcaption-primary-bg: #00000080; +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sunshine.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sunshine.css index 5eb99f081..1e8516909 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sunshine.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sunshine.css @@ -1,42 +1,41 @@ /* default palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ - } - - #peregrine-app .theme-light { - --bg-primary: #fcf2e9; - --bg-secondary: #ffde22; - - --text-primary-color: #1a1a1a; - --text-secondary-color: var(--color-gray-700); - - --border-primary-color: #1a1a1a; - - --link-primary-color: #1a1a1a; - --link-primary-color-hover: var(--color-gray-400); - - --btn-primary-bg: #1a1a1a; - --btn-primary-color: #fcf2e9; - - --figcaption-primary-bg: #ffffff99; - } - - #peregrine-app .theme-dark { - --bg-primary: #1a1a1a; - --bg-secondary: var(--color-gray-700); - - --text-primary-color: #ffde22; - --text-secondary-color: var(--color-gray-400); - - --border-primary-color: #ffde22; - - --link-primary-color: #ffde22; - --link-primary-color-hover: var(--color-gray-400); - - --btn-primary-bg: #ffde22; - --btn-primary-color: #1a1a1a; - - --figcaption-primary-bg: #00000080; - } - \ No newline at end of file + /* NONE definitions to overwrite :root vars */ +} + +#peregrine-app .theme-light { + --bg-primary: #fcf2e9; + --bg-secondary: #ffde22; + + --text-primary-color: #1a1a1a; + --text-secondary-color: var(--color-gray-700); + + --border-primary-color: #1a1a1a; + + --link-primary-color: #1a1a1a; + --link-primary-color-hover: var(--color-gray-400); + + --btn-primary-bg: #1a1a1a; + --btn-primary-color: #fcf2e9; + + --figcaption-primary-bg: #ffffff99; +} + +#peregrine-app .theme-dark { + --bg-primary: #1a1a1a; + --bg-secondary: var(--color-gray-700); + + --text-primary-color: #ffde22; + --text-secondary-color: var(--color-gray-400); + + --border-primary-color: #ffde22; + + --link-primary-color: #ffde22; + --link-primary-color-hover: var(--color-gray-400); + + --btn-primary-bg: #ffde22; + --btn-primary-color: #1a1a1a; + + --figcaption-primary-bg: #00000080; +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/warm-tones.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/warm-tones.css index 7d31de49b..036bb92f0 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/warm-tones.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/warm-tones.css @@ -1,44 +1,41 @@ /* balance-color palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ - - - } - - #peregrine-app .theme-light { - --bg-primary: #d7cec7; - --bg-secondary: #dcc2a9; - - --text-primary-color:#581e1e; - --text-secondary-color: #654526; - - --border-primary-color: #581e1e; - - --link-primary-color: #654526; - --link-primary-color-hover: #581e1e; - - --btn-primary-bg: #654526; - --btn-primary-color: #d7cec7; - - --figcaption-primary-bg: #ffffff99; - } - - #peregrine-app .theme-dark { - --bg-primary: #565656; - --bg-secondary: #654526; - - --text-primary-color: #d7cec7; - --text-secondary-color: #dcc2a9; - - --border-primary-color: #d7cec7; - - --link-primary-color: #d7cec7; - --link-primary-color-hover: #dcc2a9; - - --btn-primary-bg: #d7cec7; - --btn-primary-color: #654526; - - --figcaption-primary-bg: #00000080; - } - \ No newline at end of file + /* NONE definitions to overwrite :root vars */ +} + +#peregrine-app .theme-light { + --bg-primary: #d7cec7; + --bg-secondary: #dcc2a9; + + --text-primary-color: #581e1e; + --text-secondary-color: #654526; + + --border-primary-color: #581e1e; + + --link-primary-color: #654526; + --link-primary-color-hover: #581e1e; + + --btn-primary-bg: #654526; + --btn-primary-color: #d7cec7; + + --figcaption-primary-bg: #ffffff99; +} + +#peregrine-app .theme-dark { + --bg-primary: #565656; + --bg-secondary: #654526; + + --text-primary-color: #d7cec7; + --text-secondary-color: #dcc2a9; + + --border-primary-color: #d7cec7; + + --link-primary-color: #d7cec7; + --link-primary-color-hover: #dcc2a9; + + --btn-primary-bg: #d7cec7; + --btn-primary-color: #654526; + + --figcaption-primary-bg: #00000080; +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/.content.xml index 39c9dffdd..8db94ec0d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/.content.xml @@ -1,6 +1,21 @@ - - - + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/dawn.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/dawn.css index f0d816201..00b129033 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/dawn.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/dawn.css @@ -1,154 +1,170 @@ /* purple rain palette */ #peregrine-app { - --color-accent-1-900: #62319E; - --color-accent-1-800: #6F309A; - --color-accent-1-700: #7C2E96; - --color-accent-1-600: #882D92; - --color-accent-1-500: #A72B95; - --color-accent-1-400: #BB2881; - --color-accent-1-300: #D02261; - --color-accent-1-200: #DC5EBE; - --color-accent-1-100: #DEA1E9; - --color-accent-1-50: #EFEAF5; - - --color-accent-2-100: #ffffff; - --color-accent-2-200: #f8f8f8; - - --dawn-gradient-1: linear-gradient(20deg, var(--color-accent-1-600) 0%, transparent 100%) var(--color-accent-1-300); - --dawn-gradient-1-hover: linear-gradient(20deg, var(--color-accent-1-600) 0%, transparent 100%) var(--color-accent-1-600); - - --bg-primary: var(--color-accent-2-100); - --bg-secondary: var(--color-accent-2-200); - --border-primary-color: rgba(66, 67, 68, 0.2); - - --link-primary-color: var(--color-accent-1-500); - --link-primary-color-hover: var(--color-accent-1-800); - - --focus-border-color: var(--color-accent-1-500); - - --btn-color: #ffffff; - --btn-bg: var(--dawn-gradient-1); - --btn-hover-color: #ffffff; - --btn-hover-bg: var(--dawn-gradient-1-hover); - --btn-focus-color: #ffffff; - --btn-focus-bg: var(--btn-hover-bg); - --btn-focus-border-color: var(--color-accent-1-300); - - --btn-secondary-color: var(--color-accent-1-900); - --btn-secondary-bg: var(--color-accent-1-50); - --btn-secondary-border-width: 0; - --btn-secondary-border-color: transparent; - --btn-secondary-hover-color: var(--color-accent-1-50); - --btn-secondary-hover-bg: var(--color-accent-1-900); - --btn-secondary-focus-color: var(--btn-secondary-hover-color); - --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); - - --btn-light-bg: var(--color-accent-1-300); - --btn-light-color: #ffffff; - - --btn-dark-bg: var(--color-accent-1-900); - --btn-dark-color: #ffffff; - - --text-primary-color: rgba(0,0,0,0.87); - --text-secondary-color: rgba(0,0,0,0.6); - } - - #peregrine-app .theme-light { - --bg-primary: var(--color-accent-2-200); - --bg-secondary: var(--dawn-gradient-1); - - --border-primary-color: rgba(0,0,0,0.1); - } - - #peregrine-app .theme-dark, - #peregrine-app .themecleanflex-components-cards.theme-light .card--bg { - --btn-color: var(--color-accent-1-500); - --btn-bg: var(--color-accent-1-50); - --btn-hover-color: var(--color-accent-1-900); - --btn-hover-bg: var(--color-accent-1-100); - --btn-focus-color: var(--btn-hover-color); - --btn-focus-bg: var(--btn-hover-bg); - --btn-focus-border-color: var(--color-accent-1-200); - - --btn-primary-color: var(--btn-color); - --btn-primary-bg: var(--btn-bg); - --btn-primary-hover-color: var(--btn-hover-color); - --btn-primary-hover-bg: var(--btn-hover-bg); - --btn-primary-focus-color: var(--btn-focus-color); - --btn-primary-focus-bg: var(--btn-focus-bg); - --btn-primary-focus-border-color: var(--btn-focus-border-color); - - --btn-secondary-color: #ffffff; - --btn-secondary-bg: transparent; - --btn-secondary-border-width: 1px; - --btn-secondary-border-color: #ffffff; - --btn-secondary-hover-color: var(--btn-secondary-color); - --btn-secondary-hover-bg: var(--color-accent-1-700); - --btn-secondary-hover-border-color: rgba(255,255,255,0); - --btn-secondary-focus-color: var(--btn-secondary-hover-color); - --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); - --btn-secondary-focus-border-color: var(--btn-focus-border-color); - } - - #peregrine-app .theme-dark { - --bg-primary: var(--dawn-gradient-1); - --bg-secondary: #ffffff; - - --border-primary-color: rgba(255,255,255,0.6); - - --text-primary-color: rgba(255,255,255,0.87); - --text-secondary-color: rgba(255,255,255,0.6); - - --link-primary-color: #ffffff; - --link-primary-color-hover: var(--color-accent-1-50); - --focus-border-color: var(--color-accent-1-100); - } - - /* Individual overwrites */ - - #peregrine-app [class$='components-cards'].theme-light .card--bg { - --text-primary-color: rgba(255,255,255,0.87); - --text-secondary-color: rgba(255,255,255,0.6); - } - - #peregrine-app [class$='components-cards'].theme-dark .card--bg, - #peregrine-app [class$='components-accordion'].theme-dark .accordion-container .bg-secondary { - /* Apply black text colour because otherwise it would render white on white */ - --text-primary-color: rgba(0,0,0,0.87); - --text-secondary-color: rgba(0,0,0,0.6); - - --btn-color: #ffffff; - --btn-bg: var(--dawn-gradient-1); - --btn-hover-color: #ffffff; - --btn-hover-bg: var(--dawn-gradient-1-hover); - --btn-focus-color: #ffffff; - --btn-focus-bg: var(--btn-hover-bg); - --btn-focus-border-color: var(--color-accent-1-300); - - --btn-primary-color: var(--btn-color); - --btn-primary-bg: var(--btn-bg); - --btn-primary-hover-color: var(--btn-hover-color); - --btn-primary-hover-bg: var(--btn-hover-bg); - --btn-primary-focus-color: var(--btn-focus-color); - --btn-primary-focus-bg: var(--btn-focus-bg); - --btn-primary-focus-border-color: var(--btn-focus-border-color); - } - - #peregrine-app [class$='components-accordion'].theme-light .accordion-container .bg-secondary { - /* Reduce strong visual noise by removing the default primary background colour */ - --bg-secondary: rgba(255,255,255,0.6); - } - - #peregrine-app .theme-light .accordion-container.accordion-container, - #peregrine-app .theme-dark .accordion-container.accordion-container { - background: transparent; - } - - #peregrine-app [class$='components-quote'] { - --border-primary-color: var(--color-accent-1-700); - } - - #peregrine-app .theme-dark[class$="-components-navigation"] a:hover{ - color: var(--color-accent-1-700); - } \ No newline at end of file + --color-accent-1-900: #62319e; + --color-accent-1-800: #6f309a; + --color-accent-1-700: #7c2e96; + --color-accent-1-600: #882d92; + --color-accent-1-500: #a72b95; + --color-accent-1-400: #bb2881; + --color-accent-1-300: #d02261; + --color-accent-1-200: #dc5ebe; + --color-accent-1-100: #dea1e9; + --color-accent-1-50: #efeaf5; + + --color-accent-2-100: #ffffff; + --color-accent-2-200: #f8f8f8; + + --dawn-gradient-1: linear-gradient( + 20deg, + var(--color-accent-1-600) 0%, + transparent 100% + ) + var(--color-accent-1-300); + --dawn-gradient-1-hover: linear-gradient( + 20deg, + var(--color-accent-1-600) 0%, + transparent 100% + ) + var(--color-accent-1-600); + + --bg-primary: var(--color-accent-2-100); + --bg-secondary: var(--color-accent-2-200); + --border-primary-color: rgba(66, 67, 68, 0.2); + + --link-primary-color: var(--color-accent-1-500); + --link-primary-color-hover: var(--color-accent-1-800); + + --focus-border-color: var(--color-accent-1-500); + + --btn-color: #ffffff; + --btn-bg: var(--dawn-gradient-1); + --btn-hover-color: #ffffff; + --btn-hover-bg: var(--dawn-gradient-1-hover); + --btn-focus-color: #ffffff; + --btn-focus-bg: var(--btn-hover-bg); + --btn-focus-border-color: var(--color-accent-1-300); + + --btn-secondary-color: var(--color-accent-1-900); + --btn-secondary-bg: var(--color-accent-1-50); + --btn-secondary-border-width: 0; + --btn-secondary-border-color: transparent; + --btn-secondary-hover-color: var(--color-accent-1-50); + --btn-secondary-hover-bg: var(--color-accent-1-900); + --btn-secondary-focus-color: var(--btn-secondary-hover-color); + --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); + + --btn-light-bg: var(--color-accent-1-300); + --btn-light-color: #ffffff; + + --btn-dark-bg: var(--color-accent-1-900); + --btn-dark-color: #ffffff; + + --text-primary-color: rgba(0, 0, 0, 0.87); + --text-secondary-color: rgba(0, 0, 0, 0.6); +} + +#peregrine-app .theme-light { + --bg-primary: var(--color-accent-2-200); + --bg-secondary: var(--dawn-gradient-1); + + --border-primary-color: rgba(0, 0, 0, 0.1); +} + +#peregrine-app .theme-dark, +#peregrine-app .themecleanflex-components-cards.theme-light .card--bg { + --btn-color: var(--color-accent-1-500); + --btn-bg: var(--color-accent-1-50); + --btn-hover-color: var(--color-accent-1-900); + --btn-hover-bg: var(--color-accent-1-100); + --btn-focus-color: var(--btn-hover-color); + --btn-focus-bg: var(--btn-hover-bg); + --btn-focus-border-color: var(--color-accent-1-200); + + --btn-primary-color: var(--btn-color); + --btn-primary-bg: var(--btn-bg); + --btn-primary-hover-color: var(--btn-hover-color); + --btn-primary-hover-bg: var(--btn-hover-bg); + --btn-primary-focus-color: var(--btn-focus-color); + --btn-primary-focus-bg: var(--btn-focus-bg); + --btn-primary-focus-border-color: var(--btn-focus-border-color); + + --btn-secondary-color: #ffffff; + --btn-secondary-bg: transparent; + --btn-secondary-border-width: 1px; + --btn-secondary-border-color: #ffffff; + --btn-secondary-hover-color: var(--btn-secondary-color); + --btn-secondary-hover-bg: var(--color-accent-1-700); + --btn-secondary-hover-border-color: rgba(255, 255, 255, 0); + --btn-secondary-focus-color: var(--btn-secondary-hover-color); + --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); + --btn-secondary-focus-border-color: var(--btn-focus-border-color); +} + +#peregrine-app .theme-dark { + --bg-primary: var(--dawn-gradient-1); + --bg-secondary: #ffffff; + + --border-primary-color: rgba(255, 255, 255, 0.6); + + --text-primary-color: rgba(255, 255, 255, 0.87); + --text-secondary-color: rgba(255, 255, 255, 0.6); + + --link-primary-color: #ffffff; + --link-primary-color-hover: var(--color-accent-1-50); + --focus-border-color: var(--color-accent-1-100); +} + +/* Individual overwrites */ + +#peregrine-app [class$="components-cards"].theme-light .card--bg { + --text-primary-color: rgba(255, 255, 255, 0.87); + --text-secondary-color: rgba(255, 255, 255, 0.6); +} + +#peregrine-app [class$="components-cards"].theme-dark .card--bg, +#peregrine-app + [class$="components-accordion"].theme-dark + .accordion-container + .bg-secondary { + /* Apply black text colour because otherwise it would render white on white */ + --text-primary-color: rgba(0, 0, 0, 0.87); + --text-secondary-color: rgba(0, 0, 0, 0.6); + + --btn-color: #ffffff; + --btn-bg: var(--dawn-gradient-1); + --btn-hover-color: #ffffff; + --btn-hover-bg: var(--dawn-gradient-1-hover); + --btn-focus-color: #ffffff; + --btn-focus-bg: var(--btn-hover-bg); + --btn-focus-border-color: var(--color-accent-1-300); + + --btn-primary-color: var(--btn-color); + --btn-primary-bg: var(--btn-bg); + --btn-primary-hover-color: var(--btn-hover-color); + --btn-primary-hover-bg: var(--btn-hover-bg); + --btn-primary-focus-color: var(--btn-focus-color); + --btn-primary-focus-bg: var(--btn-focus-bg); + --btn-primary-focus-border-color: var(--btn-focus-border-color); +} + +#peregrine-app + [class$="components-accordion"].theme-light + .accordion-container + .bg-secondary { + /* Reduce strong visual noise by removing the default primary background colour */ + --bg-secondary: rgba(255, 255, 255, 0.6); +} + +#peregrine-app .theme-light .accordion-container.accordion-container, +#peregrine-app .theme-dark .accordion-container.accordion-container { + background: transparent; +} + +#peregrine-app [class$="components-quote"] { + --border-primary-color: var(--color-accent-1-700); +} + +#peregrine-app .theme-dark[class$="-components-navigation"] a:hover { + color: var(--color-accent-1-700); +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/default.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/default.css index c6787ec3a..f9523ca84 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/default.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/default.css @@ -1,119 +1,118 @@ /* default palette */ #peregrine-app { - --color-accent-1-900: #000653; - --color-accent-1-800: #001477; - --color-accent-1-700: #00289B; - --color-accent-1-600: #0042BF; - --color-accent-1-500: #054CC6; - --color-accent-1-400: #186DDB; - --color-accent-1-300: #237EE5; - --color-accent-1-200: #5198EC; - --color-accent-1-100: #81B4F2; - --color-accent-1-50: #E8F2FF; - - --color-accent-2-100: #ffffff; - --color-accent-2-200: #f2f2f2; - - --color-accent-3-800: #191919; - --color-accent-3-900: #000000; - - --bg-primary: var(--color-accent-2-100); - --bg-secondary: var(--color-accent-2-200); - --border-primary-color: rgba(66, 67, 68, 0.2); - - --link-primary-color: var(--color-accent-1-500); - --link-primary-color-hover: var(--color-accent-1-800); - - --focus-border-color: var(--color-accent-1-500); - - --btn-color: #ffffff; - --btn-bg: var(--color-accent-3-900); - --btn-hover-color: #ffffff; - --btn-hover-bg: var(--color-accent-3-800); - --btn-focus-color: #ffffff; - --btn-focus-bg: var(--color-accent-3-800); - --btn-focus-border-color: var(--color-accent-1-300); - - --btn-secondary-color: var(--color-accent-3-900); - --btn-secondary-bg: #ffffff; - --btn-secondary-border-width: 1px; - --btn-secondary-border-color: var(--color-accent-3-900); - --btn-secondary-hover-color: var(--btn-secondary-color); - --btn-secondary-hover-bg: #dddcdc; - --btn-secondary-focus-color: #ffffff; - --btn-secondary-focus-bg: var(--color-accent-3-800); - - --btn-light-bg: var(--color-accent-1-200); - --btn-light-hover-bg: var(--color-accent-1-300); - --btn-light-hover-color: var(--color-accent-1-900); - - --btn-dark-bg: var(--color-accent-1-600); - --btn-dark-hover-bg: var(--color-accent-1-700); - - --text-primary-color: rgba(0,0,0,0.87); - --text-secondary-color: rgba(0,0,0,0.6); + --color-accent-1-900: #000653; + --color-accent-1-800: #001477; + --color-accent-1-700: #00289b; + --color-accent-1-600: #0042bf; + --color-accent-1-500: #054cc6; + --color-accent-1-400: #186ddb; + --color-accent-1-300: #237ee5; + --color-accent-1-200: #5198ec; + --color-accent-1-100: #81b4f2; + --color-accent-1-50: #e8f2ff; + + --color-accent-2-100: #ffffff; + --color-accent-2-200: #f2f2f2; + + --color-accent-3-800: #191919; + --color-accent-3-900: #000000; + + --bg-primary: var(--color-accent-2-100); + --bg-secondary: var(--color-accent-2-200); + --border-primary-color: rgba(66, 67, 68, 0.2); + + --link-primary-color: var(--color-accent-1-500); + --link-primary-color-hover: var(--color-accent-1-800); + + --focus-border-color: var(--color-accent-1-500); + + --btn-color: #ffffff; + --btn-bg: var(--color-accent-3-900); + --btn-hover-color: #ffffff; + --btn-hover-bg: var(--color-accent-3-800); + --btn-focus-color: #ffffff; + --btn-focus-bg: var(--color-accent-3-800); + --btn-focus-border-color: var(--color-accent-1-300); + + --btn-secondary-color: var(--color-accent-3-900); + --btn-secondary-bg: #ffffff; + --btn-secondary-border-width: 1px; + --btn-secondary-border-color: var(--color-accent-3-900); + --btn-secondary-hover-color: var(--btn-secondary-color); + --btn-secondary-hover-bg: #dddcdc; + --btn-secondary-focus-color: #ffffff; + --btn-secondary-focus-bg: var(--color-accent-3-800); + + --btn-light-bg: var(--color-accent-1-200); + --btn-light-hover-bg: var(--color-accent-1-300); + --btn-light-hover-color: var(--color-accent-1-900); + + --btn-dark-bg: var(--color-accent-1-600); + --btn-dark-hover-bg: var(--color-accent-1-700); + + --text-primary-color: rgba(0, 0, 0, 0.87); + --text-secondary-color: rgba(0, 0, 0, 0.6); } #peregrine-app .theme-light { - --bg-primary: var(--color-accent-2-200); - --bg-secondary: var(--color-accent-2-100); - - --btn-secondary-color: var(--color-accent-1-900); - --btn-secondary-bg: var(--bg-secondary); - --btn-secondary-border-width: 0; - --btn-secondary-hover-color: var(--btn-secondary-color); - --btn-secondary-hover-bg: var(--color-accent-1-300); - --btn-secondary-focus-color: var(--btn-secondary-color); - --btn-secondary-focus-bg: var(--color-accent-1-300); - - --link-primary-color: var(--text-primary-color); - --link-primary-color-hover: #000000; - - --figcaption-primary-bg: #ffffff99; + --bg-primary: var(--color-accent-2-200); + --bg-secondary: var(--color-accent-2-100); + + --btn-secondary-color: var(--color-accent-1-900); + --btn-secondary-bg: var(--bg-secondary); + --btn-secondary-border-width: 0; + --btn-secondary-hover-color: var(--btn-secondary-color); + --btn-secondary-hover-bg: var(--color-accent-1-300); + --btn-secondary-focus-color: var(--btn-secondary-color); + --btn-secondary-focus-bg: var(--color-accent-1-300); + + --link-primary-color: var(--text-primary-color); + --link-primary-color-hover: #000000; + + --figcaption-primary-bg: #ffffff99; } #peregrine-app .theme-dark { - --bg-primary: var(--color-accent-3-900); - --bg-secondary: var(--color-accent-3-800); - --border-primary-color: rgba(255, 255, 255, 0.2); - - --link-primary-color: var(--color-accent-1-200); - --link-primary-color-hover: var(--color-accent-1-100); - - --text-primary-color: #ffffff; - --text-secondary-color: rgba(255,255,255,0.6); - - --btn-focus-border-color: #ffffff; - - --btn-color: var(--color-accent-3-900); - --btn-bg: #ffffff; - --btn-hover-color: #ffffff; - --btn-hover-bg: var(--color-accent-3-800); - --btn-focus-color: var(--color-accent-3-800); - --btn-focus-bg: #e4e4e4; - --btn-focus-border-color: var(--color-accent-1-500); - - --btn-primary-color: var(--btn-color); - --btn-primary-bg: var(--btn-bg); - --btn-primary-hover-color: var(--btn-hover-color); - --btn-primary-hover-bg: var(--btn-hover-bg); - --btn-primary-focus-color: var(--btn-focus-color); - --btn-primary-focus-bg: var(--btn-focus-bg); - --btn-primary-focus-border-color: var(--btn-focus-border-color); - - --btn-secondary-bg: var(--color-accent-3-900); - --btn-secondary-color: #ffffff; - --btn-secondary-border-width: 1px; - --btn-secondary-border-color: #ffffff; - --btn-secondary-hover-color: #ffffff; - --btn-secondary-hover-bg: var(--color-accent-3-800); - --btn-secondary-focus-color: #ffffff; - --btn-secondary-focus-bg: var(--color-accent-3-800); - -/* --link-primary-color: var(--text-primary-color); + --bg-primary: var(--color-accent-3-900); + --bg-secondary: var(--color-accent-3-800); + --border-primary-color: rgba(255, 255, 255, 0.2); + + --link-primary-color: var(--color-accent-1-200); + --link-primary-color-hover: var(--color-accent-1-100); + + --text-primary-color: #ffffff; + --text-secondary-color: rgba(255, 255, 255, 0.6); + + --btn-focus-border-color: #ffffff; + + --btn-color: var(--color-accent-3-900); + --btn-bg: #ffffff; + --btn-hover-color: #ffffff; + --btn-hover-bg: var(--color-accent-3-800); + --btn-focus-color: var(--color-accent-3-800); + --btn-focus-bg: #e4e4e4; + --btn-focus-border-color: var(--color-accent-1-500); + + --btn-primary-color: var(--btn-color); + --btn-primary-bg: var(--btn-bg); + --btn-primary-hover-color: var(--btn-hover-color); + --btn-primary-hover-bg: var(--btn-hover-bg); + --btn-primary-focus-color: var(--btn-focus-color); + --btn-primary-focus-bg: var(--btn-focus-bg); + --btn-primary-focus-border-color: var(--btn-focus-border-color); + + --btn-secondary-bg: var(--color-accent-3-900); + --btn-secondary-color: #ffffff; + --btn-secondary-border-width: 1px; + --btn-secondary-border-color: #ffffff; + --btn-secondary-hover-color: #ffffff; + --btn-secondary-hover-bg: var(--color-accent-3-800); + --btn-secondary-focus-color: #ffffff; + --btn-secondary-focus-bg: var(--color-accent-3-800); + + /* --link-primary-color: var(--text-primary-color); --link-primary-color-hover: #ffffff; */ - - --figcaption-primary-bg: #00000080; + --figcaption-primary-bg: #00000080; } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/ocean.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/ocean.css index 748880faf..c15d0d3c7 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/ocean.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/ocean.css @@ -1,138 +1,154 @@ /* ocean palette */ #peregrine-app { - --color-accent-1-900: #000653; - --color-accent-1-800: #001477; - --color-accent-1-700: #00289B; - --color-accent-1-600: #0042BF; - --color-accent-1-500: #054CC6; - --color-accent-1-400: #186DDB; - --color-accent-1-300: #237EE5; - --color-accent-1-200: #5198EC; - --color-accent-1-100: #81B4F2; - --color-accent-1-50: #E8F2FF; - - --color-accent-2-100: #ffffff; - --color-accent-2-200: #f2f2f2; - - --ocean-gradient-1: linear-gradient(-10deg, var(--color-accent-1-600) 0%, transparent 100%) var(--color-accent-1-300); - --ocean-gradient-1-hover: linear-gradient(-10deg, var(--color-accent-1-600) 0%, transparent 100%) var(--color-accent-1-600); - - --bg-primary: var(--color-accent-2-100); - --bg-secondary: var(--color-accent-1-50); - --border-primary-color: rgba(66, 67, 68, 0.2); - - --link-primary-color: var(--color-accent-1-500); - --link-primary-color-hover: var(--color-accent-1-800); - - --focus-border-color: var(--color-accent-1-500); - - --btn-color: #ffffff; - --btn-bg: var(--ocean-gradient-1); - --btn-hover-color: #ffffff; - --btn-hover-bg: var(--ocean-gradient-1-hover); - --btn-focus-color: #ffffff; - --btn-focus-bg: var(--btn-hover-bg); - --btn-focus-border-color: var(--color-accent-1-300); - - --btn-secondary-color: var(--color-accent-1-500); - --btn-secondary-bg: var(--color-accent-1-50); - --btn-secondary-border-width: 0; - --btn-secondary-border-color: transparent; - --btn-secondary-hover-color: var(--color-accent-1-800); - --btn-secondary-hover-bg: var(--color-accent-1-100); - --btn-secondary-focus-color: var(--btn-secondary-hover-color); - --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); - - --btn-light-bg: var(--color-accent-1-200); - --btn-light-color: var(--color-accent-1-900); - - --btn-dark-bg: var(--color-accent-1-900); - --btn-dark-color: #ffffff; - - --text-primary-color: rgba(0,0,0,0.87); - --text-secondary-color: rgba(0,0,0,0.6); + --color-accent-1-900: #000653; + --color-accent-1-800: #001477; + --color-accent-1-700: #00289b; + --color-accent-1-600: #0042bf; + --color-accent-1-500: #054cc6; + --color-accent-1-400: #186ddb; + --color-accent-1-300: #237ee5; + --color-accent-1-200: #5198ec; + --color-accent-1-100: #81b4f2; + --color-accent-1-50: #e8f2ff; + + --color-accent-2-100: #ffffff; + --color-accent-2-200: #f2f2f2; + + --ocean-gradient-1: linear-gradient( + -10deg, + var(--color-accent-1-600) 0%, + transparent 100% + ) + var(--color-accent-1-300); + --ocean-gradient-1-hover: linear-gradient( + -10deg, + var(--color-accent-1-600) 0%, + transparent 100% + ) + var(--color-accent-1-600); + + --bg-primary: var(--color-accent-2-100); + --bg-secondary: var(--color-accent-1-50); + --border-primary-color: rgba(66, 67, 68, 0.2); + + --link-primary-color: var(--color-accent-1-500); + --link-primary-color-hover: var(--color-accent-1-800); + + --focus-border-color: var(--color-accent-1-500); + + --btn-color: #ffffff; + --btn-bg: var(--ocean-gradient-1); + --btn-hover-color: #ffffff; + --btn-hover-bg: var(--ocean-gradient-1-hover); + --btn-focus-color: #ffffff; + --btn-focus-bg: var(--btn-hover-bg); + --btn-focus-border-color: var(--color-accent-1-300); + + --btn-secondary-color: var(--color-accent-1-500); + --btn-secondary-bg: var(--color-accent-1-50); + --btn-secondary-border-width: 0; + --btn-secondary-border-color: transparent; + --btn-secondary-hover-color: var(--color-accent-1-800); + --btn-secondary-hover-bg: var(--color-accent-1-100); + --btn-secondary-focus-color: var(--btn-secondary-hover-color); + --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); + + --btn-light-bg: var(--color-accent-1-200); + --btn-light-color: var(--color-accent-1-900); + + --btn-dark-bg: var(--color-accent-1-900); + --btn-dark-color: #ffffff; + + --text-primary-color: rgba(0, 0, 0, 0.87); + --text-secondary-color: rgba(0, 0, 0, 0.6); } #peregrine-app .theme-light { - --bg-primary: var(--color-accent-1-50); - --bg-secondary: var(--ocean-gradient-1); + --bg-primary: var(--color-accent-1-50); + --bg-secondary: var(--ocean-gradient-1); - --border-primary-color: rgba(0,0,0,0.1); + --border-primary-color: rgba(0, 0, 0, 0.1); } #peregrine-app .theme-dark, #peregrine-app .themecleanflex-components-cards.theme-light .card--bg { - --btn-color: var(--color-accent-1-500); - --btn-bg: var(--color-accent-1-50); - --btn-hover-color: var(--color-accent-1-900); - --btn-hover-bg: var(--color-accent-1-100); - --btn-focus-color: var(--btn-hover-color); - --btn-focus-bg: var(--btn-hover-bg); - --btn-focus-border-color: var(--color-accent-1-200); - - --btn-primary-color: var(--btn-color); - --btn-primary-bg: var(--btn-bg); - --btn-primary-hover-color: var(--btn-hover-color); - --btn-primary-hover-bg: var(--btn-hover-bg); - --btn-primary-focus-color: var(--btn-focus-color); - --btn-primary-focus-bg: var(--btn-focus-bg); - --btn-primary-focus-border-color: var(--btn-focus-border-color); - - --btn-secondary-color: #ffffff; - --btn-secondary-bg: transparent; - --btn-secondary-border-width: 1px; - --btn-secondary-border-color: #ffffff; - --btn-secondary-hover-color: var(--btn-secondary-color); - --btn-secondary-hover-bg: var(--color-accent-1-700); - --btn-secondary-hover-border-color: rgba(255,255,255,0); - --btn-secondary-focus-color: var(--btn-secondary-hover-color); - --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); - --btn-secondary-focus-border-color: var(--btn-focus-border-color); + --btn-color: var(--color-accent-1-500); + --btn-bg: var(--color-accent-1-50); + --btn-hover-color: var(--color-accent-1-900); + --btn-hover-bg: var(--color-accent-1-100); + --btn-focus-color: var(--btn-hover-color); + --btn-focus-bg: var(--btn-hover-bg); + --btn-focus-border-color: var(--color-accent-1-200); + + --btn-primary-color: var(--btn-color); + --btn-primary-bg: var(--btn-bg); + --btn-primary-hover-color: var(--btn-hover-color); + --btn-primary-hover-bg: var(--btn-hover-bg); + --btn-primary-focus-color: var(--btn-focus-color); + --btn-primary-focus-bg: var(--btn-focus-bg); + --btn-primary-focus-border-color: var(--btn-focus-border-color); + + --btn-secondary-color: #ffffff; + --btn-secondary-bg: transparent; + --btn-secondary-border-width: 1px; + --btn-secondary-border-color: #ffffff; + --btn-secondary-hover-color: var(--btn-secondary-color); + --btn-secondary-hover-bg: var(--color-accent-1-700); + --btn-secondary-hover-border-color: rgba(255, 255, 255, 0); + --btn-secondary-focus-color: var(--btn-secondary-hover-color); + --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); + --btn-secondary-focus-border-color: var(--btn-focus-border-color); } #peregrine-app .theme-dark { - --bg-primary: var(--ocean-gradient-1); - --bg-secondary: #ffffff; + --bg-primary: var(--ocean-gradient-1); + --bg-secondary: #ffffff; - --border-primary-color: rgba(255,255,255,0.6); + --border-primary-color: rgba(255, 255, 255, 0.6); - --text-primary-color: rgba(255,255,255,0.87); - --text-secondary-color: rgba(255,255,255,0.6); + --text-primary-color: rgba(255, 255, 255, 0.87); + --text-secondary-color: rgba(255, 255, 255, 0.6); - --link-primary-color: #ffffff; - --link-primary-color-hover: var(--color-accent-1-50); - --focus-border-color: var(--color-accent-1-100); + --link-primary-color: #ffffff; + --link-primary-color-hover: var(--color-accent-1-50); + --focus-border-color: var(--color-accent-1-100); } /* Individual overwrites */ -#peregrine-app [class$='components-cards'].theme-light .card--bg { - --text-primary-color: rgba(255,255,255,0.87); - --text-secondary-color: rgba(255,255,255,0.6); +#peregrine-app [class$="components-cards"].theme-light .card--bg { + --text-primary-color: rgba(255, 255, 255, 0.87); + --text-secondary-color: rgba(255, 255, 255, 0.6); } -#peregrine-app [class$='components-cards'].theme-dark .card--bg, -#peregrine-app [class$='components-accordion'].theme-dark .accordion-container .bg-secondary { - /* Apply black text colour because otherwise it would render white on white */ - --text-primary-color: rgba(0,0,0,0.87); - --text-secondary-color: rgba(0,0,0,0.6); +#peregrine-app [class$="components-cards"].theme-dark .card--bg, +#peregrine-app + [class$="components-accordion"].theme-dark + .accordion-container + .bg-secondary { + /* Apply black text colour because otherwise it would render white on white */ + --text-primary-color: rgba(0, 0, 0, 0.87); + --text-secondary-color: rgba(0, 0, 0, 0.6); } -#peregrine-app [class$='components-accordion'].theme-light .accordion-container .bg-secondary { - /* Reduce strong visual noise by removing the default primary background colour */ - --bg-secondary: rgba(255,255,255,0.6); +#peregrine-app + [class$="components-accordion"].theme-light + .accordion-container + .bg-secondary { + /* Reduce strong visual noise by removing the default primary background colour */ + --bg-secondary: rgba(255, 255, 255, 0.6); } #peregrine-app .theme-light .accordion-container.accordion-container, #peregrine-app .theme-dark .accordion-container.accordion-container { - background: transparent; + background: transparent; } -#peregrine-app [class$='components-quote'] { - --border-primary-color: var(--color-accent-1-700); +#peregrine-app [class$="components-quote"] { + --border-primary-color: var(--color-accent-1-700); } -#peregrine-app .theme-dark[class$="-components-navigation"] a:hover{ - color: var(--color-accent-1-700); -} \ No newline at end of file +#peregrine-app .theme-dark[class$="-components-navigation"] a:hover { + color: var(--color-accent-1-700); +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/.content.xml index 6d77083ce..4abcfa40e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/.content.xml @@ -1,24 +1,41 @@ - - + + - - - + jcr:lastModified="{Date}2019-05-06T21:15:41.195Z" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="errors" + sling:resourceType="themecleanflex/components/page" + description="errors" + name="errors" + template="/content/themecleanflex/templates/footer/header-footer" + templatePath="/content/themecleanflex/templates" + excludeFromSitemap="{Boolean}true" + excludeTreeFromSitemap="{Boolean}true" + > + + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/404/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/404/.content.xml index 55615c7ed..6ad851455 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/404/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/404/.content.xml @@ -1,22 +1,39 @@ - - + + - - - + jcr:lastModified="{Date}2019-05-06T21:15:41.195Z" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="404 error" + sling:resourceType="themecleanflex/components/page" + description="404 error" + name="404" + template="/content/themecleanflex/templates/footer/header-footer" + templatePath="/content/themecleanflex/templates" + > + + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/index/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/index/.content.xml index b881d67cb..8c285ca8e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/index/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/index/.content.xml @@ -1,223 +1,240 @@ - - + + - + jcr:lastModified="{Date}2020-07-14T05:44:40.591-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Home" + sling:resourceType="themecleanflex/components/page" + description="sample root page of the site" + name="index" + ogImage="" + ogImageAlt="" + ogTitle="" + ogType="website" + ogUrl="" + template="/content/themecleanflex/templates/footer" + templatePath="/content/themecleanflex/templates" + useDescription="true" + useTitle="true" + > + + jcr:lastModified="{Date}2020-07-14T05:44:40.590-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + alignbuttons="center" + aligncontent="center" + backgroundtype="image" + bgcolor="#dbdbdb" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="30" + buttonsize="large" + color2="#c0c0c0" + colorscheme="light" + custombackground="false" + fullheight="true" + htmlelement="section" + imagesrc="" + isprimary="true" + mediaposition="before" + mediawidth="50" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + showbutton="true" + showsubtitle="true" + showtitle="true" + subtitle="Your Needs - Our Services" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + textwidth="100" + title="example Inc" + toppadding="30" + videosrc="" + > + jcr:lastModified="{Date}2020-07-14T05:44:40.590-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages/articles" + buttontext="Our Articles" + component="nt:unstructured" + iconclass="" + name="buttons1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/nbd4db08a-f945-425c-a565-5e824304e07e/buttons/buttons1" + /> + jcr:lastModified="{Date}2020-07-13T15:20:50.208-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + alignbuttons="center" + aligncontent="center" + backgroundtype="gradient" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="0" + buttonsize="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + gradient="true" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlaycolor="#ffffff" + overlayopacity="50" + showbutton="false" + showsubtitle="true" + showtext="false" + showtitle="true" + subtitle="Molestiae alias et inventore voluptas" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + textwidth="100" + title="Our Services" + toppadding="30" + videosrc="" + > + jcr:lastModified="{Date}2020-07-13T15:20:50.206-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="See More" + component="nt:unstructured" + iconclass="" + name="buttons0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n18f5aba5-9653-4db0-9a20-13092813533f/buttons/buttons0" + /> + jcr:lastModified="{Date}2020-07-13T15:20:50.207-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + component="nt:unstructured" + iconclass="" + name="buttons1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n18f5aba5-9653-4db0-9a20-13092813533f/buttons/buttons1" + /> + jcr:lastModified="{Date}2020-07-13T15:51:33.252-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="33" + cardborder="true" + cardcolor="#ffffff" + cardsperrow="3" + cardsperrowmobile="1" + cardsperrowtab="3" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + customcardcolor="false" + fullheight="false" + htmlelement="section" + overlaycolor="#ffffff" + overlayopacity="50" + roundedcorners="large" + showbutton="false" + showcard="true" + showtext="true" + showtitle="true" + toppadding="20" + > + jcr:lastModified="{Date}2020-07-13T15:51:33.249-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="center" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttonsize="default" + buttontext="View" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/16x9.png" + imagealttext="Organized rope hanging on a winch" + imagewidth="" + name="cards0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n8ce6d014-0487-4f81-97ca-2ba2b75b405b/cards/cards0" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor." + title="Service 1" + /> + jcr:lastModified="{Date}2020-07-13T15:51:33.250-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="center" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttonsize="default" + buttontext="View" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/16x9.png" + imagealttext="Several sets of rope" + imagewidth="" + name="cards1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n8ce6d014-0487-4f81-97ca-2ba2b75b405b/cards/cards1" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Service 2" + /> + jcr:lastModified="{Date}2020-07-13T15:51:33.251-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="center" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttonsize="default" + buttontext="View" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/16x9.png" + imagealttext="Messy pile of rope" + imagewidth="" + name="cards2" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n8ce6d014-0487-4f81-97ca-2ba2b75b405b/cards/cards2" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Service 3" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/.content.xml index 5c7a9d123..b3c35ebea 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/.content.xml @@ -1,6 +1,24 @@ - - - + + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/site-analytics.js b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/site-analytics.js index 193b31629..b7bcfb382 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/site-analytics.js +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/site-analytics.js @@ -1,16 +1,18 @@ var Analytics = _analytics.init({ - app: 'YOUR-SITE', - plugins: [ - { - name: 'console-plugin', - track: ({ payload}) => { console.log(payload) } - }, - analyticsPerfumeJs({ - perfume: Perfume, - category: 'perfMetrics' - }), - analyticsGa.init({ - trackingId: 'YOUR-GOOGLE-TRACKING-ID' - }) - ] - }) + app: "YOUR-SITE", + plugins: [ + { + name: "console-plugin", + track: ({ payload }) => { + console.log(payload); + }, + }, + analyticsPerfumeJs({ + perfume: Perfume, + category: "perfMetrics", + }), + analyticsGa.init({ + trackingId: "YOUR-GOOGLE-TRACKING-ID", + }), + ], +}); diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/.content.xml index 3105e0036..7f4905cb2 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/.content.xml @@ -1,371 +1,446 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="component library" + description="component library themecleanflex component library" + brand="themecleanflex" + excludeFromSitemap="{Boolean}true" + excludeTreeFromSitemap="{Boolean}true" + template="/content/themecleanflex/templates" + > + + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="false" + showcard="true" + toppadding="20" + cardsperrow="4" + customcardcolor="true" + cardcolor="#eeeeee" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/.content.xml index 9d0caa055..5ca754a72 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/.content.xml @@ -1,205 +1,437 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordion" + description="accordion themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="dark" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordiondark/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordiondark/.content.xml index 5ee19db72..982e5090d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordiondark/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordiondark/.content.xml @@ -1,472 +1,1306 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample-accordiondark" + description="accordionsample-accordiondark themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="dark" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="light" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="light" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="gradient" + colorscheme="dark" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="gradient" + colorscheme="dark" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="gradient" + colorscheme="light" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="gradient" + colorscheme="light" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="gradient" + colorscheme="" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="gradient" + colorscheme="" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="image" + colorscheme="dark" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="image" + colorscheme="dark" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="image" + colorscheme="light" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="image" + colorscheme="light" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="image" + colorscheme="" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="image" + colorscheme="" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="dark" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="dark" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="light" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="light" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="video" + colorscheme="dark" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="video" + colorscheme="dark" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="video" + colorscheme="light" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="video" + colorscheme="light" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="video" + colorscheme="" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="video" + colorscheme="" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordionmedia/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordionmedia/.content.xml index 1a5c4ebcf..a352c3910 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordionmedia/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordionmedia/.content.xml @@ -1,472 +1,1335 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample-accordionmedia" + description="accordionsample-accordionmedia themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-bg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-bg/.content.xml index 7f69fe8e8..8d7173c0d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-bg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-bg/.content.xml @@ -1,530 +1,1468 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample-bg" + description="accordionsample-bg themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff80c0" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff80c0" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff80c0" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff80c0" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff80c0" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="false" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="false" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="false" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="false" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="false" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="false" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-blank/.content.xml index c69411b5f..f662dcc61 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample-blank" + description="accordionsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-rte/.content.xml index 1b10c7123..e1c76ebeb 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-rte/.content.xml @@ -1,530 +1,1393 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample-rte" + description="accordionsample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-toggle/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-toggle/.content.xml index c15e91b9c..6352106f1 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-toggle/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-toggle/.content.xml @@ -1,530 +1,1393 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample-toggle" + description="accordionsample-toggle themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-togglemedia/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-togglemedia/.content.xml index 972497a59..8b3f78a67 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-togglemedia/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-togglemedia/.content.xml @@ -1,472 +1,1364 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample-togglemedia" + description="accordionsample-togglemedia themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample/.content.xml index 656180dc5..4ddb4b12f 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample/.content.xml @@ -1,530 +1,1393 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample" + description="accordionsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/block/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/block/.content.xml index 3ffade4cc..018af234e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/block/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/block/.content.xml @@ -1,79 +1,126 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="block" + description="block themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/.content.xml index 92a9be584..ce419b91d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/.content.xml @@ -1,90 +1,143 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="breadcrumb" + description="breadcrumb themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/sample/.content.xml index 441ad324a..fb2bd1d53 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/sample/.content.xml @@ -1,385 +1,766 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="breadcrumbsample" + description="breadcrumbsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="false" + colorscheme="light" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="false" + colorscheme="light" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="false" + colorscheme="" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="false" + colorscheme="" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/.content.xml index 187febda6..cf8d0f2d2 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/.content.xml @@ -1,151 +1,356 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="cards" + description="cards themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-blank/.content.xml index 651c0eca0..16930b741 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-blank/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="cardssample-blank" + description="cardssample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-cardsnobackground/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-cardsnobackground/.content.xml index 1d0807660..f26ae5aba 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-cardsnobackground/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-cardsnobackground/.content.xml @@ -1,588 +1,2292 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="cardssample-cardsnobackground" + description="cardssample-cardsnobackground themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-rte/.content.xml index fa2d6ed87..b772114c4 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-rte/.content.xml @@ -1,530 +1,1886 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="cardssample-rte" + description="cardssample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample/.content.xml index ee5661995..8773d9eb2 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample/.content.xml @@ -1,588 +1,2350 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="cardssample" + description="cardssample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/.content.xml index 68f571884..c70491e15 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/.content.xml @@ -1,159 +1,273 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="carousel" + description="carousel themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + > + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="none" + indicators="false" + autoplay="true" + wrap="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-blank/.content.xml index 95dcc8260..af0776ea6 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="carouselsample-blank" + description="carouselsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-owl/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-owl/.content.xml index 293ed2487..b23966364 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-owl/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-owl/.content.xml @@ -1,704 +1,1404 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="carouselsample-owl" + description="carouselsample-owl themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="false" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="false" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="false" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="false" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="false" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="false" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-rte/.content.xml index bd0fa9468..da2c23b2a 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-rte/.content.xml @@ -1,617 +1,1375 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="carouselsample-rte" + description="carouselsample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="light" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="light" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample/.content.xml index a44aff237..52be41881 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample/.content.xml @@ -1,617 +1,1433 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="carouselsample" + description="carouselsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="false" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="false" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="false" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="false" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="false" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="false" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/.content.xml index a50d0bb8d..0d76ed77e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/.content.xml @@ -1,53 +1,78 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="code" + description="code themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample-blank/.content.xml index 30c951c84..92ca8b9b7 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample-blank/.content.xml @@ -1,356 +1,737 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="codesample-blank" + description="codesample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample/.content.xml index 81cf3d4c9..e7588f7c6 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample/.content.xml @@ -1,356 +1,737 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="codesample" + description="codesample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/.content.xml index e48d65c72..459e7c336 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/.content.xml @@ -1,89 +1,140 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="container" + description="container themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/sample/.content.xml index f4bac0084..361595a39 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/sample/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="containersample" + description="containersample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/.content.xml index 5d0a17b93..dec3a70be 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/.content.xml @@ -1,89 +1,140 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="containerblock" + description="containerblock themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/sample/.content.xml index b349d37b2..a06698ec1 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/sample/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="containerblocksample" + description="containerblocksample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/.content.xml index 3a60d1978..704d031ef 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/.content.xml @@ -1,180 +1,370 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="footer" + description="footer themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-blank/.content.xml index 97e4544e6..d7e58304d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="footersample-blank" + description="footersample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-light/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-light/.content.xml index 452799196..e2a19274c 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-light/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-light/.content.xml @@ -1,849 +1,2298 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="footersample-light" + description="footersample-light themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-rte/.content.xml index 8215f828f..8133e4d83 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-rte/.content.xml @@ -1,849 +1,2298 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="footersample-rte" + description="footersample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample/.content.xml index 4718b1945..71dbdb2f9 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample/.content.xml @@ -1,849 +1,2298 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="footersample" + description="footersample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/.content.xml index 6dcfad0d8..b227c4dc5 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/.content.xml @@ -1,139 +1,256 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="header" + description="header themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-blank/.content.xml index 1df7ef9dc..ca1b034d8 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="headersample-blank" + description="headersample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-dark/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-dark/.content.xml index 678cd8ba0..55e85247e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-dark/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-dark/.content.xml @@ -1,646 +1,1683 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="headersample-dark" + description="headersample-dark themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample/.content.xml index f68ee8ef8..8e1d3e28f 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample/.content.xml @@ -1,646 +1,1683 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="headersample" + description="headersample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/media/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/media/.content.xml index 8dbae36ae..22247430d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/media/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/media/.content.xml @@ -1,79 +1,126 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="media" + description="media themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/.content.xml index 57f389693..e8afb169a 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/.content.xml @@ -1,119 +1,194 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="mediablock" + description="mediablock themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-blank/.content.xml index 10f1ddea2..61de8f4e0 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="mediablocksample-blank" + description="mediablocksample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-image/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-image/.content.xml index 175a10049..841ccbedf 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-image/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-image/.content.xml @@ -1,356 +1,830 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="mediablocksample-image" + description="mediablocksample-image themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample/.content.xml index 640ef2423..c0a8cf45e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample/.content.xml @@ -1,356 +1,830 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="mediablocksample" + description="mediablocksample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediavisible/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediavisible/.content.xml index 736e53346..7278e919d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediavisible/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediavisible/.content.xml @@ -1,79 +1,126 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="mediavisible" + description="mediavisible themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/.content.xml index 3eec6bbac..0400fc893 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/.content.xml @@ -1,95 +1,158 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="menubuttons" + description="menubuttons themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/sample/.content.xml index 9f8237817..f62566a0d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/sample/.content.xml @@ -1,530 +1,1201 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="menubuttonssample" + description="menubuttonssample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/.content.xml index c780c313a..8c712438a 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/.content.xml @@ -1,109 +1,172 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="navigation" + description="navigation themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample-blank/.content.xml index fb8daab72..462a0a027 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="navigationsample-blank" + description="navigationsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample/.content.xml index 77409ec2f..219e15b01 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="navigationsample" + description="navigationsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/.content.xml index bbb7578ff..bbedbbf57 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/.content.xml @@ -1,169 +1,283 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="note" + description="note themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-blank/.content.xml index 132b18c0c..25ab721ef 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-blank" + description="notesample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-caution/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-caution/.content.xml index 075cea060..523d9f6a3 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-caution/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-caution/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-caution" + description="notesample-caution themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-important/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-important/.content.xml index f3eee77e5..2595f4f83 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-important/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-important/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-important" + description="notesample-important themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-note/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-note/.content.xml index d92b6a2a0..0b1cf32b3 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-note/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-note/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-note" + description="notesample-note themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-rte/.content.xml index 1654f5694..3b9ea8443 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-rte/.content.xml @@ -1,356 +1,766 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-rte" + description="notesample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-tip/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-tip/.content.xml index 8b1b80771..ac9cbbb16 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-tip/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-tip/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-tip" + description="notesample-tip themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning-dark/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning-dark/.content.xml index b34be0c70..804351882 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning-dark/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning-dark/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-warning-dark" + description="notesample-warning-dark themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="false" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="false" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="false" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="false" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning/.content.xml index e866b9e96..2b4bd3db5 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-warning" + description="notesample-warning themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample/.content.xml index 83a3eb2fa..c469e7a6b 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample/.content.xml @@ -1,356 +1,766 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample" + description="notesample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/.content.xml index 2e177972a..7a6d08e23 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/.content.xml @@ -1,109 +1,172 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pagelist" + description="pagelist themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample-blank/.content.xml index 28c9ec47d..b2c1452cd 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pagelistsample-blank" + description="pagelistsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample/.content.xml index c26ef3f59..c3b277fb7 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pagelistsample" + description="pagelistsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/.content.xml index 591bdda22..e7c186a71 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/.content.xml @@ -1,89 +1,140 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pagelistnested" + description="pagelistnested themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/sample/.content.xml index d5818e31a..fabaaa107 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/sample/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pagelistnestedsample" + description="pagelistnestedsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/.content.xml index 7d49c63d6..7fdc9d6a4 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/.content.xml @@ -1,109 +1,173 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pager" + description="pager themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample-blank/.content.xml index 303b8edbd..17105f2fc 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pagersample-blank" + description="pagersample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample/.content.xml index d7360ab69..b815403ed 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pagersample" + description="pagersample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="false" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="false" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="false" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="false" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="false" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="false" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/.content.xml index 3288b8e29..267a48121 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/.content.xml @@ -1,129 +1,216 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="quote" + description="quote themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blank/.content.xml index ce68e7920..7a56e6671 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="quotesample-blank" + description="quotesample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blockquote/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blockquote/.content.xml index 767f12289..d0bd26dac 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blockquote/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blockquote/.content.xml @@ -1,356 +1,824 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="quotesample-blockquote" + description="quotesample-blockquote themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-largequote/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-largequote/.content.xml index 08706dc83..d2890bf33 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-largequote/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-largequote/.content.xml @@ -1,356 +1,824 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="quotesample-largequote" + description="quotesample-largequote themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-rte/.content.xml index 69f58575e..9d2c96380 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-rte/.content.xml @@ -1,356 +1,824 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="quotesample-rte" + description="quotesample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample/.content.xml index ce1e5dd55..0a687616f 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample/.content.xml @@ -1,356 +1,824 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="quotesample" + description="quotesample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/.content.xml index e482550a6..d3e219b1f 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/.content.xml @@ -1,129 +1,206 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="richtext" + description="richtext themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-allstyles/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-allstyles/.content.xml index 56148ecdf..7083bc908 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-allstyles/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-allstyles/.content.xml @@ -1,356 +1,708 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="richtextsample-allstyles" + description="richtextsample-allstyles themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-blank/.content.xml index 47bb71540..bc542ed37 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="richtextsample-blank" + description="richtextsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-media/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-media/.content.xml index 40d67fd83..035a387f5 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-media/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-media/.content.xml @@ -1,356 +1,911 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="richtextsample-media" + description="richtextsample-media themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample/.content.xml index ac3d21adc..935f9b0e7 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample/.content.xml @@ -1,356 +1,708 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="richtextsample" + description="richtextsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/.content.xml index 697004bca..2b8286e50 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/.content.xml @@ -1,129 +1,203 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="simpletext" + description="simpletext themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-blank/.content.xml index d16a7d0a0..8512e0ad2 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-blank/.content.xml @@ -1,356 +1,708 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="simpletextsample-blank" + description="simpletextsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h1/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h1/.content.xml index 8600d4faa..037cc65df 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h1/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h1/.content.xml @@ -1,356 +1,737 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="simpletextsample-h1" + description="simpletextsample-h1 themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h2/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h2/.content.xml index 346198d5b..c50364018 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h2/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h2/.content.xml @@ -1,356 +1,737 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="simpletextsample-h2" + description="simpletextsample-h2 themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample/.content.xml index 3c3620dbd..9be2ff780 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample/.content.xml @@ -1,356 +1,737 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="simpletextsample" + description="simpletextsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/.content.xml index 199cf10af..43dfeab82 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/.content.xml @@ -1,99 +1,170 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="socialicons" + description="socialicons themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/sample/.content.xml index d8c18633f..ae6f6e834 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/sample/.content.xml @@ -1,646 +1,1549 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="socialiconssample" + description="socialiconssample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/.content.xml index 84192ccdf..1ea79b6d1 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/.content.xml @@ -1,119 +1,188 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="spacer" + description="spacer themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-blank/.content.xml index d76df991a..53a507c14 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-blank/.content.xml @@ -1,356 +1,708 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="spacersample-blank" + description="spacersample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-image/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-image/.content.xml index 46b493391..1de0ebb7b 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-image/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-image/.content.xml @@ -1,356 +1,737 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="spacersample-image" + description="spacersample-image themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample/.content.xml index 5db3b0756..dbe31c56f 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample/.content.xml @@ -1,356 +1,708 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="spacersample" + description="spacersample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/.content.xml index 96e1be53c..7c6da25b9 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/.content.xml @@ -1,147 +1,278 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="tabs" + description="tabs themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-blank/.content.xml index a91c6c518..0591abc36 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="tabssample-blank" + description="tabssample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-media/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-media/.content.xml index f77ab740b..48e502d60 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-media/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-media/.content.xml @@ -1,530 +1,1422 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="tabssample-media" + description="tabssample-media themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="false" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="false" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-rte/.content.xml index b511baf8c..bf14d46be 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-rte/.content.xml @@ -1,530 +1,1393 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="tabssample-rte" + description="tabssample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="false" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="false" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample/.content.xml index 2af874d24..5b504ab63 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample/.content.xml @@ -1,530 +1,1393 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="tabssample" + description="tabssample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="false" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="false" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/.content.xml index 5afef2742..e6a3ba2a6 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/.content.xml @@ -1,89 +1,143 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="tags" + description="tags themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/sample/.content.xml index 7e92c2df2..996961a45 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/sample/.content.xml @@ -1,356 +1,766 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="tagssample" + description="tagssample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/.content.xml index 32d236f17..095ed7eca 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/.content.xml @@ -1,127 +1,246 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserhorizontal" + description="teaserhorizontal themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-blank/.content.xml index 02f2cc9c8..fed3ebd30 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserhorizontalsample-blank" + description="teaserhorizontalsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-rte/.content.xml index eac70bf28..b20871743 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-rte/.content.xml @@ -1,472 +1,1538 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserhorizontalsample-rte" + description="teaserhorizontalsample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample/.content.xml index aeed807a8..4632bd9e4 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample/.content.xml @@ -1,472 +1,1538 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserhorizontalsample" + description="teaserhorizontalsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/.content.xml index 4bfbce63d..51fc9ee69 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/.content.xml @@ -1,155 +1,334 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaservertical" + description="teaservertical themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-blank/.content.xml index da95a1c1f..4a890f5ff 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserverticalsample-blank" + description="teaserverticalsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-mediateaser/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-mediateaser/.content.xml index 2b8e08eda..aab940f80 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-mediateaser/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-mediateaser/.content.xml @@ -1,472 +1,1625 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserverticalsample-mediateaser" + description="teaserverticalsample-mediateaser themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-rte/.content.xml index 64116bbdc..309b19f62 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-rte/.content.xml @@ -1,472 +1,1451 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserverticalsample-rte" + description="teaserverticalsample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-teaserfull/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-teaserfull/.content.xml index 0bcb0c868..eda8b4514 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-teaserfull/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-teaserfull/.content.xml @@ -1,472 +1,1491 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserverticalsample-teaserfull" + description="teaserverticalsample-teaserfull themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample/.content.xml index 870f596ff..1a69bef4a 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample/.content.xml @@ -1,472 +1,1451 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserverticalsample" + description="teaserverticalsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/.content.xml index 180fdd41c..e6d0289ff 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/.content.xml @@ -1,95 +1,158 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="textlinks" + description="textlinks themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/sample/.content.xml index 70dd84e05..ab020efde 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/sample/.content.xml @@ -1,530 +1,1201 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="textlinkssample" + description="textlinkssample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/manifest.json b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/manifest.json index a0c611dd7..0c26ac50a 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/manifest.json +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/manifest.json @@ -1,30 +1,30 @@ { - "short_name": "themeclean flex", - "name": "peregrine themeclean flex example site", - "display": "fullscreen", - "theme_color": "#c0c0c0", - "background_color": "#ffffff", - "icons": [ - { - "src": "/content/themecleanflex/assets/icons/launcher-icon-1x.png", - "type": "image/png", - "sizes": "48x48" - }, - { - "src": "/content/themecleanflex/assets/icons/launcher-icon-2x.png", - "type": "image/png", - "sizes": "96x96" - }, - { - "src": "/content/themecleanflex/assets/icons/launcher-icon-4x.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "/content/themecleanflex/assets/icons/launcher-icon-4x.png", - "type": "image/png", - "sizes": "512x512" - } - ], - "start_url": "/content/themecleanflex/pages/index.html" + "short_name": "themeclean flex", + "name": "peregrine themeclean flex example site", + "display": "fullscreen", + "theme_color": "#c0c0c0", + "background_color": "#ffffff", + "icons": [ + { + "src": "/content/themecleanflex/assets/icons/launcher-icon-1x.png", + "type": "image/png", + "sizes": "48x48" + }, + { + "src": "/content/themecleanflex/assets/icons/launcher-icon-2x.png", + "type": "image/png", + "sizes": "96x96" + }, + { + "src": "/content/themecleanflex/assets/icons/launcher-icon-4x.png", + "type": "image/png", + "sizes": "192x192" + }, + { + "src": "/content/themecleanflex/assets/icons/launcher-icon-4x.png", + "type": "image/png", + "sizes": "512x512" + } + ], + "start_url": "/content/themecleanflex/pages/index.html" } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/serviceworker.js b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/serviceworker.js index 61f932753..fcdb16b69 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/serviceworker.js +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/serviceworker.js @@ -1,55 +1,57 @@ - -importScripts('https://storage.googleapis.com/workbox-cdn/releases/4.2.0/workbox-sw.js'); +importScripts( + "https://storage.googleapis.com/workbox-cdn/releases/4.2.0/workbox-sw.js" +); if (workbox) { - console.log(`init service worker`); - - workbox.precaching.precacheAndRoute(['/content/themecleanflex/pages/index.html']); - workbox.routing.registerRoute( - // Cache CSS files. - /\.css$/, - // Use cache but update in the background. - new workbox.strategies.NetworkFirst({ - // Use a custom cache name. - cacheName: 'css-cache', - }) - ); + console.log(`init service worker`); -workbox.routing.registerRoute( - // Cache CSS files. - /\.json$/, - // Use cache but update in the background. - new workbox.strategies.NetworkFirst({ - // Use a custom cache name. - cacheName: 'json-cache', - }) -); + workbox.precaching.precacheAndRoute([ + "/content/themecleanflex/pages/index.html", + ]); + workbox.routing.registerRoute( + // Cache CSS files. + /\.css$/, + // Use cache but update in the background. + new workbox.strategies.NetworkFirst({ + // Use a custom cache name. + cacheName: "css-cache", + }) + ); -workbox.routing.registerRoute( - // Cache CSS files. - /\.html$/, - // Use cache but update in the background. - new workbox.strategies.NetworkFirst() -); + workbox.routing.registerRoute( + // Cache CSS files. + /\.json$/, + // Use cache but update in the background. + new workbox.strategies.NetworkFirst({ + // Use a custom cache name. + cacheName: "json-cache", + }) + ); -workbox.routing.registerRoute( - // Cache image files. - /\.(?:png|jpg|jpeg|svg|gif)$/, - // Use the cache if it's available. - new workbox.strategies.CacheFirst({ - // Use a custom cache name. - cacheName: 'image-cache', - plugins: [ - new workbox.expiration.Plugin({ - // Cache only 20 images. - maxEntries: 20, - // Cache for a maximum of a week. - maxAgeSeconds: 7 * 24 * 60 * 60, - }) - ], - }) -); - + workbox.routing.registerRoute( + // Cache CSS files. + /\.html$/, + // Use cache but update in the background. + new workbox.strategies.NetworkFirst() + ); + + workbox.routing.registerRoute( + // Cache image files. + /\.(?:png|jpg|jpeg|svg|gif)$/, + // Use the cache if it's available. + new workbox.strategies.CacheFirst({ + // Use a custom cache name. + cacheName: "image-cache", + plugins: [ + new workbox.expiration.Plugin({ + // Cache only 20 images. + maxEntries: 20, + // Cache for a maximum of a week. + maxAgeSeconds: 7 * 24 * 60 * 60, + }), + ], + }) + ); } else { - console.log(`no service worker, sorry`); -} \ No newline at end of file + console.log(`no service worker, sorry`); +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/sitemap/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/sitemap/.content.xml index 436b54e4c..aad9bdba6 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/sitemap/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/sitemap/.content.xml @@ -1,65 +1,77 @@ - - + + - - + jcr:lastModified="{Date}2020-07-13T15:49:05.794-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Sitemap" + sling:resourceType="themecleanflex/components/page" + excludeFromSitemap="{Boolean}true" + excludeTreeFromSitemap="{Boolean}true" + name="sitemap" + skeletonPagePath="" + template="/content/themecleanflex/templates/footer/header-footer" + templatePath="/content/themecleanflex/templates/footer/header-footer" + > + + + jcr:lastModified="{Date}2020-07-13T15:29:14.053-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + element="h1" + fullheight="false" + htmlelement="section" + overlaycolor="#ffffff" + overlayopacity="50" + text="Sitemap" + /> + jcr:lastModified="{Date}2020-07-13T15:29:47.540-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + excludesitemapexcludes="true" + fullheight="false" + htmlelement="section" + levels="{Long}2" + overlaycolor="#ffffff" + overlayopacity="50" + rootpage="/content/themecleanflex/pages" + rootPageLink="/content/themecleanflex/pages" + rootPageTitle="pages" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/.content.xml index b640429a3..b4cc354bb 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/.content.xml @@ -1,69 +1,77 @@ - - + + + jcr:lastModified="{Date}2020-07-13T12:16:50.935-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="skeleton-pages" + sling:resourceType="themecleanflex/components/page" + excludeFromSitemap="{Boolean}true" + excludeTreeFromSitemap="{Boolean}true" + name="skeleton-pages" + skeletonPagePath="" + template="/content/themecleanflex/templates/blank" + templatePath="/content/themecleanflex/templates/blank" + > + jcr:lastModified="{Date}2020-07-13T12:15:27.555-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlaycolor="#ffffff" + overlayopacity="50" + text="<p>The child pages of this page serve as skeleton pages (stubs). When you create a new page you can either select to create from a template or select to create from a skeleton page. A skeleton page is a template with initial content on the page that can be modified.&nbsp;</p><p>Your website currently has the following skeleton pages:</p>" + videosrc="" + /> + jcr:lastModified="{Date}2020-07-13T12:15:52.036-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + excludeSitemapExcludes="false" + fullheight="false" + htmlelement="section" + levels="1" + overlaycolor="#ffffff" + overlayopacity="50" + rootpage="/content/themecleanflex/pages/skeleton-pages" + rootPageLink="not adaptable" + rootPageTitle="not adaptable" + /> -
              - - - +
              + + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/about-us/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/about-us/.content.xml index 029919926..b3c36ef55 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/about-us/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/about-us/.content.xml @@ -1,184 +1,203 @@ - - + + - - + jcr:lastModified="{Date}2020-07-13T13:02:41.931-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="About Us" + sling:resourceType="themecleanflex/components/page" + name="about-us" + skeletonPagePath="" + template="/content/themecleanflex/templates/footer/header-footer" + templatePath="/content/themecleanflex/templates/footer/header-footer" + > + + + jcr:lastModified="{Date}2020-07-13T12:55:58.558-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + alignbuttons="center" + aligncontent="center" + backgroundtype="gradient" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="30" + buttonsize="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + gradient="true" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlaycolor="#ffffff" + overlayopacity="50" + showbutton="false" + showsubtitle="true" + showtext="false" + showtitle="true" + subtitle="Read more about what drives. " + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + textwidth="100" + title="About Us" + toppadding="30" + videosrc="" + > + jcr:lastModified="{Date}2020-07-13T12:55:58.556-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="See More" + component="nt:unstructured" + iconclass="" + name="buttons0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/n00143e7c-15e3-490b-af2e-7d0b0cbf0c83/buttons/buttons0" + /> + jcr:lastModified="{Date}2020-07-13T12:55:58.557-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + component="nt:unstructured" + iconclass="" + name="buttons1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/n00143e7c-15e3-490b-af2e-7d0b0cbf0c83/buttons/buttons1" + /> + jcr:lastModified="{Date}2020-07-13T12:56:43.511-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="20" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlaycolor="#ffffff" + overlayopacity="50" + text="<h2 style="text-align: center;">Our Customers</h2>" + videosrc="" + /> + jcr:lastModified="{Date}2020-07-13T13:02:41.930-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + autoplay="true" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="article" + bottompadding="21" + captionbg="true" + carouselheight="10" + color2="#c0c0c0" + colorscheme="" + controls="true" + custombackground="false" + fullheight="false" + htmlelement="section" + indicators="false" + interval="5" + itemsperpage="3" + overlaycolor="#ffffff" + overlayopacity="50" + pause="false" + toppadding="10" + wrap="true" + > + jcr:lastModified="{Date}2020-07-13T13:02:41.918-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + alt="" + component="nt:unstructured" + imagefit="" + imagepath="/content/themecleanflex/assets/placeholders/1x1.png" + name="slides0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nfbf5c432-3381-438b-803a-7c54b71a468b/slides/slides0" + slidelink="" + text="" + /> + jcr:lastModified="{Date}2020-07-13T13:02:41.922-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + alt="" + component="nt:unstructured" + imagefit="" + imagepath="/content/themecleanflex/assets/placeholders/1x1.png" + name="slides1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nfbf5c432-3381-438b-803a-7c54b71a468b/slides/slides1" + slidelink="" + text="" + /> + jcr:lastModified="{Date}2020-07-13T13:02:41.925-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + alt="" + component="nt:unstructured" + imagefit="" + imagepath="/content/themecleanflex/assets/placeholders/1x1.png" + name="slides2" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nfbf5c432-3381-438b-803a-7c54b71a468b/slides/slides2" + slidelink="" + text="" + /> + jcr:lastModified="{Date}2020-07-13T13:02:41.927-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + alt="" + component="nt:unstructured" + imagefit="" + imagepath="/content/themecleanflex/assets/placeholders/1x1.png" + name="slides3" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nfbf5c432-3381-438b-803a-7c54b71a468b/slides/slides3" + slidelink="" + text="" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/article/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/article/.content.xml index 16f6e262d..5fe6873eb 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/article/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/article/.content.xml @@ -1,123 +1,148 @@ - - + + - - - + jcr:lastModified="{Date}2020-07-13T13:41:56.107-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Article" + sling:resourceType="themecleanflex/components/page" + name="article" + skeletonPagePath="" + template="/content/themecleanflex/templates/footer/header-footer/article" + templatePath="/content/themecleanflex/templates/footer/header-footer/article" + > + + + + jcr:lastModified="{Date}2020-07-13T13:22:12.765-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + backgroundtype="gradient" + bgcolor="#ffffff" + bottompadding="30" + contentname="heading" + buttonsize="default" + color2="#c0c0c0" + fullheight="false" + gradient="true" + showbutton="true" + showsubtitle="true" + showtext="true" + showtitle="true" + subtitle="Molestiae alias et inventore voluptas" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + title="Peregrine blocks" + toppadding="30" + > + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="See More" + iconclass="" + /> + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + iconclass="" + /> - - + + + jcr:lastModified="{Date}2020-07-13T13:27:36.144-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlaycolor="#ffffff" + overlayopacity="50" + contentname="byline" + text="<p>July-16-2020, Nicole Ford</p>" + videosrc="" + /> + jcr:lastModified="{Date}2020-07-13T13:28:00.636-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="0" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + htmlelement="section" + overlaycolor="#ffffff" + overlayopacity="50" + tagcolor="blue" + tagslabel="Filed in" + toppadding="0" + /> + jcr:lastModified="{Date}2020-07-13T13:27:41.926-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + /> - + + jcr:lastModified="{Date}2020-07-13T13:28:50.794-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + value="/content/themecleanflex/objects/tags/blog article" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/author/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/author/.content.xml index 2197cb26d..a6f5f963b 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/author/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/author/.content.xml @@ -1,112 +1,135 @@ - - + + - - - + jcr:lastModified="{Date}2020-07-13T14:30:47.332-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Author" + sling:resourceType="themecleanflex/components/page" + name="author" + ogImage="" + ogImageAlt="" + ogTitle="" + ogType="website" + ogUrl="" + skeletonPagePath="/content/themecleanflex/pages/skeleton-pages/article" + template="/content/themecleanflex/templates/footer/header-footer/article" + templatePath="" + useDescription="{Boolean}true" + useTitle="{Boolean}true" + > + + + + jcr:lastModified="{Date}2020-07-13T14:30:47.332-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + alignbuttons="center" + aligncontent="left" + backgroundtype="gradient" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="30" + buttonsize="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + gradient="true" + htmlelement="section" + imagesrc="/content/themecleanflex/assets/placeholders/woman.jpg" + mediaposition="after" + mediatype="image" + mediawidth="25" + overlaycolor="#ffffff" + overlayopacity="50" + showbutton="false" + showmedia="true" + showsubtitle="true" + showtext="false" + showtitle="true" + subtitle="Position - example.com, Inc" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + textwidth="100" + title="Name" + toppadding="30" + videosrc="" + > + jcr:lastModified="{Date}2020-07-13T14:30:47.329-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="See More" + component="nt:unstructured" + iconclass="" + name="buttons0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb8fdb7e0-c386-412c-951c-67d94dbdee55/ne9c0f0bc-c1fd-4557-90e9-352e9da32aaf/buttons/buttons0" + /> + jcr:lastModified="{Date}2020-07-13T14:30:47.330-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + component="nt:unstructured" + iconclass="" + name="buttons1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb8fdb7e0-c386-412c-951c-67d94dbdee55/ne9c0f0bc-c1fd-4557-90e9-352e9da32aaf/buttons/buttons1" + /> - - + + + jcr:lastModified="{Date}2020-07-13T13:27:41.926-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + /> - + + jcr:lastModified="{Date}2020-07-13T13:28:50.794-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + value="/content/themecleanflex/objects/tags/blog article" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/team/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/team/.content.xml index 4894c1a4a..54b5c80b7 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/team/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/team/.content.xml @@ -1,216 +1,236 @@ - - + + - - + jcr:lastModified="{Date}2020-07-13T12:49:47.470-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Team" + sling:resourceType="themecleanflex/components/page" + name="team" + skeletonPagePath="" + template="/content/themecleanflex/templates/footer/header-footer" + templatePath="/content/themecleanflex/templates/footer/header-footer" + > + + + jcr:lastModified="{Date}2020-07-13T12:37:21.262-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + alignbuttons="center" + aligncontent="center" + backgroundtype="gradient" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="30" + buttonsize="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + gradient="true" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlaycolor="#ffffff" + overlayopacity="50" + showbutton="false" + showsubtitle="true" + showtext="false" + showtitle="true" + subtitle="we are here for you" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + textwidth="100" + title="Our Team" + toppadding="30" + videosrc="" + > + jcr:lastModified="{Date}2020-07-13T12:37:21.260-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="See More" + component="nt:unstructured" + iconclass="" + name="buttons0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/na3b84b89-a1a5-4a88-9010-0e5e8976e4e3/buttons/buttons0" + /> + jcr:lastModified="{Date}2020-07-13T12:37:21.261-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + component="nt:unstructured" + iconclass="" + name="buttons1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/na3b84b89-a1a5-4a88-9010-0e5e8976e4e3/buttons/buttons1" + /> + jcr:lastModified="{Date}2020-07-13T12:49:47.470-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="article" + bottompadding="20" + cardborder="true" + cardcolor="#ffffff" + cardsperrow="3" + cardsperrowmobile="1" + cardsperrowtab="2" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + customcardcolor="false" + fullheight="false" + htmlelement="section" + overlaycolor="#ffffff" + overlayopacity="50" + roundedcorners="large" + showbutton="false" + showcard="true" + showtext="true" + showtitle="true" + toppadding="20" + > + jcr:lastModified="{Date}2020-07-13T12:49:47.463-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="center" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttonsize="default" + buttontext="View" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/woman.jpg" + imagealttext="Organized rope hanging on a winch" + imagewidth="" + name="cards0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb092e422-f193-4b14-81e8-732e661e62c5/cards/cards0" + text="Position 1 - Role 1" + title="Person 1" + /> + jcr:lastModified="{Date}2020-07-13T12:49:47.464-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="center" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttonsize="default" + buttontext="View" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/man.jpg" + imagealttext="Several sets of rope" + imagewidth="" + name="cards1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb092e422-f193-4b14-81e8-732e661e62c5/cards/cards1" + text="Position 2 - Role 2" + title="Person 2" + /> + jcr:lastModified="{Date}2020-07-13T12:49:47.465-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="center" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttonsize="default" + buttontext="View" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/woman.jpg" + imagealttext="Messy pile of rope" + imagewidth="" + name="cards2" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb092e422-f193-4b14-81e8-732e661e62c5/cards/cards2" + text="Position 3 - Role 3" + title="Person 3" + /> + jcr:lastModified="{Date}2020-07-13T12:49:47.466-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="center" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttonsize="default" + buttontext="View" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/man.jpg" + imagealttext="Tying a sailor knot" + imagewidth="" + name="cards3" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb092e422-f193-4b14-81e8-732e661e62c5/cards/cards3" + text="Position 4 - Role X" + title="Person 4" + /> + jcr:lastModified="{Date}2020-07-13T12:49:47.467-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="" + buttoncolor="" + buttonlink="" + buttonsize="" + buttontext="" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/woman.jpg" + imagealttext="" + imagewidth="" + name="n1594669128031" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb092e422-f193-4b14-81e8-732e661e62c5/cards/n1594669128031" + text="Position 5 - Role X" + title="Position 5" + /> + jcr:lastModified="{Date}2020-07-13T12:49:47.469-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="" + buttoncolor="" + buttonlink="" + buttonsize="" + buttontext="" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/woman.jpg" + imagealttext="" + imagewidth="" + name="n1594669133827" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb092e422-f193-4b14-81e8-732e661e62c5/cards/n1594669133827" + text="Position 6 - Role X" + title="Position 6" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/.content.xml index 5b6798665..2a760c5af 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/.content.xml @@ -1,17 +1,19 @@ - + + xmlns:sling="http://sling.apache.org/jcr/sling/1.0" + xmlns:jcr="http://www.jcp.org/jcr/1.0" + jcr:primaryType="per:Page" +> + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="themecleanflex root template" + siteCSS="[/content/themecleanflex/pages/css/commons.css,/content/themecleanflex/pages/css/palettes/default.css,/content/themecleanflex/pages/css/palette.css,/etc/felibs/themecleanflex.css,/content/themecleanflex/pages/css/custom.css,https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap]" + prefetchDNS="[https://www.youtube.com,https://s.ytimg.com,https://www.google.com,https://fonts.gstatic.com,https://www.youtube-nocookie.com]" + /> -
              - +
              + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/blank/.content.xml index 902609de5..3f730cf91 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/blank/.content.xml @@ -1,12 +1,17 @@ - - + + + jcr:lastModified="{Date}2020-07-13T10:37:43.991-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Blank" + sling:resourceType="themecleanflex/components/page" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/.content.xml index 152532ebd..289af21ae 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/.content.xml @@ -1,116 +1,130 @@ - - + + + jcr:lastModified="{Date}2020-07-13T16:05:09.594-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Footer" + sling:resourceType="themecleanflex/components/page" + > + jcr:lastModified="{Date}2020-07-13T11:44:08.819-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + colspan="12" + htmlelement="section" + mobilecolspan="12" + mobilewidth="auto" + tabletcolspan="12" + tabletwidth="auto" + width="auto" + /> + jcr:lastModified="{Date}2020-07-13T16:05:09.593-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + backgroundtype="color" + bgcolor="#eeeeee" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="0" + color2="#c0c0c0" + colorscheme="dark" + copyright="© 2020 example.com, Inc - All Rights Reserved" + custombackground="false" + fullheight="false" + htmlelement="footer" + iconcolor="#000000" + iconsize="25" + logo="/content/themecleanflex/assets/placeholders/1x1.png" + logoalttext="example company logo" + logosize="60" + logourl="/content/themecleanflex/pages/index" + overlaycolor="#ffffff" + overlayopacity="50" + showlogo="true" + toppadding="30" + > + jcr:lastModified="{Date}2020-07-13T16:05:09.589-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + name="columns0" + path="/jcr:content/nc12b75b5-25da-49e2-824e-0309b40a6a6b/columns/columns0" + text="<div><ul><li><a href="/content/themecleanflex/pages/index.html" title="" target="_self">Home</a></li><li><a href="/content/themecleanflex/pages/articles.html" title="" target="_self">Articles</a></li><li><a href="/content/themecleanflex/pages/authors.html" title="" target="_self">Authors</a></li><li><a href="/content/themecleanflex/pages/sitemap.html" title="our sitemap - access all pages of this site" target="_self">Sitemap</a></li></ul></div><div><br></div>" + title="Menu" + /> + jcr:lastModified="{Date}2020-07-13T16:05:09.589-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + name="n1594665568050" + path="/jcr:content/nc12b75b5-25da-49e2-824e-0309b40a6a6b/columns/n1594665568050" + text="" + title="" + /> + jcr:lastModified="{Date}2020-07-13T16:05:09.590-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + name="columns1" + path="/jcr:content/nc12b75b5-25da-49e2-824e-0309b40a6a6b/columns/columns1" + text="<p>EMail:&nbsp;<a href="mailto:info@example.com" title="send us a note" target="_self">info@example.com</a><br>Phone: ++1 949 555 1212</p>" + title="Contact" + /> + jcr:lastModified="{Date}2020-07-13T16:05:09.590-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + name="columns2" + path="/jcr:content/nc12b75b5-25da-49e2-824e-0309b40a6a6b/columns/columns2" + text="<p>1234 South Sample Way<br>Neptune, CA 90909</p>" + title="Location" + /> + jcr:lastModified="{Date}2020-07-13T16:05:09.591-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + icon="twitter" + iconalttext="Twitter" + name="icons1" + path="/jcr:content/nc12b75b5-25da-49e2-824e-0309b40a6a6b/icons/icons1" + url="https://twitter.com/" + /> + jcr:lastModified="{Date}2020-07-13T16:05:09.592-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + icon="linkedin" + iconalttext="linkedin" + name="icons2" + path="/jcr:content/nc12b75b5-25da-49e2-824e-0309b40a6a6b/icons/icons2" + url="https://www.linkedin.com" + /> - + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/.content.xml index 2e8bf0606..d4320d4d0 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/.content.xml @@ -1,70 +1,82 @@ - - + + - + jcr:lastModified="{Date}2020-07-14T06:58:31.113-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Header and Footer" + sling:resourceType="themecleanflex/components/page" + > + + jcr:lastModified="{Date}2020-07-13T14:34:58.574-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + backgroundtype="color" + bgcolor="#eeeeee" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="10" + buttonsize="default" + collapsed="false" + color2="#c0c0c0" + colorscheme="dark" + custombackground="false" + elevation="1" + fullheight="false" + htmlelement="header" + linkcolor="light" + logo="/content/themecleanflex/assets/placeholders/1x1.png" + logoalttext="example company logo" + logosize="60" + logourl="/content/themecleanflex/pages/index" + overlaycolor="#ffffff" + overlayopacity="50" + sticky="true" + toppadding="10" + > + jcr:lastModified="{Date}2020-07-13T14:34:58.573-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages/articles" + text="Articles" + /> - + + jcr:lastModified="{Date}2020-07-13T14:37:32.223-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + bottompadding="10" + level="3" + linkcolor="primary" + toppadding="10" + /> + jcr:lastModified="{Date}2020-07-13T10:50:23.703-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + /> -
              +
              diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/article/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/article/.content.xml index 0e999c437..c39be45a7 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/article/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/article/.content.xml @@ -1,127 +1,144 @@ - - + + - - + jcr:lastModified="{Date}2020-07-13T14:41:18.322-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Article" + sling:resourceType="themecleanflex/components/page" + > + + + jcr:lastModified="{Date}2020-07-13T13:20:46.339-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + /> + jcr:lastModified="{Date}2020-07-13T13:45:11.608-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + height="2" + overlaycolor="#ffffff" + overlayopacity="50" + /> + jcr:lastModified="{Date}2020-07-13T13:25:09.816-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + alignitems="primary" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="22" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + htmlelement="article" + overlaycolor="#ffffff" + overlayopacity="50" + > + jcr:lastModified="{Date}2020-07-13T14:41:18.322-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + colspan="8" + htmlelement="main" + mobilecolspan="12" + mobilewidth="auto" + tabletcolspan="8" + tabletwidth="custom" + width="custom" + /> + jcr:lastModified="{Date}2020-07-13T14:41:11.357-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + colspan="4" + htmlelement="section" + mobilecolspan="12" + mobilewidth="auto" + tabletcolspan="4" + tabletwidth="custom" + width="custom" + > + jcr:lastModified="{Date}2020-07-13T13:42:31.594-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="light" + custombackground="false" + element="h3" + fullheight="false" + htmlelement="section" + overlaycolor="#ffffff" + overlayopacity="50" + text="Related Content" + toppadding="20" + /> + jcr:lastModified="{Date}2020-07-13T13:42:41.983-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="20" + color2="#c0c0c0" + colorscheme="light" + custombackground="false" + excludesitemapexcludes="true" + fullheight="false" + htmlelement="section" + levels="1" + overlaycolor="#ffffff" + overlayopacity="50" + rootpage="/content/themecleanflex/pages/articles" + rootPageLink="/content/themecleanflex/pages/articles" + rootPageTitle="articles" + toppadding="5" + /> diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/.content.xml b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/.content.xml index abca5a074..38770032b 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/.content.xml +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/.content.xml @@ -1,8 +1,9 @@ - + \ No newline at end of file + xmlns:jcr="http://www.jcp.org/jcr/1.0" + xmlns:sling="http://sling.apache.org/jcr/sling/1.0" + jcr:primaryType="per:FeLib" + jcr:title="themecleanflex" + jcr:description="themecleanflex" + sling:resourceType="felib/components/lib" +/> diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css index bcbcd0e6a..586ba061f 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css @@ -1,41 +1,44 @@ :root { - --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; - --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --font-size-xs: .75rem; - --font-size-sm: .875rem; - --font-size-base: 1rem; - --font-size-lg: 1.125rem; - --font-size-xl: 1.25rem; - --font-size-2xl: 1.5rem; - --font-size-3xl: 1.875rem; - --font-size-4xl: 2.25rem; - --font-size-5xl: 3rem; - --font-size-6xl: 4rem; - --line-height-1: 1.5rem; - --line-height-2: 1.75rem; - --line-height-3: 2.125rem; - --line-height-4: 2.5rem; - --line-height-5: 3.25rem; - --line-height-6: 4.25rem; - --spacing-0: 0; - --spacing-1: 0.25rem; - --spacing-2: 0.5rem; - --spacing-3: 0.75rem; - --spacing-4: 1rem; - --spacing-5: 1.25rem; - --spacing-6: 1.5rem; - --spacing-8: 2rem; - --spacing-10: 2.5rem; - --spacing-12: 3rem; - --spacing-16: 4rem; - --spacing-20: 5rem; - --spacing-24: 6rem; - --spacing-32: 8rem; - --spacing-40: 10rem; - --spacing-48: 12rem; - --spacing-56: 14rem; - --spacing-64: 16rem; + --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; + --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", + monospace; + --font-size-xs: 0.75rem; + --font-size-sm: 0.875rem; + --font-size-base: 1rem; + --font-size-lg: 1.125rem; + --font-size-xl: 1.25rem; + --font-size-2xl: 1.5rem; + --font-size-3xl: 1.875rem; + --font-size-4xl: 2.25rem; + --font-size-5xl: 3rem; + --font-size-6xl: 4rem; + --line-height-1: 1.5rem; + --line-height-2: 1.75rem; + --line-height-3: 2.125rem; + --line-height-4: 2.5rem; + --line-height-5: 3.25rem; + --line-height-6: 4.25rem; + --spacing-0: 0; + --spacing-1: 0.25rem; + --spacing-2: 0.5rem; + --spacing-3: 0.75rem; + --spacing-4: 1rem; + --spacing-5: 1.25rem; + --spacing-6: 1.5rem; + --spacing-8: 2rem; + --spacing-10: 2.5rem; + --spacing-12: 3rem; + --spacing-16: 4rem; + --spacing-20: 5rem; + --spacing-24: 6rem; + --spacing-32: 8rem; + --spacing-40: 10rem; + --spacing-48: 12rem; + --spacing-56: 14rem; + --spacing-64: 16rem; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ @@ -49,8 +52,8 @@ */ html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections @@ -61,7 +64,7 @@ html { */ body { - margin: 0; + margin: 0; } /** @@ -69,7 +72,7 @@ body { */ main { - display: block; + display: block; } /** @@ -78,8 +81,8 @@ main { */ h1 { - font-size: 2em; - margin: 0.67em 0; + font-size: 2em; + margin: 0.67em 0; } /* Grouping content @@ -91,9 +94,9 @@ h1 { */ hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ } /** @@ -102,8 +105,8 @@ hr { */ pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ } /* Text-level semantics @@ -114,7 +117,7 @@ pre { */ a { - background-color: transparent; + background-color: transparent; } /** @@ -126,9 +129,8 @@ a { * Add the correct font weight in Chrome, Edge, and Safari. */ - strong { - font-weight: bolder; + font-weight: bolder; } /** @@ -137,8 +139,8 @@ strong { */ code { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ } /** @@ -146,7 +148,7 @@ code { */ small { - font-size: 80%; + font-size: 80%; } /** @@ -162,7 +164,7 @@ small { */ img { - border-style: none; + border-style: none; } /* Forms @@ -175,10 +177,10 @@ img { button, input { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ } /** @@ -187,8 +189,9 @@ input { */ button, -input { /* 1 */ - overflow: visible; +input { + /* 1 */ + overflow: visible; } /** @@ -196,8 +199,9 @@ input { /* 1 */ * 1. Remove the inheritance of text transform in Firefox. */ -button { /* 1 */ - text-transform: none; +button { + /* 1 */ + text-transform: none; } /** @@ -208,7 +212,7 @@ button, [type="button"], [type="reset"], [type="submit"] { - -webkit-appearance: button; + -webkit-appearance: button; } /** @@ -219,8 +223,8 @@ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; + border-style: none; + padding: 0; } /** @@ -231,7 +235,7 @@ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; + outline: 1px dotted ButtonText; } /** @@ -246,12 +250,12 @@ button:-moz-focusring, */ legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ } /** @@ -269,8 +273,8 @@ legend { [type="checkbox"], [type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ } /** @@ -279,7 +283,7 @@ legend { [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { - height: auto; + height: auto; } /** @@ -288,8 +292,8 @@ legend { */ [type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ } /** @@ -297,7 +301,7 @@ legend { */ [type="search"]::-webkit-search-decoration { - -webkit-appearance: none; + -webkit-appearance: none; } /** @@ -306,8 +310,8 @@ legend { */ ::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ } /* Interactive @@ -329,7 +333,7 @@ legend { */ template { - display: none; + display: none; } /** @@ -337,7 +341,7 @@ template { */ [hidden] { - display: none; + display: none; } /** @@ -359,13 +363,13 @@ h5, hr, p, pre { - margin: 0; + margin: 0; } button { - background-color: transparent; - background-image: none; - padding: 0; + background-color: transparent; + background-image: none; + padding: 0; } /** @@ -374,15 +378,14 @@ button { */ button:focus { - outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; } - ul { - list-style: none; - margin: 0; - padding: 0; + list-style: none; + margin: 0; + padding: 0; } /** @@ -397,8 +400,8 @@ ul { */ html { - font-family: var(--font-sans); /* 1 */ - line-height: 1.5; /* 2 */ + font-family: var(--font-sans); /* 1 */ + line-height: 1.5; /* 2 */ } /** @@ -430,10 +433,10 @@ html { *, ::before, ::after { - box-sizing: border-box; /* 1 */ - border-width: 0; /* 2 */ - border-style: solid; /* 2 */ - border-color: var(--color-gray-300); /* 2 */ + box-sizing: border-box; /* 1 */ + border-width: 0; /* 2 */ + border-style: solid; /* 2 */ + border-color: var(--color-gray-300); /* 2 */ } /* @@ -441,7 +444,7 @@ html { */ hr { - border-top-width: 1px; + border-top-width: 1px; } /** @@ -455,16 +458,16 @@ hr { */ img { - border-style: solid; + border-style: solid; } input::placeholder { - color: #a0aec0; + color: #a0aec0; } button, [role="button"] { - cursor: pointer; + cursor: pointer; } h1, @@ -472,8 +475,8 @@ h2, h3, h4, h5 { - font-size: inherit; - font-weight: inherit; + font-size: inherit; + font-weight: inherit; } /** @@ -482,8 +485,8 @@ h5 { */ a { - color: inherit; - text-decoration: inherit; + color: inherit; + text-decoration: inherit; } /** @@ -496,9 +499,9 @@ a { button, input { - padding: 0; - line-height: inherit; - color: inherit; + padding: 0; + line-height: inherit; + color: inherit; } /** @@ -510,7 +513,7 @@ input { pre, code { - font-family: var(--font-mono); + font-family: var(--font-mono); } /** @@ -526,8 +529,8 @@ svg, video, canvas, iframe { - display: block; - vertical-align: middle; + display: block; + vertical-align: middle; } /** @@ -539,785 +542,786 @@ iframe { img, video { - max-width: 100%; - height: auto; + max-width: 100%; + height: auto; } .container { - width: 100%; + width: 100%; } @media (min-width: 640px) { - .container { - max-width: 640px; - } + .container { + max-width: 640px; + } } @media (min-width: 768px) { - .container { - max-width: 768px; - } + .container { + max-width: 768px; + } } @media (min-width: 1024px) { - .container { - max-width: 1024px; - } + .container { + max-width: 1024px; + } } @media (min-width: 1280px) { - .container { - max-width: 1280px; - } + .container { + max-width: 1280px; + } } .bg-white { - --bg-opacity: 1; - background-color: #fff; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + --bg-opacity: 1; + background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } .bg-gray-800 { - background-color: var(--color-gray-800); + background-color: var(--color-gray-800); } .bg-red-600 { - background-color: var(--color-red-600); + background-color: var(--color-red-600); } .bg-red-700 { - background-color: var(--color-red-700); + background-color: var(--color-red-700); } .bg-orange-600 { - background-color: var(--color-orange-600); + background-color: var(--color-orange-600); } .bg-orange-700 { - background-color: var(--color-orange-700); + background-color: var(--color-orange-700); } .bg-yellow-600 { - background-color: var(--color-yellow-600); + background-color: var(--color-yellow-600); } .bg-green-600 { - background-color: var(--color-green-600); + background-color: var(--color-green-600); } .bg-green-700 { - background-color: var(--color-green-700); + background-color: var(--color-green-700); } .bg-blue-600 { - background-color: var(--color-blue-600); + background-color: var(--color-blue-600); } .bg-blue-700 { - background-color: var(--color-blue-700); + background-color: var(--color-blue-700); } .bg-secondary { - background-color: var(--bg-secondary); + background-color: var(--bg-secondary); } .hover\:bg-black:hover { - --bg-opacity: 1; - background-color: #000; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + --bg-opacity: 1; + background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } .hover\:bg-gray-200:hover { - background-color: var(--color-gray-200); + background-color: var(--color-gray-200); } .hover\:bg-blue-700:hover { - background-color: var(--color-blue-700); + background-color: var(--color-blue-700); } .border-gray-200 { - border-color: var(--color-gray-200); + border-color: var(--color-gray-200); } .border-gray-300 { - border-color: var(--color-gray-300); + border-color: var(--color-gray-300); } .border-gray-800 { - border-color: var(--color-gray-800); + border-color: var(--color-gray-800); } .border-gray-900 { - border-color: var(--color-gray-900); + border-color: var(--color-gray-900); } .border-blue-700 { - border-color: var(--color-blue-700); + border-color: var(--color-blue-700); } .rounded-none { - border-radius: 0; + border-radius: 0; } .rounded-sm { - border-radius: 0.125rem; + border-radius: 0.125rem; } .rounded { - border-radius: 0.25rem; + border-radius: 0.25rem; } .rounded-lg { - border-radius: 0.5rem; + border-radius: 0.5rem; } .rounded-full { - border-radius: 9999px; + border-radius: 9999px; } .border-solid { - border-style: solid; + border-style: solid; } .border { - border-width: 1px; + border-width: 1px; } .border-t-2 { - border-top-width: 2px; + border-top-width: 2px; } .border-b-4 { - border-bottom-width: 4px; + border-bottom-width: 4px; } .border-l-4 { - border-left-width: 4px; + border-left-width: 4px; } .border-l-8 { - border-left-width: 8px; + border-left-width: 8px; } .border-b { - border-bottom-width: 1px; + border-bottom-width: 1px; } .cursor-pointer { - cursor: pointer; + cursor: pointer; } .block { - display: block; + display: block; } .flex { - display: flex; + display: flex; } .hidden { - display: none; + display: none; } .flex-col { - flex-direction: column; + flex-direction: column; } .flex-col-reverse { - flex-direction: column-reverse; + flex-direction: column-reverse; } .flex-wrap { - flex-wrap: wrap; + flex-wrap: wrap; } .items-start { - align-items: flex-start; + align-items: flex-start; } .items-end { - align-items: flex-end; + align-items: flex-end; } .items-center { - align-items: center; + align-items: center; } .items-baseline { - align-items: baseline; + align-items: baseline; } .items-stretch { - align-items: stretch; + align-items: stretch; } .self-start { - align-self: flex-start; + align-self: flex-start; } .self-end { - align-self: flex-end; + align-self: flex-end; } .self-center { - align-self: center; + align-self: center; } .self-stretch { - align-self: stretch; + align-self: stretch; } .justify-start { - justify-content: flex-start; + justify-content: flex-start; } .justify-end { - justify-content: flex-end; + justify-content: flex-end; } .justify-center { - justify-content: center; + justify-content: center; } .justify-between { - justify-content: space-between; + justify-content: space-between; } .flex-1 { - flex: 1 1 0%; + flex: 1 1 0%; } .flex-grow-0 { - flex-grow: 0; + flex-grow: 0; } .flex-grow { - flex-grow: 1; + flex-grow: 1; } .font-normal { - font-weight: 400; + font-weight: 400; } .font-medium { - font-weight: 500; + font-weight: 500; } .font-semibold { - font-weight: 600; + font-weight: 600; } .font-bold { - font-weight: 700; + font-weight: 700; } .h-full { - height: 100%; + height: 100%; } .text-lg { - font-size: var(--font-size-lg); + font-size: var(--font-size-lg); } .text-xl { - font-size: var(--font-size-xl); + font-size: var(--font-size-xl); } .text-2xl { - font-size: var(--font-size-2xl); + font-size: var(--font-size-2xl); } .text-3xl { - font-size: var(--font-size-3xl); + font-size: var(--font-size-3xl); } .text-4xl { - font-size: var(--font-size-4xl); + font-size: var(--font-size-4xl); } .text-5xl { - font-size: var(--font-size-5xl); + font-size: var(--font-size-5xl); } .list-none { - list-style-type: none; + list-style-type: none; } .m-0 { - margin: var(--spacing-0); + margin: var(--spacing-0); } .m-1 { - margin: var(--spacing-1); + margin: var(--spacing-1); } .m-2 { - margin: var(--spacing-2); + margin: var(--spacing-2); } .-m-1 { - margin: calc(var(--spacing-1) * -1); + margin: calc(var(--spacing-1) * -1); } .my-2 { - margin-top: var(--spacing-2); - margin-bottom: var(--spacing-2); + margin-top: var(--spacing-2); + margin-bottom: var(--spacing-2); } .mx-2 { - margin-left: var(--spacing-2); - margin-right: var(--spacing-2); + margin-left: var(--spacing-2); + margin-right: var(--spacing-2); } .my-3 { - margin-top: var(--spacing-3); - margin-bottom: var(--spacing-3); + margin-top: var(--spacing-3); + margin-bottom: var(--spacing-3); } .mx-3 { - margin-left: var(--spacing-3); - margin-right: var(--spacing-3); + margin-left: var(--spacing-3); + margin-right: var(--spacing-3); } .my-6 { - margin-top: var(--spacing-6); - margin-bottom: var(--spacing-6); + margin-top: var(--spacing-6); + margin-bottom: var(--spacing-6); } .mx-auto { - margin-left: auto; - margin-right: auto; + margin-left: auto; + margin-right: auto; } .-mx-2 { - margin-left: calc(var(--spacing-2) * -1); - margin-right: calc(var(--spacing-2) * -1); + margin-left: calc(var(--spacing-2) * -1); + margin-right: calc(var(--spacing-2) * -1); } .-mx-3 { - margin-left: calc(var(--spacing-3) * -1); - margin-right: calc(var(--spacing-3) * -1); + margin-left: calc(var(--spacing-3) * -1); + margin-right: calc(var(--spacing-3) * -1); } .mt-0 { - margin-top: var(--spacing-0); + margin-top: var(--spacing-0); } .mb-1 { - margin-bottom: var(--spacing-1); + margin-bottom: var(--spacing-1); } .mr-2 { - margin-right: var(--spacing-2); + margin-right: var(--spacing-2); } .ml-2 { - margin-left: var(--spacing-2); + margin-left: var(--spacing-2); } .mt-3 { - margin-top: var(--spacing-3); + margin-top: var(--spacing-3); } .mb-3 { - margin-bottom: var(--spacing-3); + margin-bottom: var(--spacing-3); } .mr-4 { - margin-right: var(--spacing-4); + margin-right: var(--spacing-4); } .mb-6 { - margin-bottom: var(--spacing-6); + margin-bottom: var(--spacing-6); } .max-w-3xl { - max-width: 48rem; + max-width: 48rem; } .min-h-1 { - min-height: 1px; + min-height: 1px; } .min-h-screen { - min-height: 100vh; + min-height: 100vh; } .object-contain { - object-fit: contain; + object-fit: contain; } .object-cover { - object-fit: cover; + object-fit: cover; } .object-center { - object-position: center; + object-position: center; } .opacity-0 { - opacity: 0; + opacity: 0; } .opacity-100 { - opacity: 1; + opacity: 1; } .overflow-hidden { - overflow: hidden; + overflow: hidden; } .overflow-x-auto { - overflow-x: auto; + overflow-x: auto; } .p-0 { - padding: var(--spacing-0); + padding: var(--spacing-0); } .p-3 { - padding: var(--spacing-3); + padding: var(--spacing-3); } .p-4 { - padding: var(--spacing-4); + padding: var(--spacing-4); } .p-5 { - padding: var(--spacing-5); + padding: var(--spacing-5); } .p-6 { - padding: var(--spacing-6); + padding: var(--spacing-6); } .px-0 { - padding-left: var(--spacing-0); - padding-right: var(--spacing-0); + padding-left: var(--spacing-0); + padding-right: var(--spacing-0); } .py-1 { - padding-top: var(--spacing-1); - padding-bottom: var(--spacing-1); + padding-top: var(--spacing-1); + padding-bottom: var(--spacing-1); } .py-2 { - padding-top: var(--spacing-2); - padding-bottom: var(--spacing-2); + padding-top: var(--spacing-2); + padding-bottom: var(--spacing-2); } .py-3 { - padding-top: var(--spacing-3); - padding-bottom: var(--spacing-3); + padding-top: var(--spacing-3); + padding-bottom: var(--spacing-3); } .px-4 { - padding-left: var(--spacing-4); - padding-right: var(--spacing-4); + padding-left: var(--spacing-4); + padding-right: var(--spacing-4); } .px-5 { - padding-left: var(--spacing-5); - padding-right: var(--spacing-5); + padding-left: var(--spacing-5); + padding-right: var(--spacing-5); } .pb-3 { - padding-bottom: var(--spacing-3); + padding-bottom: var(--spacing-3); } .pb-4 { - padding-bottom: var(--spacing-4); + padding-bottom: var(--spacing-4); } .pb-12 { - padding-bottom: var(--spacing-12); + padding-bottom: var(--spacing-12); } .fixed { - position: fixed; + position: fixed; } .absolute { - position: absolute; + position: absolute; } .relative { - position: relative; + position: relative; } .sticky { - position: sticky; + position: sticky; } .inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; } .top-0 { - top: 0; + top: 0; } .left-0 { - left: 0; + left: 0; } .resize { - resize: both; + resize: both; } .shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), + 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .fill-current { - fill: currentColor; + fill: currentColor; } .text-left { - text-align: left; + text-align: left; } .text-center { - text-align: center; + text-align: center; } .text-right { - text-align: right; + text-align: right; } .text-black { - --text-opacity: 1; - color: #000; - color: rgba(0, 0, 0, var(--text-opacity)); + --text-opacity: 1; + color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } .text-white { - --text-opacity: 1; - color: #fff; - color: rgba(255, 255, 255, var(--text-opacity)); + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .text-gray-200 { - color: var(--color-gray-200); + color: var(--color-gray-200); } .text-gray-800 { - color: var(--color-gray-800); + color: var(--color-gray-800); } .text-red-700 { - color: var(--color-red-700); + color: var(--color-red-700); } .text-orange-700 { - color: var(--color-orange-700); + color: var(--color-orange-700); } .text-green-700 { - color: var(--color-green-700); + color: var(--color-green-700); } .text-blue-700 { - color: var(--color-blue-700); + color: var(--color-blue-700); } .hover\:text-black:hover { - --text-opacity: 1; - color: #000; - color: rgba(0, 0, 0, var(--text-opacity)); + --text-opacity: 1; + color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } .hover\:text-white:hover { - --text-opacity: 1; - color: #fff; - color: rgba(255, 255, 255, var(--text-opacity)); + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .hover\:text-gray-200:hover { - color: var(--color-gray-200); + color: var(--color-gray-200); } .hover\:text-red-600:hover { - color: var(--color-red-600); + color: var(--color-red-600); } .hover\:text-orange-600:hover { - color: var(--color-orange-600); + color: var(--color-orange-600); } .hover\:text-green-600:hover { - color: var(--color-green-600); + color: var(--color-green-600); } .no-underline { - text-decoration: none; + text-decoration: none; } .hover\:underline:hover { - text-decoration: underline; + text-decoration: underline; } .visible { - visibility: visible; + visibility: visible; } .invisible { - visibility: hidden; + visibility: hidden; } .w-auto { - width: auto; + width: auto; } .w-1\/2 { - width: 50%; + width: 50%; } .w-1\/3 { - width: 33.33333%; + width: 33.33333%; } .w-2\/3 { - width: 66.66667%; + width: 66.66667%; } .w-1\/4 { - width: 25%; + width: 25%; } .w-2\/4 { - width: 50%; + width: 50%; } .w-3\/4 { - width: 75%; + width: 75%; } .w-1\/5 { - width: 20%; + width: 20%; } .w-2\/5 { - width: 40%; + width: 40%; } .w-3\/5 { - width: 60%; + width: 60%; } .w-4\/5 { - width: 80%; + width: 80%; } .w-1\/6 { - width: 16.66667%; + width: 16.66667%; } .w-2\/6 { - width: 33.33333%; + width: 33.33333%; } .w-3\/6 { - width: 50%; + width: 50%; } .w-4\/6 { - width: 66.66667%; + width: 66.66667%; } .w-5\/6 { - width: 83.33333%; + width: 83.33333%; } .w-1\/12 { - width: 8.33333%; + width: 8.33333%; } .w-2\/12 { - width: 16.66667%; + width: 16.66667%; } .w-3\/12 { - width: 25%; + width: 25%; } .w-4\/12 { - width: 33.33333%; + width: 33.33333%; } .w-5\/12 { - width: 41.66667%; + width: 41.66667%; } .w-6\/12 { - width: 50%; + width: 50%; } .w-7\/12 { - width: 58.33333%; + width: 58.33333%; } .w-8\/12 { - width: 66.66667%; + width: 66.66667%; } .w-9\/12 { - width: 75%; + width: 75%; } .w-10\/12 { - width: 83.33333%; + width: 83.33333%; } .w-11\/12 { - width: 91.66667%; + width: 91.66667%; } .w-full { - width: 100%; + width: 100%; } .z-10 { - z-index: 10; + z-index: 10; } .transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + transition-property: background-color, border-color, color, fill, stroke; } .transition-opacity { - transition-property: opacity; + transition-property: opacity; } .transition-transform { - transition-property: transform; + transition-property: transform; } .ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .duration-150 { - transition-duration: 150ms; + transition-duration: 150ms; } .duration-200 { - transition-duration: 200ms; + transition-duration: 200ms; } .aspect-ratio-16\/9 { - padding-bottom: 56.25%; + padding-bottom: 56.25%; } .transition-opacity { - transition: opacity 200ms ease; + transition: opacity 200ms ease; } .transition-height { - transition: height 200ms ease; + transition: height 200ms ease; } /* purgecss start ignore */ @@ -1325,114 +1329,118 @@ video { /* Base Overrides */ html { - font-family: var(--font-sans); - font-size: var(--font-size-base); + font-family: var(--font-sans); + font-size: var(--font-size-base); } .enlarge-text h1:not([class]), .enlarge-text .text-5xl, .text-6xl { - font-size: var(--font-size-6xl); - font-weight: 800; - line-height: var(--line-height-6); - letter-spacing: -0.02em; + font-size: var(--font-size-6xl); + font-weight: 800; + line-height: var(--line-height-6); + letter-spacing: -0.02em; } .enlarge-text h1:not([class]), -.enlarge-text .text-5xl:not([class*=my-]):not([class*=mt-]), +.enlarge-text .text-5xl:not([class*="my-"]):not([class*="mt-"]), .text-6xl { - margin-top: var(--spacing-24); + margin-top: var(--spacing-24); } h1:not([class]), .enlarge-text h2:not([class]), .text-5xl { - font-size: var(--font-size-5xl); - font-weight: 800; - line-height: var(--line-height-5); - letter-spacing: -0.02em; + font-size: var(--font-size-5xl); + font-weight: 800; + line-height: var(--line-height-5); + letter-spacing: -0.02em; } h1:not([class]), .enlarge-text h2:not([class]) { - margin-top: var(--spacing-20); + margin-top: var(--spacing-20); } h2:not([class]), .enlarge-text h3:not([class]), .text-4xl { - font-size: var(--font-size-4xl); - font-weight: 700; - line-height: var(--line-height-4); - letter-spacing: -0.04em; + font-size: var(--font-size-4xl); + font-weight: 700; + line-height: var(--line-height-4); + letter-spacing: -0.04em; } h2:not([class]), .enlarge-text h3:not([class]) { - margin-top: var(--spacing-16); + margin-top: var(--spacing-16); } h3:not([class]), .enlarge-text h4:not([class]), .text-3xl { - font-size: var(--font-size-3xl); - font-weight: 700; - line-height: var(--line-height-3); - letter-spacing: -0.02em; + font-size: var(--font-size-3xl); + font-weight: 700; + line-height: var(--line-height-3); + letter-spacing: -0.02em; } h3:not([class]), .enlarge-text h4:not([class]) { - margin-top: var(--spacing-12); + margin-top: var(--spacing-12); } h4:not([class]), .enlarge-text h5:not([class]), .text-2xl { - font-size: var(--font-size-2xl); - font-weight: 700; - line-height: var(--line-height-2); - letter-spacing: -0.02em; + font-size: var(--font-size-2xl); + font-weight: 700; + line-height: var(--line-height-2); + letter-spacing: -0.02em; } h4:not([class]), .enlarge-text h5:not([class]) { - margin-top: var(--spacing-10); + margin-top: var(--spacing-10); } h5:not([class]), .enlarge-text h6:not([class]), .text-xl { - font-size: var(--font-size-xl); - font-weight: 700; - line-height: var(--line-height-1); + font-size: var(--font-size-xl); + font-weight: 700; + line-height: var(--line-height-1); } h5:not([class]), .enlarge-text h6:not([class]) { - margin-top: var(--spacing-8); + margin-top: var(--spacing-8); } h6:not([class]) { - font-size: var(--font-size-lg); - line-height: var(--line-height-1); - margin-top: var(--spacing-8); - margin-bottom: 0; + font-size: var(--font-size-lg); + line-height: var(--line-height-1); + margin-top: var(--spacing-8); + margin-bottom: 0; } -.enlarge-text p:not([class*=text-]), +.enlarge-text p:not([class*="text-"]), .enlarge-text .text-lg { - font-size: var(--font-size-xl); - line-height: var(--line-height-2); + font-size: var(--font-size-xl); + line-height: var(--line-height-2); } h6 { - font-weight: 700; + font-weight: 700; } -h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]) { - margin-top: var(--spacing-6); - margin-bottom: var(--spacing-6); +h1:not([class]), +h2:not([class]), +h3:not([class]), +h4:not([class]), +h5:not([class]) { + margin-top: var(--spacing-6); + margin-bottom: var(--spacing-6); } h1:not([class]):first-child, @@ -1441,7 +1449,7 @@ h3:not([class]):first-child, h4:not([class]):first-child, h5:not([class]):first-child, h6:not([class]):first-child { - margin-top: 0; + margin-top: 0; } h1:not([class]):last-child, @@ -1450,7 +1458,7 @@ h3:not([class]):last-child, h4:not([class]):last-child, h5:not([class]):last-child, h6:not([class]):last-child { - margin-bottom: 0; + margin-bottom: 0; } .text-xl.font-normal, @@ -1459,697 +1467,694 @@ h6:not([class]):last-child { .text-4xl.font-normal, .text-5xl.font-normal, .text-6xl.font-normal { - font-weight: 400; + font-weight: 400; } a { - text-decoration: underline; - color: var(--color-blue-700); + text-decoration: underline; + color: var(--color-blue-700); } a:hover { - color: var(--color-blue-800); + color: var(--color-blue-800); } ul { - list-style-type: disc; - padding-left: var(--spacing-5); - padding-top: var(--spacing-2); - padding-bottom: var(--spacing-2); - margin: var(--spacing-0); + list-style-type: disc; + padding-left: var(--spacing-5); + padding-top: var(--spacing-2); + padding-bottom: var(--spacing-2); + margin: var(--spacing-0); } ol { - list-style-type: decimal; - padding-left: var(--spacing-5); - padding-top: var(--spacing-2); - padding-bottom: var(--spacing-2); - margin: var(--spacing-0); + list-style-type: decimal; + padding-left: var(--spacing-5); + padding-top: var(--spacing-2); + padding-bottom: var(--spacing-2); + margin: var(--spacing-0); } p { - margin-top: var(--spacing-3); - margin-bottom: var(--spacing-3); - line-height: var(--line-height-1); + margin-top: var(--spacing-3); + margin-bottom: var(--spacing-3); + line-height: var(--line-height-1); } .color-inherit { - color: inherit; + color: inherit; } .pipe-after:after { - content: "|"; - margin-left: var(--spacing-2); + content: "|"; + margin-left: var(--spacing-2); } /* Custom Utilities */ .transform-rotate-90 { - transform: rotate(90deg); + transform: rotate(90deg); } /* Drop Shadow Helpers */ .elevation-1 { - box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); - z-index: 10; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-2 { - box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); - z-index: 10; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-3 { - box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); - z-index: 10; + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-4 { - box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); - z-index: 10; + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-5 { - box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); - z-index: 10; + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } /* Background */ .bg-primary { - background: var(--bg-primary); + background: var(--bg-primary); } .bg-secondary { - background: var(--bg-secondary); + background: var(--bg-secondary); } /* Buttons */ .btn { - font-size: var(--font-size-sm); - font-weight: 500; - padding-top: var(--spacing-2); - padding-bottom: var(--spacing-2); - padding-left: var(--spacing-4); - padding-right: var(--spacing-4); - border-radius: 0.25rem; - text-decoration: none; - transition-property: background, background-color, color, border-color; - transition-duration: 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + font-size: var(--font-size-sm); + font-weight: 500; + padding-top: var(--spacing-2); + padding-bottom: var(--spacing-2); + padding-left: var(--spacing-4); + padding-right: var(--spacing-4); + border-radius: 0.25rem; + text-decoration: none; + transition-property: background, background-color, color, border-color; + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn:focus { - outline: 0; - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + outline: 0; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .btn:hover { - --text-opacity: 1; - color: #fff; - color: rgba(255, 255, 255, var(--text-opacity)); + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .btn-lg { - padding-top: var(--spacing-4); - padding-bottom: var(--spacing-4); - padding-left: var(--spacing-5); - padding-right: var(--spacing-5); - font-size: var(--font-size-lg) + padding-top: var(--spacing-4); + padding-bottom: var(--spacing-4); + padding-left: var(--spacing-5); + padding-right: var(--spacing-5); + font-size: var(--font-size-lg); } .btn-sm { - padding-top: var(--spacing-2); - padding-bottom: var(--spacing-2); - padding-left: var(--spacing-2); - padding-right: var(--spacing-2); - font-size: var(--font-size-sm) + padding-top: var(--spacing-2); + padding-bottom: var(--spacing-2); + padding-left: var(--spacing-2); + padding-right: var(--spacing-2); + font-size: var(--font-size-sm); } .btn-blue { - background-color: var(--color-blue-600); - --text-opacity: 1; - color: #fff; - color: rgba(255, 255, 255, var(--text-opacity)); + background-color: var(--color-blue-600); + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .btn-blue:hover { - background-color: var(--color-blue-700); + background-color: var(--color-blue-700); } .btn-green { - background-color: var(--color-green-600); - --text-opacity: 1; - color: #fff; - color: rgba(255, 255, 255, var(--text-opacity)); + background-color: var(--color-green-600); + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .btn-green:hover { - background-color: var(--color-green-700); + background-color: var(--color-green-700); } .btn-red { - background-color: var(--color-red-600); - --text-opacity: 1; - color: #fff; - color: rgba(255, 255, 255, var(--text-opacity)); + background-color: var(--color-red-600); + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .btn-red:hover { - background-color: var(--color-red-700); + background-color: var(--color-red-700); } .btn-orange { - background-color: var(--color-orange-600); - --text-opacity: 1; - color: #fff; - color: rgba(255, 255, 255, var(--text-opacity)); + background-color: var(--color-orange-600); + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .btn-orange:hover { - background-color: var(--color-orange-700); + background-color: var(--color-orange-700); } .btn-white { - background-color: var(--color-gray-200); - color: var(--color-gray-800); + background-color: var(--color-gray-200); + color: var(--color-gray-800); } .btn-white:hover { - background-color: var(--color-gray-300); + background-color: var(--color-gray-300); } .btn-black { - background-color: var(--color-gray-800); - color: var(--color-gray-200); + background-color: var(--color-gray-800); + color: var(--color-gray-200); } .btn-black:hover { - background-color: var(--color-gray-900); + background-color: var(--color-gray-900); } .media-sizeable { - flex-shrink: 1 !important; + flex-shrink: 1 !important; } -@media (min-width: 768px){ - .media-sizeable { - flex-shrink: 0 !important; - } +@media (min-width: 768px) { + .media-sizeable { + flex-shrink: 0 !important; + } } /* header */ [class$="components-header"] a { - font-size: var(--font-size-sm); - font-weight: 500; + font-size: var(--font-size-sm); + font-weight: 500; } /* footer */ [class$="components-footer"] ul { - list-style-type: none; - padding: var(--spacing-0); - font-size: var(--font-size-sm); - font-weight: 500; + list-style-type: none; + padding: var(--spacing-0); + font-size: var(--font-size-sm); + font-weight: 500; } [class$="components-footer"] ul li { - margin-bottom: var(--spacing-2); + margin-bottom: var(--spacing-2); } [class$="components-footer"] p { - font-size: var(--font-size-sm); - font-weight: 500; + font-size: var(--font-size-sm); + font-weight: 500; } /* carousel */ [class$="components-carousel"].w-full { - padding-left: 0; - padding-right: 0; + padding-left: 0; + padding-right: 0; } .VueCarousel-pagination { - position: absolute; - bottom: 0; - margin-bottom: var(--spacing-4); - pointer-events: none; + position: absolute; + bottom: 0; + margin-bottom: var(--spacing-4); + pointer-events: none; } .VueCarousel-dot-container { - pointer-events: auto; + pointer-events: auto; } /* accordion */ [class$="components-accordion"] .img-wrapper.rounded-none img { - border-radius: 0; + border-radius: 0; } [class$="components-accordion"] .img-wrapper.rounded-sm img { - border-radius: 0.125rem; + border-radius: 0.125rem; } [class$="components-accordion"] .img-wrapper.rounded img { - border-radius: 0.25rem; + border-radius: 0.25rem; } [class$="components-accordion"] .img-wrapper.rounded-lg img { - border-radius: 0.5rem; + border-radius: 0.5rem; } [class$="components-accordion"] .img-wrapper.rounded-full img { - border-radius: 9999px; + border-radius: 9999px; } /* purgecss end ignore */ @media (min-width: 640px) { + .sm\:mx-3 { + margin-left: var(--spacing-3); + margin-right: var(--spacing-3); + } + + .sm\:px-0 { + padding-left: var(--spacing-0); + padding-right: var(--spacing-0); + } - .sm\:mx-3 { - margin-left: var(--spacing-3); - margin-right: var(--spacing-3); - } - - .sm\:px-0 { - padding-left: var(--spacing-0); - padding-right: var(--spacing-0); - } - - .sm\:w-auto { - width: auto; - } + .sm\:w-auto { + width: auto; + } - .sm\:w-1\/2 { - width: 50%; - } + .sm\:w-1\/2 { + width: 50%; + } - .sm\:w-1\/3 { - width: 33.33333%; - } + .sm\:w-1\/3 { + width: 33.33333%; + } - .sm\:w-2\/3 { - width: 66.66667%; - } + .sm\:w-2\/3 { + width: 66.66667%; + } - .sm\:w-1\/4 { - width: 25%; - } + .sm\:w-1\/4 { + width: 25%; + } - .sm\:w-2\/4 { - width: 50%; - } + .sm\:w-2\/4 { + width: 50%; + } - .sm\:w-3\/4 { - width: 75%; - } + .sm\:w-3\/4 { + width: 75%; + } - .sm\:w-1\/5 { - width: 20%; - } + .sm\:w-1\/5 { + width: 20%; + } - .sm\:w-2\/5 { - width: 40%; - } + .sm\:w-2\/5 { + width: 40%; + } - .sm\:w-3\/5 { - width: 60%; - } + .sm\:w-3\/5 { + width: 60%; + } - .sm\:w-4\/5 { - width: 80%; - } + .sm\:w-4\/5 { + width: 80%; + } - .sm\:w-1\/6 { - width: 16.66667%; - } + .sm\:w-1\/6 { + width: 16.66667%; + } - .sm\:w-2\/6 { - width: 33.33333%; - } + .sm\:w-2\/6 { + width: 33.33333%; + } - .sm\:w-3\/6 { - width: 50%; - } + .sm\:w-3\/6 { + width: 50%; + } - .sm\:w-4\/6 { - width: 66.66667%; - } + .sm\:w-4\/6 { + width: 66.66667%; + } - .sm\:w-5\/6 { - width: 83.33333%; - } + .sm\:w-5\/6 { + width: 83.33333%; + } - .sm\:w-1\/12 { - width: 8.33333%; - } + .sm\:w-1\/12 { + width: 8.33333%; + } - .sm\:w-2\/12 { - width: 16.66667%; - } + .sm\:w-2\/12 { + width: 16.66667%; + } - .sm\:w-3\/12 { - width: 25%; - } + .sm\:w-3\/12 { + width: 25%; + } - .sm\:w-4\/12 { - width: 33.33333%; - } + .sm\:w-4\/12 { + width: 33.33333%; + } - .sm\:w-5\/12 { - width: 41.66667%; - } + .sm\:w-5\/12 { + width: 41.66667%; + } - .sm\:w-6\/12 { - width: 50%; - } + .sm\:w-6\/12 { + width: 50%; + } - .sm\:w-7\/12 { - width: 58.33333%; - } + .sm\:w-7\/12 { + width: 58.33333%; + } - .sm\:w-8\/12 { - width: 66.66667%; - } + .sm\:w-8\/12 { + width: 66.66667%; + } - .sm\:w-9\/12 { - width: 75%; - } + .sm\:w-9\/12 { + width: 75%; + } - .sm\:w-10\/12 { - width: 83.33333%; - } + .sm\:w-10\/12 { + width: 83.33333%; + } - .sm\:w-11\/12 { - width: 91.66667%; - } + .sm\:w-11\/12 { + width: 91.66667%; + } - .sm\:w-full { - width: 100%; - } + .sm\:w-full { + width: 100%; + } } @media (min-width: 768px) { + .md\:flex { + display: flex; + } + + .md\:hidden { + display: none; + } + + .md\:flex-row { + flex-direction: row; + } + + .md\:flex-row-reverse { + flex-direction: row-reverse; + } + + .md\:justify-start { + justify-content: flex-start; + } + + .md\:justify-end { + justify-content: flex-end; + } + + .md\:flex-grow-0 { + flex-grow: 0; + } + + .md\:flex-grow { + flex-grow: 1; + } + + .md\:-mx-3 { + margin-left: calc(var(--spacing-3) * -1); + margin-right: calc(var(--spacing-3) * -1); + } + + .md\:mb-0 { + margin-bottom: var(--spacing-0); + } + + .md\:px-3 { + padding-left: var(--spacing-3); + padding-right: var(--spacing-3); + } - .md\:flex { - display: flex; - } - - .md\:hidden { - display: none; - } - - .md\:flex-row { - flex-direction: row; - } - - .md\:flex-row-reverse { - flex-direction: row-reverse; - } - - .md\:justify-start { - justify-content: flex-start; - } - - .md\:justify-end { - justify-content: flex-end; - } - - .md\:flex-grow-0 { - flex-grow: 0; - } - - .md\:flex-grow { - flex-grow: 1; - } - - .md\:-mx-3 { - margin-left: calc(var(--spacing-3) * -1); - margin-right: calc(var(--spacing-3) * -1); - } - - .md\:mb-0 { - margin-bottom: var(--spacing-0); - } - - .md\:px-3 { - padding-left: var(--spacing-3); - padding-right: var(--spacing-3); - } - - .md\:w-auto { - width: auto; - } + .md\:w-auto { + width: auto; + } - .md\:w-1\/2 { - width: 50%; - } + .md\:w-1\/2 { + width: 50%; + } - .md\:w-1\/3 { - width: 33.33333%; - } + .md\:w-1\/3 { + width: 33.33333%; + } - .md\:w-2\/3 { - width: 66.66667%; - } + .md\:w-2\/3 { + width: 66.66667%; + } - .md\:w-1\/4 { - width: 25%; - } + .md\:w-1\/4 { + width: 25%; + } - .md\:w-2\/4 { - width: 50%; - } + .md\:w-2\/4 { + width: 50%; + } - .md\:w-3\/4 { - width: 75%; - } + .md\:w-3\/4 { + width: 75%; + } - .md\:w-1\/5 { - width: 20%; - } + .md\:w-1\/5 { + width: 20%; + } - .md\:w-2\/5 { - width: 40%; - } + .md\:w-2\/5 { + width: 40%; + } - .md\:w-3\/5 { - width: 60%; - } + .md\:w-3\/5 { + width: 60%; + } - .md\:w-4\/5 { - width: 80%; - } + .md\:w-4\/5 { + width: 80%; + } - .md\:w-1\/6 { - width: 16.66667%; - } + .md\:w-1\/6 { + width: 16.66667%; + } - .md\:w-2\/6 { - width: 33.33333%; - } + .md\:w-2\/6 { + width: 33.33333%; + } - .md\:w-3\/6 { - width: 50%; - } + .md\:w-3\/6 { + width: 50%; + } - .md\:w-4\/6 { - width: 66.66667%; - } + .md\:w-4\/6 { + width: 66.66667%; + } - .md\:w-5\/6 { - width: 83.33333%; - } + .md\:w-5\/6 { + width: 83.33333%; + } - .md\:w-1\/12 { - width: 8.33333%; - } + .md\:w-1\/12 { + width: 8.33333%; + } - .md\:w-2\/12 { - width: 16.66667%; - } + .md\:w-2\/12 { + width: 16.66667%; + } - .md\:w-3\/12 { - width: 25%; - } + .md\:w-3\/12 { + width: 25%; + } - .md\:w-4\/12 { - width: 33.33333%; - } + .md\:w-4\/12 { + width: 33.33333%; + } - .md\:w-5\/12 { - width: 41.66667%; - } + .md\:w-5\/12 { + width: 41.66667%; + } - .md\:w-6\/12 { - width: 50%; - } + .md\:w-6\/12 { + width: 50%; + } - .md\:w-7\/12 { - width: 58.33333%; - } + .md\:w-7\/12 { + width: 58.33333%; + } - .md\:w-8\/12 { - width: 66.66667%; - } + .md\:w-8\/12 { + width: 66.66667%; + } - .md\:w-9\/12 { - width: 75%; - } + .md\:w-9\/12 { + width: 75%; + } - .md\:w-10\/12 { - width: 83.33333%; - } + .md\:w-10\/12 { + width: 83.33333%; + } - .md\:w-11\/12 { - width: 91.66667%; - } + .md\:w-11\/12 { + width: 91.66667%; + } - .md\:w-full { - width: 100%; - } + .md\:w-full { + width: 100%; + } } @media (min-width: 1024px) { + .lg\:flex-row { + flex-direction: row; + } + + .lg\:flex-row-reverse { + flex-direction: row-reverse; + } + + .lg\:flex-grow-0 { + flex-grow: 0; + } + + .lg\:flex-grow { + flex-grow: 1; + } + + .lg\:mx-4 { + margin-left: var(--spacing-4); + margin-right: var(--spacing-4); + } - .lg\:flex-row { - flex-direction: row; - } - - .lg\:flex-row-reverse { - flex-direction: row-reverse; - } - - .lg\:flex-grow-0 { - flex-grow: 0; - } - - .lg\:flex-grow { - flex-grow: 1; - } - - .lg\:mx-4 { - margin-left: var(--spacing-4); - margin-right: var(--spacing-4); - } - - .lg\:w-auto { - width: auto; - } - - .lg\:w-1\/2 { - width: 50%; - } - - .lg\:w-1\/3 { - width: 33.33333%; - } - - .lg\:w-2\/3 { - width: 66.66667%; - } - - .lg\:w-1\/4 { - width: 25%; - } - - .lg\:w-2\/4 { - width: 50%; - } - - .lg\:w-3\/4 { - width: 75%; - } - - .lg\:w-1\/5 { - width: 20%; - } - - .lg\:w-2\/5 { - width: 40%; - } - - .lg\:w-3\/5 { - width: 60%; - } - - .lg\:w-4\/5 { - width: 80%; - } - - .lg\:w-1\/6 { - width: 16.66667%; - } - - .lg\:w-2\/6 { - width: 33.33333%; - } - - .lg\:w-3\/6 { - width: 50%; - } - - .lg\:w-4\/6 { - width: 66.66667%; - } - - .lg\:w-5\/6 { - width: 83.33333%; - } - - .lg\:w-1\/12 { - width: 8.33333%; - } - - .lg\:w-2\/12 { - width: 16.66667%; - } + .lg\:w-auto { + width: auto; + } - .lg\:w-3\/12 { - width: 25%; - } + .lg\:w-1\/2 { + width: 50%; + } - .lg\:w-4\/12 { - width: 33.33333%; - } - - .lg\:w-5\/12 { - width: 41.66667%; - } - - .lg\:w-6\/12 { - width: 50%; - } - - .lg\:w-7\/12 { - width: 58.33333%; - } - - .lg\:w-8\/12 { - width: 66.66667%; - } - - .lg\:w-9\/12 { - width: 75%; - } + .lg\:w-1\/3 { + width: 33.33333%; + } + + .lg\:w-2\/3 { + width: 66.66667%; + } + + .lg\:w-1\/4 { + width: 25%; + } + + .lg\:w-2\/4 { + width: 50%; + } + + .lg\:w-3\/4 { + width: 75%; + } + + .lg\:w-1\/5 { + width: 20%; + } + + .lg\:w-2\/5 { + width: 40%; + } + + .lg\:w-3\/5 { + width: 60%; + } + + .lg\:w-4\/5 { + width: 80%; + } + + .lg\:w-1\/6 { + width: 16.66667%; + } + + .lg\:w-2\/6 { + width: 33.33333%; + } + + .lg\:w-3\/6 { + width: 50%; + } + + .lg\:w-4\/6 { + width: 66.66667%; + } + + .lg\:w-5\/6 { + width: 83.33333%; + } + + .lg\:w-1\/12 { + width: 8.33333%; + } + + .lg\:w-2\/12 { + width: 16.66667%; + } + + .lg\:w-3\/12 { + width: 25%; + } + + .lg\:w-4\/12 { + width: 33.33333%; + } + + .lg\:w-5\/12 { + width: 41.66667%; + } + + .lg\:w-6\/12 { + width: 50%; + } + + .lg\:w-7\/12 { + width: 58.33333%; + } + + .lg\:w-8\/12 { + width: 66.66667%; + } + + .lg\:w-9\/12 { + width: 75%; + } - .lg\:w-10\/12 { - width: 83.33333%; - } + .lg\:w-10\/12 { + width: 83.33333%; + } - .lg\:w-11\/12 { - width: 91.66667%; - } + .lg\:w-11\/12 { + width: 91.66667%; + } - .lg\:w-full { - width: 100%; - } + .lg\:w-full { + width: 100%; + } } diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/colors.css b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/colors.css index 7a822ca5c..7ed988643 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/colors.css +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/colors.css @@ -1,103 +1,94 @@ /* color vars */ :root { - --color-gray-100: #f7fafc; - --color-gray-200: #edf2f7; - --color-gray-300: #e2e8f0; - --color-gray-400: #cbd5e0; - --color-gray-500: #a0aec0; - --color-gray-600: #718096; - --color-gray-700: #4a5568; - --color-gray-800: #2d3748; - --color-gray-900: #1a202c; -; - --color-red-100: #fff5f5; - --color-red-200: #fed7d7; - --color-red-300: #feb2b2; - --color-red-400: #fc8181; - --color-red-500: #f56565; - --color-red-600: #e53e3e; - --color-red-700: #c53030; - --color-red-800: #9b2c2c; - --color-red-900: #742a2a; -; - --color-orange-100: #fffaf0; - --color-orange-200: #feebc8; - --color-orange-300: #fbd38d; - --color-orange-400: #f6ad55; - --color-orange-500: #ed8936; - --color-orange-600: #dd6b20; - --color-orange-700: #c05621; - --color-orange-800: #9c4221; - --color-orange-900: #7b341e; -; - --color-yellow-100: #fffff0; - --color-yellow-200: #fefcbf; - --color-yellow-300: #faf089; - --color-yellow-400: #f6e05e; - --color-yellow-500: #ecc94b; - --color-yellow-600: #d69e2e; - --color-yellow-700: #b7791f; - --color-yellow-800: #975a16; - --color-yellow-900: #744210; -; - --color-green-100: #f0fff4; - --color-green-200: #c6f6d5; - --color-green-300: #9ae6b4; - --color-green-400: #68d391; - --color-green-500: #48bb78; - --color-green-600: #38a169; - --color-green-700: #2f855a; - --color-green-800: #276749; - --color-green-900: #22543d; -; - --color-teal-100: #e6fffa; - --color-teal-200: #b2f5ea; - --color-teal-300: #81e6d9; - --color-teal-400: #4fd1c5; - --color-teal-500: #38b2ac; - --color-teal-600: #319795; - --color-teal-700: #2c7a7b; - --color-teal-800: #285e61; - --color-teal-900: #234e52; -; - --color-blue-100: #ebf8ff; - --color-blue-200: #bee3f8; - --color-blue-300: #90cdf4; - --color-blue-400: #63b3ed; - --color-blue-500: #4299e1; - --color-blue-600: #3182ce; - --color-blue-700: #2b6cb0; - --color-blue-800: #2c5282; - --color-blue-900: #2a4365; -; - --color-indigo-100: #ebf4ff; - --color-indigo-200: #c3dafe; - --color-indigo-300: #a3bffa; - --color-indigo-400: #7f9cf5; - --color-indigo-500: #667eea; - --color-indigo-600: #5a67d8; - --color-indigo-700: #4c51bf; - --color-indigo-800: #434190; - --color-indigo-900: #3c366b; -; - --color-purple-100: #faf5ff; - --color-purple-200: #e9d8fd; - --color-purple-300: #d6bcfa; - --color-purple-400: #b794f4; - --color-purple-500: #9f7aea; - --color-purple-600: #805ad5; - --color-purple-700: #6b46c1; - --color-purple-800: #553c9a; - --color-purple-900: #44337a; -; - --color-pink-100: #fff5f7; - --color-pink-200: #fed7e2; - --color-pink-300: #fbb6ce; - --color-pink-400: #f687b3; - --color-pink-500: #ed64a6; - --color-pink-600: #d53f8c; - --color-pink-700: #b83280; - --color-pink-800: #97266d; - --color-pink-900: #702459; -} \ No newline at end of file + --color-gray-100: #f7fafc; + --color-gray-200: #edf2f7; + --color-gray-300: #e2e8f0; + --color-gray-400: #cbd5e0; + --color-gray-500: #a0aec0; + --color-gray-600: #718096; + --color-gray-700: #4a5568; + --color-gray-800: #2d3748; + --color-gray-900: #1a202c; + --color-red-100: #fff5f5; + --color-red-200: #fed7d7; + --color-red-300: #feb2b2; + --color-red-400: #fc8181; + --color-red-500: #f56565; + --color-red-600: #e53e3e; + --color-red-700: #c53030; + --color-red-800: #9b2c2c; + --color-red-900: #742a2a; + --color-orange-100: #fffaf0; + --color-orange-200: #feebc8; + --color-orange-300: #fbd38d; + --color-orange-400: #f6ad55; + --color-orange-500: #ed8936; + --color-orange-600: #dd6b20; + --color-orange-700: #c05621; + --color-orange-800: #9c4221; + --color-orange-900: #7b341e; + --color-yellow-100: #fffff0; + --color-yellow-200: #fefcbf; + --color-yellow-300: #faf089; + --color-yellow-400: #f6e05e; + --color-yellow-500: #ecc94b; + --color-yellow-600: #d69e2e; + --color-yellow-700: #b7791f; + --color-yellow-800: #975a16; + --color-yellow-900: #744210; + --color-green-100: #f0fff4; + --color-green-200: #c6f6d5; + --color-green-300: #9ae6b4; + --color-green-400: #68d391; + --color-green-500: #48bb78; + --color-green-600: #38a169; + --color-green-700: #2f855a; + --color-green-800: #276749; + --color-green-900: #22543d; + --color-teal-100: #e6fffa; + --color-teal-200: #b2f5ea; + --color-teal-300: #81e6d9; + --color-teal-400: #4fd1c5; + --color-teal-500: #38b2ac; + --color-teal-600: #319795; + --color-teal-700: #2c7a7b; + --color-teal-800: #285e61; + --color-teal-900: #234e52; + --color-blue-100: #ebf8ff; + --color-blue-200: #bee3f8; + --color-blue-300: #90cdf4; + --color-blue-400: #63b3ed; + --color-blue-500: #4299e1; + --color-blue-600: #3182ce; + --color-blue-700: #2b6cb0; + --color-blue-800: #2c5282; + --color-blue-900: #2a4365; + --color-indigo-100: #ebf4ff; + --color-indigo-200: #c3dafe; + --color-indigo-300: #a3bffa; + --color-indigo-400: #7f9cf5; + --color-indigo-500: #667eea; + --color-indigo-600: #5a67d8; + --color-indigo-700: #4c51bf; + --color-indigo-800: #434190; + --color-indigo-900: #3c366b; + --color-purple-100: #faf5ff; + --color-purple-200: #e9d8fd; + --color-purple-300: #d6bcfa; + --color-purple-400: #b794f4; + --color-purple-500: #9f7aea; + --color-purple-600: #805ad5; + --color-purple-700: #6b46c1; + --color-purple-800: #553c9a; + --color-purple-900: #44337a; + --color-pink-100: #fff5f7; + --color-pink-200: #fed7e2; + --color-pink-300: #fbb6ce; + --color-pink-400: #f687b3; + --color-pink-500: #ed64a6; + --color-pink-600: #d53f8c; + --color-pink-700: #b83280; + --color-pink-800: #97266d; + --color-pink-900: #702459; +} diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/custom.css b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/custom.css index 1f987f703..1449f624c 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/custom.css +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/custom.css @@ -1,41 +1,44 @@ :root { - --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; - --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; + --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", + monospace; - --font-size-xs: .75rem; - --font-size-sm: .875rem; - --font-size-base: 1rem; - --font-size-lg: 1.125rem; - --font-size-xl: 1.25rem; - --font-size-2xl: 1.5rem; - --font-size-3xl: 1.875rem; - --font-size-4xl: 2.25rem; - --font-size-5xl: 3rem; - --font-size-6xl: 4rem; - --line-height-1: 1.5rem; - --line-height-2: 1.75rem; - --line-height-3: 2.125rem; - --line-height-4: 2.5rem; - --line-height-5: 3.25rem; - --line-height-6: 4.25rem; + --font-size-xs: 0.75rem; + --font-size-sm: 0.875rem; + --font-size-base: 1rem; + --font-size-lg: 1.125rem; + --font-size-xl: 1.25rem; + --font-size-2xl: 1.5rem; + --font-size-3xl: 1.875rem; + --font-size-4xl: 2.25rem; + --font-size-5xl: 3rem; + --font-size-6xl: 4rem; + --line-height-1: 1.5rem; + --line-height-2: 1.75rem; + --line-height-3: 2.125rem; + --line-height-4: 2.5rem; + --line-height-5: 3.25rem; + --line-height-6: 4.25rem; - --spacing-0: 0; - --spacing-1: 0.25rem; - --spacing-2: 0.5rem; - --spacing-3: 0.75rem; - --spacing-4: 1rem; - --spacing-5: 1.25rem; - --spacing-6: 1.5rem; - --spacing-8: 2rem; - --spacing-10: 2.5rem; - --spacing-12: 3rem; - --spacing-16: 4rem; - --spacing-20: 5rem; - --spacing-24: 6rem; - --spacing-32: 8rem; - --spacing-40: 10rem; - --spacing-48: 12rem; - --spacing-56: 14rem; - --spacing-64: 16rem; + --spacing-0: 0; + --spacing-1: 0.25rem; + --spacing-2: 0.5rem; + --spacing-3: 0.75rem; + --spacing-4: 1rem; + --spacing-5: 1.25rem; + --spacing-6: 1.5rem; + --spacing-8: 2rem; + --spacing-10: 2.5rem; + --spacing-12: 3rem; + --spacing-16: 4rem; + --spacing-20: 5rem; + --spacing-24: 6rem; + --spacing-32: 8rem; + --spacing-40: 10rem; + --spacing-48: 12rem; + --spacing-56: 14rem; + --spacing-64: 16rem; } diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/intersection-observer.js b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/intersection-observer.js index 67ba3f80b..b10c963de 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/intersection-observer.js +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/intersection-observer.js @@ -6,736 +6,743 @@ * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document * */ -(function() { -'use strict'; - -// Exit early if we're not running in a browser. -if (typeof window !== 'object') { - return; -} - -// Exit early if all IntersectionObserver and IntersectionObserverEntry -// features are natively supported. -if ('IntersectionObserver' in window && - 'IntersectionObserverEntry' in window && - 'intersectionRatio' in window.IntersectionObserverEntry.prototype) { - - // Minimal polyfill for Edge 15's lack of `isIntersecting` - // See: https://github.com/w3c/IntersectionObserver/issues/211 - if (!('isIntersecting' in window.IntersectionObserverEntry.prototype)) { - Object.defineProperty(window.IntersectionObserverEntry.prototype, - 'isIntersecting', { - get: function () { - return this.intersectionRatio > 0; - } - }); - } - return; -} - - -/** - * A local reference to the document. - */ -var document = window.document; - - -/** - * An IntersectionObserver registry. This registry exists to hold a strong - * reference to IntersectionObserver instances currently observing a target - * element. Without this registry, instances without another reference may be - * garbage collected. - */ -var registry = []; - - -/** - * Creates the global IntersectionObserverEntry constructor. - * https://w3c.github.io/IntersectionObserver/#intersection-observer-entry - * @param {Object} entry A dictionary of instance properties. - * @constructor - */ -function IntersectionObserverEntry(entry) { - this.time = entry.time; - this.target = entry.target; - this.rootBounds = entry.rootBounds; - this.boundingClientRect = entry.boundingClientRect; - this.intersectionRect = entry.intersectionRect || getEmptyRect(); - this.isIntersecting = !!entry.intersectionRect; - - // Calculates the intersection ratio. - var targetRect = this.boundingClientRect; - var targetArea = targetRect.width * targetRect.height; - var intersectionRect = this.intersectionRect; - var intersectionArea = intersectionRect.width * intersectionRect.height; - - // Sets intersection ratio. - if (targetArea) { - // Round the intersection ratio to avoid floating point math issues: - // https://github.com/w3c/IntersectionObserver/issues/324 - this.intersectionRatio = Number((intersectionArea / targetArea).toFixed(4)); - } else { - // If area is zero and is intersecting, sets to 1, otherwise to 0 - this.intersectionRatio = this.isIntersecting ? 1 : 0; - } -} - - -/** - * Creates the global IntersectionObserver constructor. - * https://w3c.github.io/IntersectionObserver/#intersection-observer-interface - * @param {Function} callback The function to be invoked after intersection - * changes have queued. The function is not invoked if the queue has - * been emptied by calling the `takeRecords` method. - * @param {Object=} opt_options Optional configuration options. - * @constructor - */ -function IntersectionObserver(callback, opt_options) { - - var options = opt_options || {}; - - if (typeof callback != 'function') { - throw new Error('callback must be a function'); - } - - if (options.root && options.root.nodeType != 1) { - throw new Error('root must be an Element'); - } - - // Binds and throttles `this._checkForIntersections`. - this._checkForIntersections = throttle( - this._checkForIntersections.bind(this), this.THROTTLE_TIMEOUT); - - // Private properties. - this._callback = callback; - this._observationTargets = []; - this._queuedEntries = []; - this._rootMarginValues = this._parseRootMargin(options.rootMargin); - - // Public properties. - this.thresholds = this._initThresholds(options.threshold); - this.root = options.root || null; - this.rootMargin = this._rootMarginValues.map(function(margin) { - return margin.value + margin.unit; - }).join(' '); -} - - -/** - * The minimum interval within which the document will be checked for - * intersection changes. - */ -IntersectionObserver.prototype.THROTTLE_TIMEOUT = 100; - - -/** - * The frequency in which the polyfill polls for intersection changes. - * this can be updated on a per instance basis and must be set prior to - * calling `observe` on the first target. - */ -IntersectionObserver.prototype.POLL_INTERVAL = null; - -/** - * Use a mutation observer on the root element - * to detect intersection changes. - */ -IntersectionObserver.prototype.USE_MUTATION_OBSERVER = true; - - -/** - * Starts observing a target element for intersection changes based on - * the thresholds values. - * @param {Element} target The DOM element to observe. - */ -IntersectionObserver.prototype.observe = function(target) { - var isTargetAlreadyObserved = this._observationTargets.some(function(item) { - return item.element == target; - }); - - if (isTargetAlreadyObserved) { - return; - } - - if (!(target && target.nodeType == 1)) { - throw new Error('target must be an Element'); - } - - this._registerInstance(); - this._observationTargets.push({element: target, entry: null}); - this._monitorIntersections(); - this._checkForIntersections(); -}; - - -/** - * Stops observing a target element for intersection changes. - * @param {Element} target The DOM element to observe. - */ -IntersectionObserver.prototype.unobserve = function(target) { - this._observationTargets = - this._observationTargets.filter(function(item) { - - return item.element != target; - }); - if (!this._observationTargets.length) { - this._unmonitorIntersections(); - this._unregisterInstance(); - } -}; - - -/** - * Stops observing all target elements for intersection changes. - */ -IntersectionObserver.prototype.disconnect = function() { - this._observationTargets = []; - this._unmonitorIntersections(); - this._unregisterInstance(); -}; - - -/** - * Returns any queue entries that have not yet been reported to the - * callback and clears the queue. This can be used in conjunction with the - * callback to obtain the absolute most up-to-date intersection information. - * @return {Array} The currently queued entries. - */ -IntersectionObserver.prototype.takeRecords = function() { - var records = this._queuedEntries.slice(); - this._queuedEntries = []; - return records; -}; - - -/** - * Accepts the threshold value from the user configuration object and - * returns a sorted array of unique threshold values. If a value is not - * between 0 and 1 and error is thrown. - * @private - * @param {Array|number=} opt_threshold An optional threshold value or - * a list of threshold values, defaulting to [0]. - * @return {Array} A sorted list of unique and valid threshold values. - */ -IntersectionObserver.prototype._initThresholds = function(opt_threshold) { - var threshold = opt_threshold || [0]; - if (!Array.isArray(threshold)) threshold = [threshold]; - - return threshold.sort().filter(function(t, i, a) { - if (typeof t != 'number' || isNaN(t) || t < 0 || t > 1) { - throw new Error('threshold must be a number between 0 and 1 inclusively'); - } - return t !== a[i - 1]; - }); -}; - - -/** - * Accepts the rootMargin value from the user configuration object - * and returns an array of the four margin values as an object containing - * the value and unit properties. If any of the values are not properly - * formatted or use a unit other than px or %, and error is thrown. - * @private - * @param {string=} opt_rootMargin An optional rootMargin value, - * defaulting to '0px'. - * @return {Array} An array of margin objects with the keys - * value and unit. - */ -IntersectionObserver.prototype._parseRootMargin = function(opt_rootMargin) { - var marginString = opt_rootMargin || '0px'; - var margins = marginString.split(/\s+/).map(function(margin) { - var parts = /^(-?\d*\.?\d+)(px|%)$/.exec(margin); - if (!parts) { - throw new Error('rootMargin must be specified in pixels or percent'); - } - return {value: parseFloat(parts[1]), unit: parts[2]}; - }); - - // Handles shorthand. - margins[1] = margins[1] || margins[0]; - margins[2] = margins[2] || margins[0]; - margins[3] = margins[3] || margins[1]; - - return margins; -}; - - -/** - * Starts polling for intersection changes if the polling is not already - * happening, and if the page's visibility state is visible. - * @private - */ -IntersectionObserver.prototype._monitorIntersections = function() { - if (!this._monitoringIntersections) { - this._monitoringIntersections = true; - - // If a poll interval is set, use polling instead of listening to - // resize and scroll events or DOM mutations. - if (this.POLL_INTERVAL) { - this._monitoringInterval = setInterval( - this._checkForIntersections, this.POLL_INTERVAL); - } - else { - addEvent(window, 'resize', this._checkForIntersections, true); - addEvent(document, 'scroll', this._checkForIntersections, true); - - if (this.USE_MUTATION_OBSERVER && 'MutationObserver' in window) { - this._domObserver = new MutationObserver(this._checkForIntersections); - this._domObserver.observe(document, { - attributes: true, - childList: true, - characterData: true, - subtree: true - }); - } - } - } -}; - - -/** - * Stops polling for intersection changes. - * @private - */ -IntersectionObserver.prototype._unmonitorIntersections = function() { - if (this._monitoringIntersections) { - this._monitoringIntersections = false; - - clearInterval(this._monitoringInterval); - this._monitoringInterval = null; - - removeEvent(window, 'resize', this._checkForIntersections, true); - removeEvent(document, 'scroll', this._checkForIntersections, true); - - if (this._domObserver) { - this._domObserver.disconnect(); - this._domObserver = null; - } - } -}; - - -/** - * Scans each observation target for intersection changes and adds them - * to the internal entries queue. If new entries are found, it - * schedules the callback to be invoked. - * @private - */ -IntersectionObserver.prototype._checkForIntersections = function() { - var rootIsInDom = this._rootIsInDom(); - var rootRect = rootIsInDom ? this._getRootRect() : getEmptyRect(); - - this._observationTargets.forEach(function(item) { - var target = item.element; - var targetRect = getBoundingClientRect(target); - var rootContainsTarget = this._rootContainsTarget(target); - var oldEntry = item.entry; - var intersectionRect = rootIsInDom && rootContainsTarget && - this._computeTargetAndRootIntersection(target, rootRect); - - var newEntry = item.entry = new IntersectionObserverEntry({ - time: now(), - target: target, - boundingClientRect: targetRect, - rootBounds: rootRect, - intersectionRect: intersectionRect - }); - - if (!oldEntry) { - this._queuedEntries.push(newEntry); - } else if (rootIsInDom && rootContainsTarget) { - // If the new entry intersection ratio has crossed any of the - // thresholds, add a new entry. - if (this._hasCrossedThreshold(oldEntry, newEntry)) { - this._queuedEntries.push(newEntry); - } - } else { - // If the root is not in the DOM or target is not contained within - // root but the previous entry for this target had an intersection, - // add a new record indicating removal. - if (oldEntry && oldEntry.isIntersecting) { - this._queuedEntries.push(newEntry); - } - } - }, this); - - if (this._queuedEntries.length) { - this._callback(this.takeRecords(), this); - } -}; - - -/** - * Accepts a target and root rect computes the intersection between then - * following the algorithm in the spec. - * TODO(philipwalton): at this time clip-path is not considered. - * https://w3c.github.io/IntersectionObserver/#calculate-intersection-rect-algo - * @param {Element} target The target DOM element - * @param {Object} rootRect The bounding rect of the root after being - * expanded by the rootMargin value. - * @return {?Object} The final intersection rect object or undefined if no - * intersection is found. - * @private - */ -IntersectionObserver.prototype._computeTargetAndRootIntersection = - function(target, rootRect) { - - // If the element isn't displayed, an intersection can't happen. - if (window.getComputedStyle(target).display == 'none') return; - - var targetRect = getBoundingClientRect(target); - var intersectionRect = targetRect; - var parent = getParentNode(target); - var atRoot = false; - - while (!atRoot) { - var parentRect = null; - var parentComputedStyle = parent.nodeType == 1 ? - window.getComputedStyle(parent) : {}; - - // If the parent isn't displayed, an intersection can't happen. - if (parentComputedStyle.display == 'none') return; - - if (parent == this.root || parent == document) { - atRoot = true; - parentRect = rootRect; - } else { - // If the element has a non-visible overflow, and it's not the - // or element, update the intersection rect. - // Note: and cannot be clipped to a rect that's not also - // the document rect, so no need to compute a new intersection. - if (parent != document.body && - parent != document.documentElement && - parentComputedStyle.overflow != 'visible') { - parentRect = getBoundingClientRect(parent); - } - } - - // If either of the above conditionals set a new parentRect, - // calculate new intersection data. - if (parentRect) { - intersectionRect = computeRectIntersection(parentRect, intersectionRect); - - if (!intersectionRect) break; - } - parent = getParentNode(parent); - } - return intersectionRect; -}; - - -/** - * Returns the root rect after being expanded by the rootMargin value. - * @return {Object} The expanded root rect. - * @private - */ -IntersectionObserver.prototype._getRootRect = function() { - var rootRect; - if (this.root) { - rootRect = getBoundingClientRect(this.root); - } else { - // Use / instead of window since scroll bars affect size. - var html = document.documentElement; - var body = document.body; - rootRect = { - top: 0, - left: 0, - right: html.clientWidth || body.clientWidth, - width: html.clientWidth || body.clientWidth, - bottom: html.clientHeight || body.clientHeight, - height: html.clientHeight || body.clientHeight - }; - } - return this._expandRectByRootMargin(rootRect); -}; - - -/** - * Accepts a rect and expands it by the rootMargin value. - * @param {Object} rect The rect object to expand. - * @return {Object} The expanded rect. - * @private - */ -IntersectionObserver.prototype._expandRectByRootMargin = function(rect) { - var margins = this._rootMarginValues.map(function(margin, i) { - return margin.unit == 'px' ? margin.value : - margin.value * (i % 2 ? rect.width : rect.height) / 100; - }); - var newRect = { - top: rect.top - margins[0], - right: rect.right + margins[1], - bottom: rect.bottom + margins[2], - left: rect.left - margins[3] - }; - newRect.width = newRect.right - newRect.left; - newRect.height = newRect.bottom - newRect.top; - - return newRect; -}; - - -/** - * Accepts an old and new entry and returns true if at least one of the - * threshold values has been crossed. - * @param {?IntersectionObserverEntry} oldEntry The previous entry for a - * particular target element or null if no previous entry exists. - * @param {IntersectionObserverEntry} newEntry The current entry for a - * particular target element. - * @return {boolean} Returns true if a any threshold has been crossed. - * @private - */ -IntersectionObserver.prototype._hasCrossedThreshold = - function(oldEntry, newEntry) { - - // To make comparing easier, an entry that has a ratio of 0 - // but does not actually intersect is given a value of -1 - var oldRatio = oldEntry && oldEntry.isIntersecting ? - oldEntry.intersectionRatio || 0 : -1; - var newRatio = newEntry.isIntersecting ? - newEntry.intersectionRatio || 0 : -1; - - // Ignore unchanged ratios - if (oldRatio === newRatio) return; - - for (var i = 0; i < this.thresholds.length; i++) { - var threshold = this.thresholds[i]; - - // Return true if an entry matches a threshold or if the new ratio - // and the old ratio are on the opposite sides of a threshold. - if (threshold == oldRatio || threshold == newRatio || - threshold < oldRatio !== threshold < newRatio) { - return true; - } - } -}; - - -/** - * Returns whether or not the root element is an element and is in the DOM. - * @return {boolean} True if the root element is an element and is in the DOM. - * @private - */ -IntersectionObserver.prototype._rootIsInDom = function() { - return !this.root || containsDeep(document, this.root); -}; - - -/** - * Returns whether or not the target element is a child of root. - * @param {Element} target The target element to check. - * @return {boolean} True if the target element is a child of root. - * @private - */ -IntersectionObserver.prototype._rootContainsTarget = function(target) { - return containsDeep(this.root || document, target); -}; - - -/** - * Adds the instance to the global IntersectionObserver registry if it isn't - * already present. - * @private - */ -IntersectionObserver.prototype._registerInstance = function() { - if (registry.indexOf(this) < 0) { - registry.push(this); - } -}; - - -/** - * Removes the instance from the global IntersectionObserver registry. - * @private - */ -IntersectionObserver.prototype._unregisterInstance = function() { - var index = registry.indexOf(this); - if (index != -1) registry.splice(index, 1); -}; - - -/** - * Returns the result of the performance.now() method or null in browsers - * that don't support the API. - * @return {number} The elapsed time since the page was requested. - */ -function now() { - return window.performance && performance.now && performance.now(); -} - - -/** - * Throttles a function and delays its execution, so it's only called at most - * once within a given time period. - * @param {Function} fn The function to throttle. - * @param {number} timeout The amount of time that must pass before the - * function can be called again. - * @return {Function} The throttled function. - */ -function throttle(fn, timeout) { - var timer = null; - return function () { - if (!timer) { - timer = setTimeout(function() { - fn(); - timer = null; - }, timeout); - } - }; -} - - -/** - * Adds an event handler to a DOM node ensuring cross-browser compatibility. - * @param {Node} node The DOM node to add the event handler to. - * @param {string} event The event name. - * @param {Function} fn The event handler to add. - * @param {boolean} opt_useCapture Optionally adds the even to the capture - * phase. Note: this only works in modern browsers. - */ -function addEvent(node, event, fn, opt_useCapture) { - if (typeof node.addEventListener == 'function') { - node.addEventListener(event, fn, opt_useCapture || false); - } - else if (typeof node.attachEvent == 'function') { - node.attachEvent('on' + event, fn); - } -} - - -/** - * Removes a previously added event handler from a DOM node. - * @param {Node} node The DOM node to remove the event handler from. - * @param {string} event The event name. - * @param {Function} fn The event handler to remove. - * @param {boolean} opt_useCapture If the event handler was added with this - * flag set to true, it should be set to true here in order to remove it. - */ -function removeEvent(node, event, fn, opt_useCapture) { - if (typeof node.removeEventListener == 'function') { - node.removeEventListener(event, fn, opt_useCapture || false); - } - else if (typeof node.detatchEvent == 'function') { - node.detatchEvent('on' + event, fn); - } -} - - -/** - * Returns the intersection between two rect objects. - * @param {Object} rect1 The first rect. - * @param {Object} rect2 The second rect. - * @return {?Object} The intersection rect or undefined if no intersection - * is found. - */ -function computeRectIntersection(rect1, rect2) { - var top = Math.max(rect1.top, rect2.top); - var bottom = Math.min(rect1.bottom, rect2.bottom); - var left = Math.max(rect1.left, rect2.left); - var right = Math.min(rect1.right, rect2.right); - var width = right - left; - var height = bottom - top; - - return (width >= 0 && height >= 0) && { - top: top, - bottom: bottom, - left: left, - right: right, - width: width, - height: height - }; -} - - -/** - * Shims the native getBoundingClientRect for compatibility with older IE. - * @param {Element} el The element whose bounding rect to get. - * @return {Object} The (possibly shimmed) rect of the element. - */ -function getBoundingClientRect(el) { - var rect; - - try { - rect = el.getBoundingClientRect(); - } catch (err) { - // Ignore Windows 7 IE11 "Unspecified error" - // https://github.com/w3c/IntersectionObserver/pull/205 - } - - if (!rect) return getEmptyRect(); - - // Older IE - if (!(rect.width && rect.height)) { - rect = { - top: rect.top, - right: rect.right, - bottom: rect.bottom, - left: rect.left, - width: rect.right - rect.left, - height: rect.bottom - rect.top - }; - } - return rect; -} - - -/** - * Returns an empty rect object. An empty rect is returned when an element - * is not in the DOM. - * @return {Object} The empty rect. - */ -function getEmptyRect() { - return { - top: 0, - bottom: 0, - left: 0, - right: 0, - width: 0, - height: 0 - }; -} - -/** - * Checks to see if a parent element contains a child element (including inside - * shadow DOM). - * @param {Node} parent The parent element. - * @param {Node} child The child element. - * @return {boolean} True if the parent node contains the child node. - */ -function containsDeep(parent, child) { - var node = child; - while (node) { - if (node == parent) return true; - - node = getParentNode(node); - } - return false; -} - - -/** - * Gets the parent node of an element or its host element if the parent node - * is a shadow root. - * @param {Node} node The node whose parent to get. - * @return {Node|null} The parent node or null if no parent exists. - */ -function getParentNode(node) { - var parent = node.parentNode; - - if (parent && parent.nodeType == 11 && parent.host) { - // If the parent is a shadow root, return the host element. - return parent.host; - } - - if (parent && parent.assignedSlot) { - // If the parent is distributed in a , return the parent of a slot. - return parent.assignedSlot.parentNode; - } - - return parent; -} - - -// Exposes the constructors globally. -window.IntersectionObserver = IntersectionObserver; -window.IntersectionObserverEntry = IntersectionObserverEntry; - -}()); +(function () { + "use strict"; + + // Exit early if we're not running in a browser. + if (typeof window !== "object") { + return; + } + + // Exit early if all IntersectionObserver and IntersectionObserverEntry + // features are natively supported. + if ( + "IntersectionObserver" in window && + "IntersectionObserverEntry" in window && + "intersectionRatio" in window.IntersectionObserverEntry.prototype + ) { + // Minimal polyfill for Edge 15's lack of `isIntersecting` + // See: https://github.com/w3c/IntersectionObserver/issues/211 + if (!("isIntersecting" in window.IntersectionObserverEntry.prototype)) { + Object.defineProperty( + window.IntersectionObserverEntry.prototype, + "isIntersecting", + { + get: function () { + return this.intersectionRatio > 0; + }, + } + ); + } + return; + } + + /** + * A local reference to the document. + */ + var document = window.document; + + /** + * An IntersectionObserver registry. This registry exists to hold a strong + * reference to IntersectionObserver instances currently observing a target + * element. Without this registry, instances without another reference may be + * garbage collected. + */ + var registry = []; + + /** + * Creates the global IntersectionObserverEntry constructor. + * https://w3c.github.io/IntersectionObserver/#intersection-observer-entry + * @param {Object} entry A dictionary of instance properties. + * @constructor + */ + function IntersectionObserverEntry(entry) { + this.time = entry.time; + this.target = entry.target; + this.rootBounds = entry.rootBounds; + this.boundingClientRect = entry.boundingClientRect; + this.intersectionRect = entry.intersectionRect || getEmptyRect(); + this.isIntersecting = !!entry.intersectionRect; + + // Calculates the intersection ratio. + var targetRect = this.boundingClientRect; + var targetArea = targetRect.width * targetRect.height; + var intersectionRect = this.intersectionRect; + var intersectionArea = intersectionRect.width * intersectionRect.height; + + // Sets intersection ratio. + if (targetArea) { + // Round the intersection ratio to avoid floating point math issues: + // https://github.com/w3c/IntersectionObserver/issues/324 + this.intersectionRatio = Number( + (intersectionArea / targetArea).toFixed(4) + ); + } else { + // If area is zero and is intersecting, sets to 1, otherwise to 0 + this.intersectionRatio = this.isIntersecting ? 1 : 0; + } + } + + /** + * Creates the global IntersectionObserver constructor. + * https://w3c.github.io/IntersectionObserver/#intersection-observer-interface + * @param {Function} callback The function to be invoked after intersection + * changes have queued. The function is not invoked if the queue has + * been emptied by calling the `takeRecords` method. + * @param {Object=} opt_options Optional configuration options. + * @constructor + */ + function IntersectionObserver(callback, opt_options) { + var options = opt_options || {}; + + if (typeof callback != "function") { + throw new Error("callback must be a function"); + } + + if (options.root && options.root.nodeType != 1) { + throw new Error("root must be an Element"); + } + + // Binds and throttles `this._checkForIntersections`. + this._checkForIntersections = throttle( + this._checkForIntersections.bind(this), + this.THROTTLE_TIMEOUT + ); + + // Private properties. + this._callback = callback; + this._observationTargets = []; + this._queuedEntries = []; + this._rootMarginValues = this._parseRootMargin(options.rootMargin); + + // Public properties. + this.thresholds = this._initThresholds(options.threshold); + this.root = options.root || null; + this.rootMargin = this._rootMarginValues + .map(function (margin) { + return margin.value + margin.unit; + }) + .join(" "); + } + + /** + * The minimum interval within which the document will be checked for + * intersection changes. + */ + IntersectionObserver.prototype.THROTTLE_TIMEOUT = 100; + + /** + * The frequency in which the polyfill polls for intersection changes. + * this can be updated on a per instance basis and must be set prior to + * calling `observe` on the first target. + */ + IntersectionObserver.prototype.POLL_INTERVAL = null; + + /** + * Use a mutation observer on the root element + * to detect intersection changes. + */ + IntersectionObserver.prototype.USE_MUTATION_OBSERVER = true; + + /** + * Starts observing a target element for intersection changes based on + * the thresholds values. + * @param {Element} target The DOM element to observe. + */ + IntersectionObserver.prototype.observe = function (target) { + var isTargetAlreadyObserved = this._observationTargets.some(function ( + item + ) { + return item.element == target; + }); + + if (isTargetAlreadyObserved) { + return; + } + + if (!(target && target.nodeType == 1)) { + throw new Error("target must be an Element"); + } + + this._registerInstance(); + this._observationTargets.push({ element: target, entry: null }); + this._monitorIntersections(); + this._checkForIntersections(); + }; + + /** + * Stops observing a target element for intersection changes. + * @param {Element} target The DOM element to observe. + */ + IntersectionObserver.prototype.unobserve = function (target) { + this._observationTargets = this._observationTargets.filter(function ( + item + ) { + return item.element != target; + }); + if (!this._observationTargets.length) { + this._unmonitorIntersections(); + this._unregisterInstance(); + } + }; + + /** + * Stops observing all target elements for intersection changes. + */ + IntersectionObserver.prototype.disconnect = function () { + this._observationTargets = []; + this._unmonitorIntersections(); + this._unregisterInstance(); + }; + + /** + * Returns any queue entries that have not yet been reported to the + * callback and clears the queue. This can be used in conjunction with the + * callback to obtain the absolute most up-to-date intersection information. + * @return {Array} The currently queued entries. + */ + IntersectionObserver.prototype.takeRecords = function () { + var records = this._queuedEntries.slice(); + this._queuedEntries = []; + return records; + }; + + /** + * Accepts the threshold value from the user configuration object and + * returns a sorted array of unique threshold values. If a value is not + * between 0 and 1 and error is thrown. + * @private + * @param {Array|number=} opt_threshold An optional threshold value or + * a list of threshold values, defaulting to [0]. + * @return {Array} A sorted list of unique and valid threshold values. + */ + IntersectionObserver.prototype._initThresholds = function (opt_threshold) { + var threshold = opt_threshold || [0]; + if (!Array.isArray(threshold)) threshold = [threshold]; + + return threshold.sort().filter(function (t, i, a) { + if (typeof t != "number" || isNaN(t) || t < 0 || t > 1) { + throw new Error( + "threshold must be a number between 0 and 1 inclusively" + ); + } + return t !== a[i - 1]; + }); + }; + + /** + * Accepts the rootMargin value from the user configuration object + * and returns an array of the four margin values as an object containing + * the value and unit properties. If any of the values are not properly + * formatted or use a unit other than px or %, and error is thrown. + * @private + * @param {string=} opt_rootMargin An optional rootMargin value, + * defaulting to '0px'. + * @return {Array} An array of margin objects with the keys + * value and unit. + */ + IntersectionObserver.prototype._parseRootMargin = function ( + opt_rootMargin + ) { + var marginString = opt_rootMargin || "0px"; + var margins = marginString.split(/\s+/).map(function (margin) { + var parts = /^(-?\d*\.?\d+)(px|%)$/.exec(margin); + if (!parts) { + throw new Error( + "rootMargin must be specified in pixels or percent" + ); + } + return { value: parseFloat(parts[1]), unit: parts[2] }; + }); + + // Handles shorthand. + margins[1] = margins[1] || margins[0]; + margins[2] = margins[2] || margins[0]; + margins[3] = margins[3] || margins[1]; + + return margins; + }; + + /** + * Starts polling for intersection changes if the polling is not already + * happening, and if the page's visibility state is visible. + * @private + */ + IntersectionObserver.prototype._monitorIntersections = function () { + if (!this._monitoringIntersections) { + this._monitoringIntersections = true; + + // If a poll interval is set, use polling instead of listening to + // resize and scroll events or DOM mutations. + if (this.POLL_INTERVAL) { + this._monitoringInterval = setInterval( + this._checkForIntersections, + this.POLL_INTERVAL + ); + } else { + addEvent(window, "resize", this._checkForIntersections, true); + addEvent(document, "scroll", this._checkForIntersections, true); + + if ( + this.USE_MUTATION_OBSERVER && + "MutationObserver" in window + ) { + this._domObserver = new MutationObserver( + this._checkForIntersections + ); + this._domObserver.observe(document, { + attributes: true, + childList: true, + characterData: true, + subtree: true, + }); + } + } + } + }; + + /** + * Stops polling for intersection changes. + * @private + */ + IntersectionObserver.prototype._unmonitorIntersections = function () { + if (this._monitoringIntersections) { + this._monitoringIntersections = false; + + clearInterval(this._monitoringInterval); + this._monitoringInterval = null; + + removeEvent(window, "resize", this._checkForIntersections, true); + removeEvent(document, "scroll", this._checkForIntersections, true); + + if (this._domObserver) { + this._domObserver.disconnect(); + this._domObserver = null; + } + } + }; + + /** + * Scans each observation target for intersection changes and adds them + * to the internal entries queue. If new entries are found, it + * schedules the callback to be invoked. + * @private + */ + IntersectionObserver.prototype._checkForIntersections = function () { + var rootIsInDom = this._rootIsInDom(); + var rootRect = rootIsInDom ? this._getRootRect() : getEmptyRect(); + + this._observationTargets.forEach(function (item) { + var target = item.element; + var targetRect = getBoundingClientRect(target); + var rootContainsTarget = this._rootContainsTarget(target); + var oldEntry = item.entry; + var intersectionRect = + rootIsInDom && + rootContainsTarget && + this._computeTargetAndRootIntersection(target, rootRect); + + var newEntry = (item.entry = new IntersectionObserverEntry({ + time: now(), + target: target, + boundingClientRect: targetRect, + rootBounds: rootRect, + intersectionRect: intersectionRect, + })); + + if (!oldEntry) { + this._queuedEntries.push(newEntry); + } else if (rootIsInDom && rootContainsTarget) { + // If the new entry intersection ratio has crossed any of the + // thresholds, add a new entry. + if (this._hasCrossedThreshold(oldEntry, newEntry)) { + this._queuedEntries.push(newEntry); + } + } else { + // If the root is not in the DOM or target is not contained within + // root but the previous entry for this target had an intersection, + // add a new record indicating removal. + if (oldEntry && oldEntry.isIntersecting) { + this._queuedEntries.push(newEntry); + } + } + }, this); + + if (this._queuedEntries.length) { + this._callback(this.takeRecords(), this); + } + }; + + /** + * Accepts a target and root rect computes the intersection between then + * following the algorithm in the spec. + * TODO(philipwalton): at this time clip-path is not considered. + * https://w3c.github.io/IntersectionObserver/#calculate-intersection-rect-algo + * @param {Element} target The target DOM element + * @param {Object} rootRect The bounding rect of the root after being + * expanded by the rootMargin value. + * @return {?Object} The final intersection rect object or undefined if no + * intersection is found. + * @private + */ + IntersectionObserver.prototype._computeTargetAndRootIntersection = function ( + target, + rootRect + ) { + // If the element isn't displayed, an intersection can't happen. + if (window.getComputedStyle(target).display == "none") return; + + var targetRect = getBoundingClientRect(target); + var intersectionRect = targetRect; + var parent = getParentNode(target); + var atRoot = false; + + while (!atRoot) { + var parentRect = null; + var parentComputedStyle = + parent.nodeType == 1 ? window.getComputedStyle(parent) : {}; + + // If the parent isn't displayed, an intersection can't happen. + if (parentComputedStyle.display == "none") return; + + if (parent == this.root || parent == document) { + atRoot = true; + parentRect = rootRect; + } else { + // If the element has a non-visible overflow, and it's not the + // or element, update the intersection rect. + // Note: and cannot be clipped to a rect that's not also + // the document rect, so no need to compute a new intersection. + if ( + parent != document.body && + parent != document.documentElement && + parentComputedStyle.overflow != "visible" + ) { + parentRect = getBoundingClientRect(parent); + } + } + + // If either of the above conditionals set a new parentRect, + // calculate new intersection data. + if (parentRect) { + intersectionRect = computeRectIntersection( + parentRect, + intersectionRect + ); + + if (!intersectionRect) break; + } + parent = getParentNode(parent); + } + return intersectionRect; + }; + + /** + * Returns the root rect after being expanded by the rootMargin value. + * @return {Object} The expanded root rect. + * @private + */ + IntersectionObserver.prototype._getRootRect = function () { + var rootRect; + if (this.root) { + rootRect = getBoundingClientRect(this.root); + } else { + // Use / instead of window since scroll bars affect size. + var html = document.documentElement; + var body = document.body; + rootRect = { + top: 0, + left: 0, + right: html.clientWidth || body.clientWidth, + width: html.clientWidth || body.clientWidth, + bottom: html.clientHeight || body.clientHeight, + height: html.clientHeight || body.clientHeight, + }; + } + return this._expandRectByRootMargin(rootRect); + }; + + /** + * Accepts a rect and expands it by the rootMargin value. + * @param {Object} rect The rect object to expand. + * @return {Object} The expanded rect. + * @private + */ + IntersectionObserver.prototype._expandRectByRootMargin = function (rect) { + var margins = this._rootMarginValues.map(function (margin, i) { + return margin.unit == "px" + ? margin.value + : (margin.value * (i % 2 ? rect.width : rect.height)) / 100; + }); + var newRect = { + top: rect.top - margins[0], + right: rect.right + margins[1], + bottom: rect.bottom + margins[2], + left: rect.left - margins[3], + }; + newRect.width = newRect.right - newRect.left; + newRect.height = newRect.bottom - newRect.top; + + return newRect; + }; + + /** + * Accepts an old and new entry and returns true if at least one of the + * threshold values has been crossed. + * @param {?IntersectionObserverEntry} oldEntry The previous entry for a + * particular target element or null if no previous entry exists. + * @param {IntersectionObserverEntry} newEntry The current entry for a + * particular target element. + * @return {boolean} Returns true if a any threshold has been crossed. + * @private + */ + IntersectionObserver.prototype._hasCrossedThreshold = function ( + oldEntry, + newEntry + ) { + // To make comparing easier, an entry that has a ratio of 0 + // but does not actually intersect is given a value of -1 + var oldRatio = + oldEntry && oldEntry.isIntersecting + ? oldEntry.intersectionRatio || 0 + : -1; + var newRatio = newEntry.isIntersecting + ? newEntry.intersectionRatio || 0 + : -1; + + // Ignore unchanged ratios + if (oldRatio === newRatio) return; + + for (var i = 0; i < this.thresholds.length; i++) { + var threshold = this.thresholds[i]; + + // Return true if an entry matches a threshold or if the new ratio + // and the old ratio are on the opposite sides of a threshold. + if ( + threshold == oldRatio || + threshold == newRatio || + threshold < oldRatio !== threshold < newRatio + ) { + return true; + } + } + }; + + /** + * Returns whether or not the root element is an element and is in the DOM. + * @return {boolean} True if the root element is an element and is in the DOM. + * @private + */ + IntersectionObserver.prototype._rootIsInDom = function () { + return !this.root || containsDeep(document, this.root); + }; + + /** + * Returns whether or not the target element is a child of root. + * @param {Element} target The target element to check. + * @return {boolean} True if the target element is a child of root. + * @private + */ + IntersectionObserver.prototype._rootContainsTarget = function (target) { + return containsDeep(this.root || document, target); + }; + + /** + * Adds the instance to the global IntersectionObserver registry if it isn't + * already present. + * @private + */ + IntersectionObserver.prototype._registerInstance = function () { + if (registry.indexOf(this) < 0) { + registry.push(this); + } + }; + + /** + * Removes the instance from the global IntersectionObserver registry. + * @private + */ + IntersectionObserver.prototype._unregisterInstance = function () { + var index = registry.indexOf(this); + if (index != -1) registry.splice(index, 1); + }; + + /** + * Returns the result of the performance.now() method or null in browsers + * that don't support the API. + * @return {number} The elapsed time since the page was requested. + */ + function now() { + return window.performance && performance.now && performance.now(); + } + + /** + * Throttles a function and delays its execution, so it's only called at most + * once within a given time period. + * @param {Function} fn The function to throttle. + * @param {number} timeout The amount of time that must pass before the + * function can be called again. + * @return {Function} The throttled function. + */ + function throttle(fn, timeout) { + var timer = null; + return function () { + if (!timer) { + timer = setTimeout(function () { + fn(); + timer = null; + }, timeout); + } + }; + } + + /** + * Adds an event handler to a DOM node ensuring cross-browser compatibility. + * @param {Node} node The DOM node to add the event handler to. + * @param {string} event The event name. + * @param {Function} fn The event handler to add. + * @param {boolean} opt_useCapture Optionally adds the even to the capture + * phase. Note: this only works in modern browsers. + */ + function addEvent(node, event, fn, opt_useCapture) { + if (typeof node.addEventListener == "function") { + node.addEventListener(event, fn, opt_useCapture || false); + } else if (typeof node.attachEvent == "function") { + node.attachEvent("on" + event, fn); + } + } + + /** + * Removes a previously added event handler from a DOM node. + * @param {Node} node The DOM node to remove the event handler from. + * @param {string} event The event name. + * @param {Function} fn The event handler to remove. + * @param {boolean} opt_useCapture If the event handler was added with this + * flag set to true, it should be set to true here in order to remove it. + */ + function removeEvent(node, event, fn, opt_useCapture) { + if (typeof node.removeEventListener == "function") { + node.removeEventListener(event, fn, opt_useCapture || false); + } else if (typeof node.detatchEvent == "function") { + node.detatchEvent("on" + event, fn); + } + } + + /** + * Returns the intersection between two rect objects. + * @param {Object} rect1 The first rect. + * @param {Object} rect2 The second rect. + * @return {?Object} The intersection rect or undefined if no intersection + * is found. + */ + function computeRectIntersection(rect1, rect2) { + var top = Math.max(rect1.top, rect2.top); + var bottom = Math.min(rect1.bottom, rect2.bottom); + var left = Math.max(rect1.left, rect2.left); + var right = Math.min(rect1.right, rect2.right); + var width = right - left; + var height = bottom - top; + + return ( + width >= 0 && + height >= 0 && { + top: top, + bottom: bottom, + left: left, + right: right, + width: width, + height: height, + } + ); + } + + /** + * Shims the native getBoundingClientRect for compatibility with older IE. + * @param {Element} el The element whose bounding rect to get. + * @return {Object} The (possibly shimmed) rect of the element. + */ + function getBoundingClientRect(el) { + var rect; + + try { + rect = el.getBoundingClientRect(); + } catch (err) { + // Ignore Windows 7 IE11 "Unspecified error" + // https://github.com/w3c/IntersectionObserver/pull/205 + } + + if (!rect) return getEmptyRect(); + + // Older IE + if (!(rect.width && rect.height)) { + rect = { + top: rect.top, + right: rect.right, + bottom: rect.bottom, + left: rect.left, + width: rect.right - rect.left, + height: rect.bottom - rect.top, + }; + } + return rect; + } + + /** + * Returns an empty rect object. An empty rect is returned when an element + * is not in the DOM. + * @return {Object} The empty rect. + */ + function getEmptyRect() { + return { + top: 0, + bottom: 0, + left: 0, + right: 0, + width: 0, + height: 0, + }; + } + + /** + * Checks to see if a parent element contains a child element (including inside + * shadow DOM). + * @param {Node} parent The parent element. + * @param {Node} child The child element. + * @return {boolean} True if the parent node contains the child node. + */ + function containsDeep(parent, child) { + var node = child; + while (node) { + if (node == parent) return true; + + node = getParentNode(node); + } + return false; + } + + /** + * Gets the parent node of an element or its host element if the parent node + * is a shadow root. + * @param {Node} node The node whose parent to get. + * @return {Node|null} The parent node or null if no parent exists. + */ + function getParentNode(node) { + var parent = node.parentNode; + + if (parent && parent.nodeType == 11 && parent.host) { + // If the parent is a shadow root, return the host element. + return parent.host; + } + + if (parent && parent.assignedSlot) { + // If the parent is distributed in a , return the parent of a slot. + return parent.assignedSlot.parentNode; + } + + return parent; + } + + // Exposes the constructors globally. + window.IntersectionObserver = IntersectionObserver; + window.IntersectionObserverEntry = IntersectionObserverEntry; +})(); diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/v-lazy-image.min.js b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/v-lazy-image.min.js index 3b4895983..32544f98b 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/v-lazy-image.min.js +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/v-lazy-image.min.js @@ -4,4 +4,87 @@ * @license MIT */ -!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t(e.VLazyImage={})}(this,function(e){"use strict";var t={props:{src:{type:String,required:!0},srcPlaceholder:{type:String,default:""},srcset:{type:String},intersectionOptions:{type:Object,default:function(){return{}}},usePicture:{type:Boolean,default:!1}},inheritAttrs:!1,data:function(){return{observer:null,intersected:!1,loaded:!1}},computed:{srcImage:function(){return this.intersected?this.src:this.srcPlaceholder},srcsetImage:function(){return!(!this.intersected||!this.srcset)&&this.srcset}},methods:{load:function(){this.$el.getAttribute("src")!==this.srcPlaceholder&&(this.loaded=!0,this.$emit("load"))}},render:function(e){var t=e("img",{attrs:{src:this.srcImage,srcset:this.srcsetImage},domProps:this.$attrs,class:{"v-lazy-image":!0,"v-lazy-image-loaded":this.loaded},on:{load:this.load}});return this.usePicture?e("picture",{on:{load:this.load}},this.intersected?[this.$slots.default,t]:[]):t},mounted:function(){var e=this;"IntersectionObserver"in window?(this.observer=new IntersectionObserver(function(t){t[0].isIntersecting&&(e.intersected=!0,e.observer.disconnect(),e.$emit("intersect"))},this.intersectionOptions),this.observer.observe(this.$el)):console.error("v-lazy-image: this browser doesn't support IntersectionObserver. Please use this polyfill to make it work https://github.com/w3c/IntersectionObserver/tree/master/polyfill.")},destroyed:function(){this.observer.disconnect()}},s={install:function(e,s){e.component("VLazyImage",t)}};e.default=t,e.VLazyImagePlugin=s,Object.defineProperty(e,"__esModule",{value:!0})}); +!(function (e, t) { + "object" == typeof exports && "undefined" != typeof module + ? t(exports) + : "function" == typeof define && define.amd + ? define(["exports"], t) + : t((e.VLazyImage = {})); +})(this, function (e) { + "use strict"; + var t = { + props: { + src: { type: String, required: !0 }, + srcPlaceholder: { type: String, default: "" }, + srcset: { type: String }, + intersectionOptions: { + type: Object, + default: function () { + return {}; + }, + }, + usePicture: { type: Boolean, default: !1 }, + }, + inheritAttrs: !1, + data: function () { + return { observer: null, intersected: !1, loaded: !1 }; + }, + computed: { + srcImage: function () { + return this.intersected ? this.src : this.srcPlaceholder; + }, + srcsetImage: function () { + return !(!this.intersected || !this.srcset) && this.srcset; + }, + }, + methods: { + load: function () { + this.$el.getAttribute("src") !== this.srcPlaceholder && + ((this.loaded = !0), this.$emit("load")); + }, + }, + render: function (e) { + var t = e("img", { + attrs: { src: this.srcImage, srcset: this.srcsetImage }, + domProps: this.$attrs, + class: { + "v-lazy-image": !0, + "v-lazy-image-loaded": this.loaded, + }, + on: { load: this.load }, + }); + return this.usePicture + ? e( + "picture", + { on: { load: this.load } }, + this.intersected ? [this.$slots.default, t] : [] + ) + : t; + }, + mounted: function () { + var e = this; + "IntersectionObserver" in window + ? ((this.observer = new IntersectionObserver(function (t) { + t[0].isIntersecting && + ((e.intersected = !0), + e.observer.disconnect(), + e.$emit("intersect")); + }, this.intersectionOptions)), + this.observer.observe(this.$el)) + : console.error( + "v-lazy-image: this browser doesn't support IntersectionObserver. Please use this polyfill to make it work https://github.com/w3c/IntersectionObserver/tree/master/polyfill." + ); + }, + destroyed: function () { + this.observer.disconnect(); + }, + }, + s = { + install: function (e, s) { + e.component("VLazyImage", t); + }, + }; + (e.default = t), + (e.VLazyImagePlugin = s), + Object.defineProperty(e, "__esModule", { value: !0 }); +}); diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css index d4fb44fb0..79a65f7ca 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css @@ -1,117 +1,118 @@ -@import './custom.css'; +@import "./custom.css"; @tailwind base; @tailwind components; @tailwind utilities; /* purgecss start ignore */ - /* Base Overrides */ html { - @apply font-sans text-base; + @apply font-sans text-base; } .enlarge-text h1:not([class]), .enlarge-text .text-5xl, .text-6xl { - @apply text-6xl font-extrabold; - line-height: var(--line-height-6); - letter-spacing: -0.02em; + @apply text-6xl font-extrabold; + line-height: var(--line-height-6); + letter-spacing: -0.02em; } .enlarge-text h1:not([class]), -.enlarge-text .text-5xl:not([class*=my-]):not([class*=mt-]), +.enlarge-text .text-5xl:not([class*="my-"]):not([class*="mt-"]), .text-6xl { - margin-top: var(--spacing-24); + margin-top: var(--spacing-24); } h1:not([class]), .enlarge-text h2:not([class]), .text-5xl { - @apply text-5xl font-extrabold; - line-height: var(--line-height-5); - letter-spacing: -0.02em; + @apply text-5xl font-extrabold; + line-height: var(--line-height-5); + letter-spacing: -0.02em; } h1:not([class]), .enlarge-text h2:not([class]) { - margin-top: var(--spacing-20); + margin-top: var(--spacing-20); } h2:not([class]), .enlarge-text h3:not([class]), .text-4xl { - @apply text-4xl font-bold; - line-height: var(--line-height-4); - letter-spacing: -0.04em; + @apply text-4xl font-bold; + line-height: var(--line-height-4); + letter-spacing: -0.04em; } h2:not([class]), .enlarge-text h3:not([class]) { - margin-top: var(--spacing-16); + margin-top: var(--spacing-16); } h3:not([class]), .enlarge-text h4:not([class]), .text-3xl { - @apply text-3xl font-bold; - line-height: var(--line-height-3); - letter-spacing: -0.02em; + @apply text-3xl font-bold; + line-height: var(--line-height-3); + letter-spacing: -0.02em; } - - h3:not([class]), .enlarge-text h4:not([class]) { - margin-top: var(--spacing-12); + margin-top: var(--spacing-12); } h4:not([class]), .enlarge-text h5:not([class]), .text-2xl { - @apply text-2xl font-bold; - line-height: var(--line-height-2); - letter-spacing: -0.02em; + @apply text-2xl font-bold; + line-height: var(--line-height-2); + letter-spacing: -0.02em; } h4:not([class]), .enlarge-text h5:not([class]) { - margin-top: var(--spacing-10); + margin-top: var(--spacing-10); } h5:not([class]), .enlarge-text h6:not([class]), .text-xl { - @apply text-xl font-bold; - line-height: var(--line-height-1); + @apply text-xl font-bold; + line-height: var(--line-height-1); } h5:not([class]), .enlarge-text h6:not([class]) { - margin-top: var(--spacing-8); + margin-top: var(--spacing-8); } h6:not([class]) { - @apply text-lg; - line-height: var(--line-height-1); - margin-top: var(--spacing-8); - margin-bottom: 0; + @apply text-lg; + line-height: var(--line-height-1); + margin-top: var(--spacing-8); + margin-bottom: 0; } -.enlarge-text p:not([class*=text-]), +.enlarge-text p:not([class*="text-"]), .enlarge-text .text-lg { - @apply text-xl; - line-height: var(--line-height-2); + @apply text-xl; + line-height: var(--line-height-2); } h6 { - @apply font-bold; + @apply font-bold; } -h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]) { - margin-top: var(--spacing-6); - margin-bottom: var(--spacing-6); +h1:not([class]), +h2:not([class]), +h3:not([class]), +h4:not([class]), +h5:not([class]) { + margin-top: var(--spacing-6); + margin-bottom: var(--spacing-6); } h1:not([class]):first-child, @@ -120,7 +121,7 @@ h3:not([class]):first-child, h4:not([class]):first-child, h5:not([class]):first-child, h6:not([class]):first-child { - margin-top: 0; + margin-top: 0; } h1:not([class]):last-child, @@ -129,7 +130,7 @@ h3:not([class]):last-child, h4:not([class]):last-child, h5:not([class]):last-child, h6:not([class]):last-child { - margin-bottom: 0; + margin-bottom: 0; } .text-xl.font-normal, @@ -138,191 +139,189 @@ h6:not([class]):last-child { .text-4xl.font-normal, .text-5xl.font-normal, .text-6xl.font-normal { - font-weight: 400; + font-weight: 400; } a { - @apply underline text-blue-700; + @apply underline text-blue-700; } a:hover { - @apply text-blue-800; + @apply text-blue-800; } ul { - @apply list-disc pl-5 py-2 m-0; + @apply list-disc pl-5 py-2 m-0; } ol { - @apply list-decimal pl-5 py-2 m-0; + @apply list-decimal pl-5 py-2 m-0; } p { - @apply my-3; - line-height: var(--line-height-1); + @apply my-3; + line-height: var(--line-height-1); } .color-inherit { - color: inherit; + color: inherit; } .pipe-after:after { - content: "|"; - @apply ml-2; + content: "|"; + @apply ml-2; } /* Custom Utilities */ .transform-rotate-90 { - transform: rotate(90deg); + transform: rotate(90deg); } /* Drop Shadow Helpers */ .elevation-1 { - box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); - z-index: 10; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-2 { - box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); - z-index: 10; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-3 { - box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); - z-index: 10; + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-4 { - box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); - z-index: 10; + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-5 { - box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); - z-index: 10; + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } /* Background */ .bg-primary { - background: var(--bg-primary); + background: var(--bg-primary); } .bg-secondary { - background: var(--bg-secondary); + background: var(--bg-secondary); } /* Buttons */ .btn { - @apply text-sm font-medium py-2 px-4 rounded no-underline; - transition-property: background, background-color, color, border-color; - transition-duration: 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + @apply text-sm font-medium py-2 px-4 rounded no-underline; + transition-property: background, background-color, color, border-color; + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn:focus { - @apply outline-none shadow-outline; + @apply outline-none shadow-outline; } .btn:hover { - @apply text-white; + @apply text-white; } .btn-lg { - @apply py-4 px-5 text-lg + @apply py-4 px-5 text-lg; } .btn-sm { - @apply py-2 px-2 text-sm + @apply py-2 px-2 text-sm; } .btn-blue { - @apply bg-blue-600 text-white; + @apply bg-blue-600 text-white; } .btn-blue:hover { - @apply bg-blue-700; + @apply bg-blue-700; } .btn-green { - @apply bg-green-600 text-white; + @apply bg-green-600 text-white; } .btn-green:hover { - @apply bg-green-700; + @apply bg-green-700; } .btn-red { - @apply bg-red-600 text-white; + @apply bg-red-600 text-white; } .btn-red:hover { - @apply bg-red-700; + @apply bg-red-700; } .btn-orange { - @apply bg-orange-600 text-white; + @apply bg-orange-600 text-white; } .btn-orange:hover { - @apply bg-orange-700; + @apply bg-orange-700; } .btn-white { - @apply bg-gray-200 text-gray-800; + @apply bg-gray-200 text-gray-800; } .btn-white:hover { - @apply bg-gray-300; + @apply bg-gray-300; } .btn-black { - @apply bg-gray-800 text-gray-200; + @apply bg-gray-800 text-gray-200; } .btn-black:hover { - @apply bg-gray-900; + @apply bg-gray-900; } .media-sizeable { - flex-shrink: 1 !important; + flex-shrink: 1 !important; } -@media (min-width: 768px){ - .media-sizeable { - flex-shrink: 0 !important; - } +@media (min-width: 768px) { + .media-sizeable { + flex-shrink: 0 !important; + } } - /* header */ [class$="components-header"] a { - @apply text-sm font-medium; + @apply text-sm font-medium; } /* footer */ [class$="components-footer"] ul { - @apply list-none p-0 text-sm font-medium; + @apply list-none p-0 text-sm font-medium; } [class$="components-footer"] ul li { - @apply mb-2; + @apply mb-2; } [class$="components-footer"] p { - @apply text-sm font-medium; + @apply text-sm font-medium; } /* carousel */ [class$="components-carousel"].w-full { - padding-left: 0; - padding-right: 0; + padding-left: 0; + padding-right: 0; } .VueCarousel-pagination { - @apply absolute bottom-0 mb-4 pointer-events-none; + @apply absolute bottom-0 mb-4 pointer-events-none; } .VueCarousel-dot-container { - @apply pointer-events-auto; + @apply pointer-events-auto; } /* accordion */ [class$="components-accordion"] .img-wrapper.rounded-none img { - border-radius: 0; + border-radius: 0; } [class$="components-accordion"] .img-wrapper.rounded-sm img { - border-radius: 0.125rem; + border-radius: 0.125rem; } [class$="components-accordion"] .img-wrapper.rounded img { - border-radius: 0.25rem; + border-radius: 0.25rem; } [class$="components-accordion"] .img-wrapper.rounded-lg img { - border-radius: 0.5rem; + border-radius: 0.5rem; } [class$="components-accordion"] .img-wrapper.rounded-full img { - border-radius: 9999px; + border-radius: 9999px; } - /* purgecss end ignore */ diff --git a/ui.apps/tailwind.config.js b/ui.apps/tailwind.config.js index 7974bd391..809653392 100644 --- a/ui.apps/tailwind.config.js +++ b/ui.apps/tailwind.config.js @@ -1,502 +1,506 @@ module.exports = { - prefix: '', - important: false, - separator: ':', - theme: { - aspectRatio: { - 'square': [1, 1], - '16/9': [16, 9], - '4/3': [4, 3], - '21/9': [21, 9], - }, - screens: { - sm: '640px', - md: '768px', - lg: '1024px', - xl: '1280px', - }, - colors: { - transparent: 'transparent', + prefix: "", + important: false, + separator: ":", + theme: { + aspectRatio: { + square: [1, 1], + "16/9": [16, 9], + "4/3": [4, 3], + "21/9": [21, 9], + }, + screens: { + sm: "640px", + md: "768px", + lg: "1024px", + xl: "1280px", + }, + colors: { + transparent: "transparent", - black: '#000', - white: '#fff', + black: "#000", + white: "#fff", - gray: { - 100: 'var(--color-gray-100)', - 200: 'var(--color-gray-200)', - 300: 'var(--color-gray-300)', - 400: 'var(--color-gray-400)', - 500: 'var(--color-gray-500)', - 600: 'var(--color-gray-600)', - 700: 'var(--color-gray-700)', - 800: 'var(--color-gray-800)', - 900: 'var(--color-gray-900)', - }, - red: { - 100: 'var(--color-red-100)', - 200: 'var(--color-red-200)', - 300: 'var(--color-red-300)', - 400: 'var(--color-red-400)', - 500: 'var(--color-red-500)', - 600: 'var(--color-red-600)', - 700: 'var(--color-red-700)', - 800: 'var(--color-red-800)', - 900: 'var(--color-red-900)', - }, - orange: { - 100: 'var(--color-orange-100)', - 200: 'var(--color-orange-200)', - 300: 'var(--color-orange-300)', - 400: 'var(--color-orange-400)', - 500: 'var(--color-orange-500)', - 600: 'var(--color-orange-600)', - 700: 'var(--color-orange-700)', - 800: 'var(--color-orange-800)', - 900: 'var(--color-orange-900)', - }, - yellow: { - 100: 'var(--color-yellow-100)', - 200: 'var(--color-yellow-200)', - 300: 'var(--color-yellow-300)', - 400: 'var(--color-yellow-400)', - 500: 'var(--color-yellow-500)', - 600: 'var(--color-yellow-600)', - 700: 'var(--color-yellow-700)', - 800: 'var(--color-yellow-800)', - 900: 'var(--color-yellow-900)', - }, - green: { - 100: 'var(--color-green-100)', - 200: 'var(--color-green-200)', - 300: 'var(--color-green-300)', - 400: 'var(--color-green-400)', - 500: 'var(--color-green-500)', - 600: 'var(--color-green-600)', - 700: 'var(--color-green-700)', - 800: 'var(--color-green-800)', - 900: 'var(--color-green-900)', - }, - teal: { - 100: 'var(--color-teal-100)', - 200: 'var(--color-teal-200)', - 300: 'var(--color-teal-300)', - 400: 'var(--color-teal-400)', - 500: 'var(--color-teal-500)', - 600: 'var(--color-teal-600)', - 700: 'var(--color-teal-700)', - 800: 'var(--color-teal-800)', - 900: 'var(--color-teal-900)', - }, - blue: { - 100: 'var(--color-blue-100)', - 200: 'var(--color-blue-200)', - 300: 'var(--color-blue-300)', - 400: 'var(--color-blue-400)', - 500: 'var(--color-blue-500)', - 600: 'var(--color-blue-600)', - 700: 'var(--color-blue-700)', - 800: 'var(--color-blue-800)', - 900: 'var(--color-blue-900)', - }, - indigo: { - 100: 'var(--color-indigo-100)', - 200: 'var(--color-indigo-200)', - 300: 'var(--color-indigo-300)', - 400: 'var(--color-indigo-400)', - 500: 'var(--color-indigo-500)', - 600: 'var(--color-indigo-600)', - 700: 'var(--color-indigo-700)', - 800: 'var(--color-indigo-800)', - 900: 'var(--color-indigo-900)', - }, - purple: { - 100: 'var(--color-purple-100)', - 200: 'var(--color-purple-200)', - 300: 'var(--color-purple-300)', - 400: 'var(--color-purple-400)', - 500: 'var(--color-purple-500)', - 600: 'var(--color-purple-600)', - 700: 'var(--color-purple-700)', - 800: 'var(--color-purple-800)', - 900: 'var(--color-purple-900)', - }, - pink: { - 100: 'var(--color-pink-100)', - 200: 'var(--color-pink-200)', - 300: 'var(--color-pink-300)', - 400: 'var(--color-pink-400)', - 500: 'var(--color-pink-500)', - 600: 'var(--color-pink-600)', - 700: 'var(--color-pink-700)', - 800: 'var(--color-pink-800)', - 900: 'var(--color-pink-900)', - }, - }, - spacing: { - px: '1px', - '0': 'var(--spacing-0)', - '1': 'var(--spacing-1)', - '2': 'var(--spacing-2)', - '3': 'var(--spacing-3)', - '4': 'var(--spacing-4)', - '5': 'var(--spacing-5)', - '6': 'var(--spacing-6)', - '8': 'var(--spacing-8)', - '10': 'var(--spacing-10)', - '12': 'var(--spacing-12)', - '16': 'var(--spacing-16)', - '20': 'var(--spacing-20)', - '24': 'var(--spacing-24)', - '32': 'var(--spacing-32)', - '40': 'var(--spacing-40)', - '48': 'var(--spacing-48)', - '56': 'var(--spacing-56)', - '64': 'var(--spacing-64)', - }, - backgroundColor: theme => ({ - ...theme('colors'), - primary: 'var(--bg-primary)', - secondary: 'var(--bg-secondary)' - }), - backgroundPosition: { - bottom: 'bottom', - center: 'center', - left: 'left', - 'left-bottom': 'left bottom', - 'left-top': 'left top', - right: 'right', - 'right-bottom': 'right bottom', - 'right-top': 'right top', - top: 'top', - }, - backgroundSize: { - auto: 'auto', - cover: 'cover', - contain: 'contain', - }, - borderColor: theme => ({ - ...theme('colors'), - default: theme('colors.gray.300', 'currentColor'), - }), - borderRadius: { - none: '0', - sm: '0.125rem', - default: '0.25rem', - lg: '0.5rem', - full: '9999px', - }, - borderWidth: { - default: '1px', - '0': '0', - '2': '2px', - '4': '4px', - '8': '8px', - }, - boxShadow: { - default: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)', - md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', - lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)', - xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)', - '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)', - inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)', - outline: '0 0 0 3px rgba(66, 153, 225, 0.5)', - none: 'none', - }, - container: {}, - cursor: { - auto: 'auto', - default: 'default', - pointer: 'pointer', - wait: 'wait', - text: 'text', - move: 'move', - 'not-allowed': 'not-allowed', - }, - fill: { - current: 'currentColor', - }, - flex: { - '1': '1 1 0%', - auto: '1 1 auto', - initial: '0 1 auto', - none: 'none', - }, - flexGrow: { - '0': '0', - default: '1', - }, - flexShrink: { - '0': '0', - default: '1', - }, - fontFamily: { - sans: 'var(--font-sans)', - serif: 'var(--font-serif)', - mono: 'var(--font-mono)' - }, - fontSize: { - sm: 'var(--font-size-sm)', - base: 'var(--font-size-base)', - lg: 'var(--font-size-lg)', - xl: 'var(--font-size-xl)', - '2xl': 'var(--font-size-2xl)', - '3xl': 'var(--font-size-3xl)', - '4xl': 'var(--font-size-4xl)', - '5xl': 'var(--font-size-5xl)', - '6xl': 'var(--font-size-6xl)', - }, - fontWeight: { - hairline: '100', - thin: '200', - light: '300', - normal: '400', - medium: '500', - semibold: '600', - bold: '700', - extrabold: '800', - black: '900', - }, - height: theme => ({ - auto: 'auto', - ...theme('spacing'), - full: '100%', - screen: '100vh', - }), - inset: { - '0': '0', - auto: 'auto', - }, - letterSpacing: { - tighter: '-0.05em', - tight: '-0.025em', - normal: '0', - wide: '0.025em', - wider: '0.05em', - widest: '0.1em', - }, - lineHeight: { - none: '1', - tight: '1.25', - snug: '1.375', - normal: '1.5', - relaxed: '1.625', - loose: '2', - }, - listStyleType: { - none: 'none', - disc: 'disc', - decimal: 'decimal', - }, - margin: (theme, { negative }) => ({ - auto: 'auto', - ...theme('spacing'), - ...negative(theme('spacing')), - }), - maxHeight: { - full: '100%', - screen: '100vh', - }, - maxWidth: { - xs: '20rem', - sm: '24rem', - md: '28rem', - lg: '32rem', - xl: '36rem', - '2xl': '42rem', - '3xl': '48rem', - '4xl': '56rem', - '5xl': '64rem', - '6xl': '72rem', - full: '100%', - }, - minHeight: { - '0': '0', - full: '100%', - screen: '100vh', - '1': '1px', - }, - minWidth: { - '0': '0', - full: '100%', - }, - objectPosition: { - bottom: 'bottom', - center: 'center', - left: 'left', - 'left-bottom': 'left bottom', - 'left-top': 'left top', - right: 'right', - 'right-bottom': 'right bottom', - 'right-top': 'right top', - top: 'top', - }, - opacity: { - '0': '0', - '25': '0.25', - '50': '0.5', - '75': '0.75', - '100': '1', - }, - order: { - first: '-9999', - last: '9999', - none: '0', - '1': '1', - '2': '2', - '3': '3', - '4': '4', - '5': '5', - '6': '6', - '7': '7', - '8': '8', - '9': '9', - '10': '10', - '11': '11', - '12': '12', - }, - padding: theme => theme('spacing'), - stroke: { - current: 'currentColor', - }, - textColor: theme => theme('colors'), - width: theme => ({ - auto: 'auto', - ...theme('spacing'), - '1/2': '50%', - '1/3': '33.33333%', - '2/3': '66.66667%', - '1/4': '25%', - '2/4': '50%', - '3/4': '75%', - '1/5': '20%', - '2/5': '40%', - '3/5': '60%', - '4/5': '80%', - '1/6': '16.66667%', - '2/6': '33.33333%', - '3/6': '50%', - '4/6': '66.66667%', - '5/6': '83.33333%', - '1/12': '8.33333%', - '2/12': '16.66667%', - '3/12': '25%', - '4/12': '33.33333%', - '5/12': '41.66667%', - '6/12': '50%', - '7/12': '58.33333%', - '8/12': '66.66667%', - '9/12': '75%', - '10/12': '83.33333%', - '11/12': '91.66667%', - full: '100%', - screen: '100vw', - }), - zIndex: { - auto: 'auto', - '0': '0', - '10': '10', - '20': '20', - '30': '30', - '40': '40', - '50': '50', - }, - }, - variants: { - alignContent: ['responsive'], - alignItems: ['responsive'], - alignSelf: ['responsive'], - aspectRatio: ['responsive'], - appearance: ['responsive'], - backgroundAttachment: ['responsive'], - backgroundColor: ['responsive', 'hover', 'focus'], - backgroundPosition: ['responsive'], - backgroundRepeat: ['responsive'], - backgroundSize: ['responsive'], - borderCollapse: ['responsive'], - borderColor: ['responsive', 'hover', 'focus'], - borderRadius: ['responsive'], - borderStyle: ['responsive'], - borderWidth: ['responsive'], - boxShadow: ['responsive', 'hover', 'focus'], - cursor: ['responsive'], - display: ['responsive'], - fill: ['responsive'], - flex: ['responsive'], - flexDirection: ['responsive'], - flexGrow: ['responsive'], - flexShrink: ['responsive'], - flexWrap: ['responsive'], - float: ['responsive'], - fontFamily: ['responsive'], - fontSize: ['responsive'], - fontSmoothing: ['responsive'], - fontStyle: ['responsive'], - fontWeight: ['responsive', 'hover', 'focus'], - height: ['responsive'], - inset: ['responsive'], - justifyContent: ['responsive'], - letterSpacing: ['responsive'], - lineHeight: ['responsive'], - listStylePosition: ['responsive'], - listStyleType: ['responsive'], - margin: ['responsive'], - maxHeight: ['responsive'], - maxWidth: ['responsive'], - minHeight: ['responsive'], - minWidth: ['responsive'], - objectFit: ['responsive'], - objectPosition: ['responsive'], - opacity: ['responsive'], - order: ['responsive'], - outline: ['responsive', 'focus'], - overflow: ['responsive'], - padding: ['responsive'], - pointerEvents: ['responsive'], - position: ['responsive'], - resize: ['responsive'], - stroke: ['responsive'], - tableLayout: ['responsive'], - textAlign: ['responsive'], - textColor: ['responsive', 'hover', 'focus'], - textDecoration: ['responsive', 'hover', 'focus'], - textTransform: ['responsive'], - userSelect: ['responsive'], - verticalAlign: ['responsive'], - visibility: ['responsive'], - whitespace: ['responsive'], - width: ['responsive'], - wordBreak: ['responsive'], - zIndex: ['responsive'], - }, - corePlugins: {}, - plugins: [ - require('tailwindcss-aspect-ratio'), - require('tailwindcss-transitions')({ - variants: ['responsive'], - properties: { - 'opacity': 'opacity', - 'height': 'height', - }, - durations: { - 'default': '200ms', - '100': '100ms', - '200': '200ms', - '300': '300ms', - '400': '400ms', - '500': '500ms', - }, - timingFunctions: { - 'default': 'ease', - 'ease': 'ease', - 'linear': 'linear' - }, - delays: { - 'none': '0s', - }, - willChange: { - 'opacity': 'opacity', - 'transform': 'transform', - }, - }), - ], -} + gray: { + 100: "var(--color-gray-100)", + 200: "var(--color-gray-200)", + 300: "var(--color-gray-300)", + 400: "var(--color-gray-400)", + 500: "var(--color-gray-500)", + 600: "var(--color-gray-600)", + 700: "var(--color-gray-700)", + 800: "var(--color-gray-800)", + 900: "var(--color-gray-900)", + }, + red: { + 100: "var(--color-red-100)", + 200: "var(--color-red-200)", + 300: "var(--color-red-300)", + 400: "var(--color-red-400)", + 500: "var(--color-red-500)", + 600: "var(--color-red-600)", + 700: "var(--color-red-700)", + 800: "var(--color-red-800)", + 900: "var(--color-red-900)", + }, + orange: { + 100: "var(--color-orange-100)", + 200: "var(--color-orange-200)", + 300: "var(--color-orange-300)", + 400: "var(--color-orange-400)", + 500: "var(--color-orange-500)", + 600: "var(--color-orange-600)", + 700: "var(--color-orange-700)", + 800: "var(--color-orange-800)", + 900: "var(--color-orange-900)", + }, + yellow: { + 100: "var(--color-yellow-100)", + 200: "var(--color-yellow-200)", + 300: "var(--color-yellow-300)", + 400: "var(--color-yellow-400)", + 500: "var(--color-yellow-500)", + 600: "var(--color-yellow-600)", + 700: "var(--color-yellow-700)", + 800: "var(--color-yellow-800)", + 900: "var(--color-yellow-900)", + }, + green: { + 100: "var(--color-green-100)", + 200: "var(--color-green-200)", + 300: "var(--color-green-300)", + 400: "var(--color-green-400)", + 500: "var(--color-green-500)", + 600: "var(--color-green-600)", + 700: "var(--color-green-700)", + 800: "var(--color-green-800)", + 900: "var(--color-green-900)", + }, + teal: { + 100: "var(--color-teal-100)", + 200: "var(--color-teal-200)", + 300: "var(--color-teal-300)", + 400: "var(--color-teal-400)", + 500: "var(--color-teal-500)", + 600: "var(--color-teal-600)", + 700: "var(--color-teal-700)", + 800: "var(--color-teal-800)", + 900: "var(--color-teal-900)", + }, + blue: { + 100: "var(--color-blue-100)", + 200: "var(--color-blue-200)", + 300: "var(--color-blue-300)", + 400: "var(--color-blue-400)", + 500: "var(--color-blue-500)", + 600: "var(--color-blue-600)", + 700: "var(--color-blue-700)", + 800: "var(--color-blue-800)", + 900: "var(--color-blue-900)", + }, + indigo: { + 100: "var(--color-indigo-100)", + 200: "var(--color-indigo-200)", + 300: "var(--color-indigo-300)", + 400: "var(--color-indigo-400)", + 500: "var(--color-indigo-500)", + 600: "var(--color-indigo-600)", + 700: "var(--color-indigo-700)", + 800: "var(--color-indigo-800)", + 900: "var(--color-indigo-900)", + }, + purple: { + 100: "var(--color-purple-100)", + 200: "var(--color-purple-200)", + 300: "var(--color-purple-300)", + 400: "var(--color-purple-400)", + 500: "var(--color-purple-500)", + 600: "var(--color-purple-600)", + 700: "var(--color-purple-700)", + 800: "var(--color-purple-800)", + 900: "var(--color-purple-900)", + }, + pink: { + 100: "var(--color-pink-100)", + 200: "var(--color-pink-200)", + 300: "var(--color-pink-300)", + 400: "var(--color-pink-400)", + 500: "var(--color-pink-500)", + 600: "var(--color-pink-600)", + 700: "var(--color-pink-700)", + 800: "var(--color-pink-800)", + 900: "var(--color-pink-900)", + }, + }, + spacing: { + px: "1px", + 0: "var(--spacing-0)", + 1: "var(--spacing-1)", + 2: "var(--spacing-2)", + 3: "var(--spacing-3)", + 4: "var(--spacing-4)", + 5: "var(--spacing-5)", + 6: "var(--spacing-6)", + 8: "var(--spacing-8)", + 10: "var(--spacing-10)", + 12: "var(--spacing-12)", + 16: "var(--spacing-16)", + 20: "var(--spacing-20)", + 24: "var(--spacing-24)", + 32: "var(--spacing-32)", + 40: "var(--spacing-40)", + 48: "var(--spacing-48)", + 56: "var(--spacing-56)", + 64: "var(--spacing-64)", + }, + backgroundColor: (theme) => ({ + ...theme("colors"), + primary: "var(--bg-primary)", + secondary: "var(--bg-secondary)", + }), + backgroundPosition: { + bottom: "bottom", + center: "center", + left: "left", + "left-bottom": "left bottom", + "left-top": "left top", + right: "right", + "right-bottom": "right bottom", + "right-top": "right top", + top: "top", + }, + backgroundSize: { + auto: "auto", + cover: "cover", + contain: "contain", + }, + borderColor: (theme) => ({ + ...theme("colors"), + default: theme("colors.gray.300", "currentColor"), + }), + borderRadius: { + none: "0", + sm: "0.125rem", + default: "0.25rem", + lg: "0.5rem", + full: "9999px", + }, + borderWidth: { + default: "1px", + 0: "0", + 2: "2px", + 4: "4px", + 8: "8px", + }, + boxShadow: { + default: + "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)", + md: + "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)", + lg: + "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)", + xl: + "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)", + "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)", + inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)", + outline: "0 0 0 3px rgba(66, 153, 225, 0.5)", + none: "none", + }, + container: {}, + cursor: { + auto: "auto", + default: "default", + pointer: "pointer", + wait: "wait", + text: "text", + move: "move", + "not-allowed": "not-allowed", + }, + fill: { + current: "currentColor", + }, + flex: { + 1: "1 1 0%", + auto: "1 1 auto", + initial: "0 1 auto", + none: "none", + }, + flexGrow: { + 0: "0", + default: "1", + }, + flexShrink: { + 0: "0", + default: "1", + }, + fontFamily: { + sans: "var(--font-sans)", + serif: "var(--font-serif)", + mono: "var(--font-mono)", + }, + fontSize: { + sm: "var(--font-size-sm)", + base: "var(--font-size-base)", + lg: "var(--font-size-lg)", + xl: "var(--font-size-xl)", + "2xl": "var(--font-size-2xl)", + "3xl": "var(--font-size-3xl)", + "4xl": "var(--font-size-4xl)", + "5xl": "var(--font-size-5xl)", + "6xl": "var(--font-size-6xl)", + }, + fontWeight: { + hairline: "100", + thin: "200", + light: "300", + normal: "400", + medium: "500", + semibold: "600", + bold: "700", + extrabold: "800", + black: "900", + }, + height: (theme) => ({ + auto: "auto", + ...theme("spacing"), + full: "100%", + screen: "100vh", + }), + inset: { + 0: "0", + auto: "auto", + }, + letterSpacing: { + tighter: "-0.05em", + tight: "-0.025em", + normal: "0", + wide: "0.025em", + wider: "0.05em", + widest: "0.1em", + }, + lineHeight: { + none: "1", + tight: "1.25", + snug: "1.375", + normal: "1.5", + relaxed: "1.625", + loose: "2", + }, + listStyleType: { + none: "none", + disc: "disc", + decimal: "decimal", + }, + margin: (theme, { negative }) => ({ + auto: "auto", + ...theme("spacing"), + ...negative(theme("spacing")), + }), + maxHeight: { + full: "100%", + screen: "100vh", + }, + maxWidth: { + xs: "20rem", + sm: "24rem", + md: "28rem", + lg: "32rem", + xl: "36rem", + "2xl": "42rem", + "3xl": "48rem", + "4xl": "56rem", + "5xl": "64rem", + "6xl": "72rem", + full: "100%", + }, + minHeight: { + 0: "0", + full: "100%", + screen: "100vh", + 1: "1px", + }, + minWidth: { + 0: "0", + full: "100%", + }, + objectPosition: { + bottom: "bottom", + center: "center", + left: "left", + "left-bottom": "left bottom", + "left-top": "left top", + right: "right", + "right-bottom": "right bottom", + "right-top": "right top", + top: "top", + }, + opacity: { + 0: "0", + 25: "0.25", + 50: "0.5", + 75: "0.75", + 100: "1", + }, + order: { + first: "-9999", + last: "9999", + none: "0", + 1: "1", + 2: "2", + 3: "3", + 4: "4", + 5: "5", + 6: "6", + 7: "7", + 8: "8", + 9: "9", + 10: "10", + 11: "11", + 12: "12", + }, + padding: (theme) => theme("spacing"), + stroke: { + current: "currentColor", + }, + textColor: (theme) => theme("colors"), + width: (theme) => ({ + auto: "auto", + ...theme("spacing"), + "1/2": "50%", + "1/3": "33.33333%", + "2/3": "66.66667%", + "1/4": "25%", + "2/4": "50%", + "3/4": "75%", + "1/5": "20%", + "2/5": "40%", + "3/5": "60%", + "4/5": "80%", + "1/6": "16.66667%", + "2/6": "33.33333%", + "3/6": "50%", + "4/6": "66.66667%", + "5/6": "83.33333%", + "1/12": "8.33333%", + "2/12": "16.66667%", + "3/12": "25%", + "4/12": "33.33333%", + "5/12": "41.66667%", + "6/12": "50%", + "7/12": "58.33333%", + "8/12": "66.66667%", + "9/12": "75%", + "10/12": "83.33333%", + "11/12": "91.66667%", + full: "100%", + screen: "100vw", + }), + zIndex: { + auto: "auto", + 0: "0", + 10: "10", + 20: "20", + 30: "30", + 40: "40", + 50: "50", + }, + }, + variants: { + alignContent: ["responsive"], + alignItems: ["responsive"], + alignSelf: ["responsive"], + aspectRatio: ["responsive"], + appearance: ["responsive"], + backgroundAttachment: ["responsive"], + backgroundColor: ["responsive", "hover", "focus"], + backgroundPosition: ["responsive"], + backgroundRepeat: ["responsive"], + backgroundSize: ["responsive"], + borderCollapse: ["responsive"], + borderColor: ["responsive", "hover", "focus"], + borderRadius: ["responsive"], + borderStyle: ["responsive"], + borderWidth: ["responsive"], + boxShadow: ["responsive", "hover", "focus"], + cursor: ["responsive"], + display: ["responsive"], + fill: ["responsive"], + flex: ["responsive"], + flexDirection: ["responsive"], + flexGrow: ["responsive"], + flexShrink: ["responsive"], + flexWrap: ["responsive"], + float: ["responsive"], + fontFamily: ["responsive"], + fontSize: ["responsive"], + fontSmoothing: ["responsive"], + fontStyle: ["responsive"], + fontWeight: ["responsive", "hover", "focus"], + height: ["responsive"], + inset: ["responsive"], + justifyContent: ["responsive"], + letterSpacing: ["responsive"], + lineHeight: ["responsive"], + listStylePosition: ["responsive"], + listStyleType: ["responsive"], + margin: ["responsive"], + maxHeight: ["responsive"], + maxWidth: ["responsive"], + minHeight: ["responsive"], + minWidth: ["responsive"], + objectFit: ["responsive"], + objectPosition: ["responsive"], + opacity: ["responsive"], + order: ["responsive"], + outline: ["responsive", "focus"], + overflow: ["responsive"], + padding: ["responsive"], + pointerEvents: ["responsive"], + position: ["responsive"], + resize: ["responsive"], + stroke: ["responsive"], + tableLayout: ["responsive"], + textAlign: ["responsive"], + textColor: ["responsive", "hover", "focus"], + textDecoration: ["responsive", "hover", "focus"], + textTransform: ["responsive"], + userSelect: ["responsive"], + verticalAlign: ["responsive"], + visibility: ["responsive"], + whitespace: ["responsive"], + width: ["responsive"], + wordBreak: ["responsive"], + zIndex: ["responsive"], + }, + corePlugins: {}, + plugins: [ + require("tailwindcss-aspect-ratio"), + require("tailwindcss-transitions")({ + variants: ["responsive"], + properties: { + opacity: "opacity", + height: "height", + }, + durations: { + default: "200ms", + 100: "100ms", + 200: "200ms", + 300: "300ms", + 400: "400ms", + 500: "500ms", + }, + timingFunctions: { + default: "ease", + ease: "ease", + linear: "linear", + }, + delays: { + none: "0s", + }, + willChange: { + opacity: "opacity", + transform: "transform", + }, + }), + ], +}; diff --git a/variation-fragments/background/background-color.json b/variation-fragments/background/background-color.json index a11472464..121cd1025 100644 --- a/variation-fragments/background/background-color.json +++ b/variation-fragments/background/background-color.json @@ -1,6 +1,6 @@ { - "custombackground": "true", - "bgsize": "cover", - "backgroundtype": "color", - "bgcolor": "#ff80c0" -} \ No newline at end of file + "custombackground": "true", + "bgsize": "cover", + "backgroundtype": "color", + "bgcolor": "#ff80c0" +} diff --git a/variation-fragments/background/background-gradient.json b/variation-fragments/background/background-gradient.json index 059a644c0..5dfd59461 100644 --- a/variation-fragments/background/background-gradient.json +++ b/variation-fragments/background/background-gradient.json @@ -1,7 +1,7 @@ { - "custombackground": "true", - "bgsize": "cover", - "backgroundtype": "gradient", - "bgcolor": "#ff8040", - "color2": "#0080ff" -} \ No newline at end of file + "custombackground": "true", + "bgsize": "cover", + "backgroundtype": "gradient", + "bgcolor": "#ff8040", + "color2": "#0080ff" +} diff --git a/variation-fragments/background/background-image.json b/variation-fragments/background/background-image.json index 7965dd700..beb6c1e9b 100644 --- a/variation-fragments/background/background-image.json +++ b/variation-fragments/background/background-image.json @@ -1,6 +1,6 @@ { - "custombackground": "true", - "bgsize": "cover", - "backgroundtype": "image", - "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" -} \ No newline at end of file + "custombackground": "true", + "bgsize": "cover", + "backgroundtype": "image", + "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" +} diff --git a/variation-fragments/background/background-none.json b/variation-fragments/background/background-none.json index fdb0a37f0..484b8f4bf 100644 --- a/variation-fragments/background/background-none.json +++ b/variation-fragments/background/background-none.json @@ -1,3 +1,3 @@ { - "custombackground": "false" -} \ No newline at end of file + "custombackground": "false" +} diff --git a/variation-fragments/background/background-video.json b/variation-fragments/background/background-video.json index 9b26db420..42128bde3 100644 --- a/variation-fragments/background/background-video.json +++ b/variation-fragments/background/background-video.json @@ -1,6 +1,6 @@ { - "custombackground": "true", - "bgsize": "cover", - "backgroundtype": "video", - "bgvideo": "https://www.youtube.com/embed/Ju86mknumYM" -} \ No newline at end of file + "custombackground": "true", + "bgsize": "cover", + "backgroundtype": "video", + "bgvideo": "https://www.youtube.com/embed/Ju86mknumYM" +} diff --git a/variation-fragments/colorscheme/colorscheme-dark.json b/variation-fragments/colorscheme/colorscheme-dark.json index a45e0def0..0c3894b9c 100644 --- a/variation-fragments/colorscheme/colorscheme-dark.json +++ b/variation-fragments/colorscheme/colorscheme-dark.json @@ -1,3 +1,3 @@ { - "colorscheme": "dark" -} \ No newline at end of file + "colorscheme": "dark" +} diff --git a/variation-fragments/colorscheme/colorscheme-light.json b/variation-fragments/colorscheme/colorscheme-light.json index be34d768a..8480e3ac1 100644 --- a/variation-fragments/colorscheme/colorscheme-light.json +++ b/variation-fragments/colorscheme/colorscheme-light.json @@ -1,3 +1,3 @@ { - "colorscheme": "light" -} \ No newline at end of file + "colorscheme": "light" +} diff --git a/variation-fragments/colorscheme/colorscheme-none.json b/variation-fragments/colorscheme/colorscheme-none.json index c5742e7eb..e277b52c4 100644 --- a/variation-fragments/colorscheme/colorscheme-none.json +++ b/variation-fragments/colorscheme/colorscheme-none.json @@ -1,3 +1,3 @@ { - "colorscheme": "" -} \ No newline at end of file + "colorscheme": "" +} diff --git a/variation-fragments/fullheight/fullheight-false.json b/variation-fragments/fullheight/fullheight-false.json index d90b08f30..cbec74307 100644 --- a/variation-fragments/fullheight/fullheight-false.json +++ b/variation-fragments/fullheight/fullheight-false.json @@ -1,3 +1,3 @@ { - "fullheight": "false" -} \ No newline at end of file + "fullheight": "false" +} diff --git a/variation-fragments/fullheight/fullheight-true.json b/variation-fragments/fullheight/fullheight-true.json index 202e8f074..6564b0048 100644 --- a/variation-fragments/fullheight/fullheight-true.json +++ b/variation-fragments/fullheight/fullheight-true.json @@ -1,3 +1,3 @@ { - "fullheight": "true" -} \ No newline at end of file + "fullheight": "true" +}

      ${entry.version} ${entry.url}

      ${entry.version} ${entry.url}