j1-template 2022.0.9 → 2022.0.10

data/lib/starter_web/pages/_test_pages/flipcard-1-tester.adoc

@@ -1,308 +0,0 @@
----
-title:                                  Tester
-tagline:                                flip-card 1
-date:                                   2020-11-03 00:00:00 +100
-description: >
-                                        Welcome to the preview page focussing on the image module. This page
-                                        shows some valuable features of the J1 Template to manage your image-based
-                                        content using lightboxes, carousels (slider), and galleries.
-
-categories:                             [ Testpages ]
-tags:                                   [ Example ]
-
-comments:                               false
-fab_menu_id:                            page_ctrl_simple
-
-permalink:                              /pages/public/learn/flipcard1/
-regenerate:                             false
-
-resources:                              [
-                                          clipboard, rouge, carousel, lightbox,
-                                          justifiedGallery, lightGallery
-                                        ]
-resource_options:
-  - attic:
-      padding_top:                      400
-      padding_bottom:                   50
-      opacity:                          0.5
-      slides:
-        - url:                          /assets/images/pages/roundtrip/images-1920x1280-bw.jpg
-          alt:                          Photo by Ricardo Gomez Angel on Unsplash
-          badge:
-            type:                       unsplash
-            author:                     Ricardo Gomez Angel
-            href:                       https://unsplash.com/@ripato/portfolio
----
-
-// Page Initializer
-// =============================================================================
-// Enable the Liquid Preprocessor
-:page-liquid:
-
-// Set (local) page attributes here
-// -----------------------------------------------------------------------------
-// :page--attr:                         <attr-value>
-:images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
-
-//  Load Liquid procedures
-// -----------------------------------------------------------------------------
-{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
-
-// Load page attributes
-// -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="global" %}
-
-// Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-// Include sub-documents (if any)
-// -----------------------------------------------------------------------------
-
-++++
-<div class="content">
-<h1 class="heading">Card Flip</h1>
-<p class="description">Hover over a card to flip it.</p><a class="card" href="#!">
-  <div class="front" style="border-right: 1px dotted rgba(0, 0, 0, 0.25); background-image: url(//source.unsplash.com/300x401)">
-    <p>Lorem ipsum dolor sit amet consectetur adipisi.</p>
-  </div>
-  <div class="back">
-    <div>
-      <p>Consectetur adipisicing elit. Possimus, praesentium?</p>
-      <p>Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.</p>
-      <button class="button">Click Here</button>
-    </div>
-  </div></a><a class="card" href="#!">
-  <div class="front" style="border-right: 1px dotted rgba(0, 0, 0, 0.25); background-image: url(//source.unsplash.com/300x402)">
-    <p>Lorem ipsum dolor sit amet consectetur adipisi.</p>
-  </div>
-  <div class="back">
-    <div>
-      <p>Consectetur adipisicing elit. Possimus, praesentium?</p>
-      <p>Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.</p>
-      <button class="button">Click Here</button>
-    </div>
-  </div></a><a class="card" href="#!">
-  <div class="front" style="border-right: 1px dotted rgba(0, 0, 0, 0.25); background-image: url(//source.unsplash.com/300x403)">
-    <p>Lorem ipsum dolor sit amet consectetur adipisi.</p>
-  </div>
-  <div class="back">
-    <div>
-      <p>Consectetur adipisicing elit. Possimus, praesentium?</p>
-      <p>Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.</p>
-      <button class="button">Click Here</button>
-    </div>
-  </div></a><a class="card" href="#!">
-  <div class="front" style="border-right: 1px dotted rgba(0, 0, 0, 0.25); background-image: url(//source.unsplash.com/300x404)">
-    <p>Lorem ipsum dolor sit amet consectetur adipisi.</p>
-  </div>
-  <div class="back">
-    <div>
-      <p>Consectetur adipisicing elit. Possimus, praesentium?</p>
-      <p>Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.</p>
-      <button class="button">Click Here</button>
-    </div>
-  </div></a><a class="card" href="#!">
-  <div class="front" style="border-right: 1px dotted rgba(0, 0, 0, 0.25); background-image: url(//source.unsplash.com/300x405)">
-    <p>Lorem ipsum dolor sit amet consectetur adipisi.</p>
-  </div>
-  <div class="back">
-    <div>
-      <p>Consectetur adipisicing elit. Possimus, praesentium?</p>
-      <p>Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.</p>
-      <button class="button">Click Here</button>
-    </div>
-  </div></a><a class="card" href="#!">
-  <div class="front" style="border-right: 1px dotted rgba(0, 0, 0, 0.25); background-image: url(//source.unsplash.com/300x406)">
-    <p>Lorem ipsum dolor sit amet consectetur adipisi.</p>
-  </div>
-  <div class="back">
-    <div>
-      <p>Consectetur adipisicing elit. Possimus, praesentium?</p>
-      <p>Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.</p>
-      <button class="button">Click Here</button>
-    </div>
-  </div></a>
-</div>
-
-
-<style>
-
-.content {
-  display: flex;
-  margin: 0 auto;
-  justify-content: center;
-  align-items: center;
-  flex-wrap: wrap;
-  max-width: 1000px;
-}
-
-.heading {
-  width: 100%;
-  margin-left: 1rem;
-  font-weight: 900;
-  font-size: 1.618rem;
-  text-transform: uppercase;
-  letter-spacing: 0.1ch;
-  line-height: 1;
-  padding-bottom: 0.5em;
-  margin-bottom: 1rem;
-  position: relative;
-}
-.heading:after {
-  display: block;
-  content: "";
-  position: absolute;
-  width: 60px;
-  height: 4px;
-  background: linear-gradient(135deg, #1a9be6, #1a57e6);
-  bottom: 0;
-}
-
-.description {
-  width: 100%;
-  margin-top: 0;
-  margin-left: 1rem;
-  margin-bottom: 3rem;
-}
-
-.card {
-  color: inherit;
-  cursor: pointer;
-  width: calc(33% - 2rem);
-  min-width: calc(33% - 2rem);
-  height: 400px;
-  min-height: 400px;
-  perspective: 1000px;
-  margin: 1rem;
-  position: relative;
-}
-@media screen and (max-width: 800px) {
-  .card {
-    width: calc(50% - 2rem);
-  }
-}
-@media screen and (max-width: 500px) {
-  .card {
-    width: 100%;
-  }
-}
-
-.front,
-.back {
-  display: flex;
-  border-radius: 6px;
-  background-position: center;
-  background-size: cover;
-  text-align: center;
-  justify-content: center;
-  align-items: center;
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  transform-style: preserve-3d;
-  transition: ease-in-out 600ms;
-}
-
-.front {
-  background-size: cover;
-  padding: 2rem;
-  font-size: 1.618rem;
-  font-weight: 600;
-  color: #fff;
-  overflow: hidden;
-  font-family: Poppins, sans-serif;
-}
-.front:before {
-  position: absolute;
-  display: block;
-  content: "";
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: linear-gradient(135deg, #1a9be6, #1a57e6);
-  opacity: 0.25;
-  z-index: -1;
-}
-.card:hover .front {
-  transform: rotateY(180deg);
-}
-.card:nth-child(even):hover .front {
-  transform: rotateY(-180deg);
-}
-
-.back {
-  background: #fff;
-  transform: rotateY(-180deg);
-  padding: 0 2em;
-}
-.back .button {
-  background: linear-gradient(135deg, #1a9be6, #1a57e6);
-}
-.back .button:before {
-  box-shadow: 0 0 10px 10px rgba(26, 87, 230, 0.25);
-  background-color: rgba(26, 87, 230, 0.25);
-}
-.card:hover .back {
-  transform: rotateY(0deg);
-}
-.card:nth-child(even) .back {
-  transform: rotateY(180deg);
-}
-.card:nth-child(even) .back .button {
-  background: linear-gradient(135deg, #e61a80, #e61a3c);
-}
-.card:nth-child(even) .back .button:before {
-  box-shadow: 0 0 10px 10px rgba(230, 26, 60, 0.25);
-  background-color: rgba(230, 26, 60, 0.25);
-}
-.card:nth-child(even):hover .back {
-  transform: rotateY(0deg);
-}
-
-.button {
-  transform: translateZ(40px);
-  cursor: pointer;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  font-weight: bold;
-  color: #fff;
-  padding: 0.5em 1em;
-  border-radius: 100px;
-  font: inherit;
-  border: none;
-  position: relative;
-  transform-style: preserve-3d;
-  transition: 300ms ease;
-}
-.button:before {
-  transition: 300ms ease;
-  position: absolute;
-  display: block;
-  content: "";
-  transform: translateZ(-40px);
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  height: calc(100% - 20px);
-  width: calc(100% - 20px);
-  border-radius: 100px;
-  left: 10px;
-  top: 16px;
-}
-.button:hover {
-  transform: translateZ(55px);
-}
-.button:hover:before {
-  transform: translateZ(-55px);
-}
-.button:active {
-  transform: translateZ(20px);
-}
-.button:active:before {
-  transform: translateZ(-20px);
-  top: 12px;
-}
-</style>
-++++

data/lib/starter_web/pages/_test_pages/formular-01-tester.adoc

@@ -1,167 +0,0 @@
----
-title:                                  Tester
-tagline:                                JotForm
-date:                                   2020-11-03 00:00:00 +100
-description: >
-                                        Welcome to the preview page focussing on the image module. This page
-                                        shows some valuable features of the J1 Template to manage your image-based
-                                        content using lightboxes, carousels (slider), and galleries.
-
-categories:                             [ Testpages ]
-tags:                                   [ Example ]
-
-comments:                               false
-fab_menu_id:                            default
-
-permalink:                              /pages/public/jotform-1/
-regenerate:                             false
-
-resources:                              []
-resource_options:
-  - attic:
-      padding_top:                      400
-      padding_bottom:                   50
-      opacity:                          0.5
-      slides:
-        - url:                          /assets/images/pages/roundtrip/images-1920x1280-bw.jpg
-          alt:                          Photo by Ricardo Gomez Angel on Unsplash
-          badge:
-            type:                       unsplash
-            author:                     Ricardo Gomez Angel
-            href:                       https://unsplash.com/@ripato/portfolio
----
-
-// Page Initializer
-// =============================================================================
-// Enable the Liquid Preprocessor
-:page-liquid:
-
-// Set (local) page attributes here
-// -----------------------------------------------------------------------------
-// :page--attr:                         <attr-value>
-:images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
-
-//  Load Liquid procedures
-// -----------------------------------------------------------------------------
-{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
-
-// Load page attributes
-// -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="none" %}
-
-// Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-// Include sub-documents (if any)
-// -----------------------------------------------------------------------------
-
-++++
-<iframe
-  id="JotFormIFrame-212574671828363"
-  title="Website Fragebogen Formular"
-  onload="window.parent.scrollTo(0,0)"
-  allowtransparency="true"
-  allowfullscreen="true"
-  allow="geolocation; microphone; camera"
-  src="https://form.jotform.com/212574671828363"
-  frameborder="0"
-  style="
-  min-width: 100%;
-  height:539px;
-  border:none;"
-  scrolling="no"
->
-</iframe>
-<script type="text/javascript">
-  var ifr = document.getElementById("JotFormIFrame-212574671828363");
-  if (ifr) {
-    var src = ifr.src;
-    var iframeParams = [];
-    if (window.location.href && window.location.href.indexOf("?") > -1) {
-      iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf("?") + 1).split('&'));
-    }
-    if (src && src.indexOf("?") > -1) {
-      iframeParams = iframeParams.concat(src.substr(src.indexOf("?") + 1).split("&"));
-      src = src.substr(0, src.indexOf("?"))
-    }
-    iframeParams.push("isIframeEmbed=1");
-    ifr.src = src + "?" + iframeParams.join('&');
-  }
-  window.handleIFrameMessage = function(e) {
-    if (typeof e.data === 'object') { return; }
-    var args = e.data.split(":");
-    if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); }
-    if (!iframe) { return; }
-    switch (args[0]) {
-      case "scrollIntoView":
-        iframe.scrollIntoView();
-        break;
-      case "setHeight":
-        iframe.style.height = args[1] + "px";
-        break;
-      case "collapseErrorPage":
-        if (iframe.clientHeight > window.innerHeight) {
-          iframe.style.height = window.innerHeight + "px";
-        }
-        break;
-      case "reloadPage":
-        window.location.reload();
-        break;
-      case "loadScript":
-        if( !window.isPermitted(e.origin, ['jotform.com', 'jotform.pro']) ) { break; }
-        var src = args[1];
-        if (args.length > 3) {
-            src = args[1] + ':' + args[2];
-        }
-        var script = document.createElement('script');
-        script.src = src;
-        script.type = 'text/javascript';
-        document.body.appendChild(script);
-        break;
-      case "exitFullscreen":
-        if      (window.document.exitFullscreen)        window.document.exitFullscreen();
-        else if (window.document.mozCancelFullScreen)   window.document.mozCancelFullScreen();
-        else if (window.document.mozCancelFullscreen)   window.document.mozCancelFullScreen();
-        else if (window.document.webkitExitFullscreen)  window.document.webkitExitFullscreen();
-        else if (window.document.msExitFullscreen)      window.document.msExitFullscreen();
-        break;
-    }
-    var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false;
-    if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) {
-      var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)};
-      iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*");
-    }
-  };
-  window.isPermitted = function(originUrl, whitelisted_domains) {
-    var url = document.createElement('a');
-    url.href = originUrl;
-    var hostname = url.hostname;
-    var result = false;
-    if( typeof hostname !== 'undefined' ) {
-      whitelisted_domains.forEach(function(element) {
-          if( hostname.slice((-1 * element.length - 1)) === '.'.concat(element) ||  hostname === element ) {
-              result = true;
-          }
-      });
-      return result;
-    }
-  }
-  if (window.addEventListener) {
-    window.addEventListener("message", handleIFrameMessage, false);
-  } else if (window.attachEvent) {
-    window.attachEvent("onmessage", handleIFrameMessage);
-  }
-  </script>
-
-<style>
-
-.supernova {
-    background-image: none !important;
-}
-
-.supernova {
-    background-color: #fff !important;
-}
-</style>
-
-++++