README.md

@@ -6,8 +6,6 @@ This is a boilerplate for using [Hugo](https://gohugo.io/) as a static site gene
 
 Setup to use [PostCSS](http://postcss.org/), [Tailwind CSS](https://tailwindcss.com), [PurgeCSS](https://purgecss.com) and [Babel](https://babeljs.io/) for CSS and JavaScript compiling/transpiling.
 
-Also uses [Swup](https://swup.org.js) page transitions and pre-loading of pages.
-
 This project is released under the [MIT license](LICENSE). Please make sure you understand its implications and guarantees.
 
 ## :wrench: Todo

package.json

@@ -65,9 +65,7 @@
     "natives": "1.1.6"
   },
   "dependencies": {
-    "@swup/preload-plugin": "^1.0.3",
     "glob-all": "^3.2.1",
-    "swup": "^2.0.9",
     "tailwindcss": "^1.2.0"
   }
 }

site/content/privacy-policy.md

@@ -1,36 +0,0 @@
----
-title: 'Privacy Policy'
-date: 2018-11-14T19:02:50-07:00
-draft: false
----
-
-# Privacy Policy
-
-## Heading One
-Adipisicing vel laborum nostrum nostrum minima Autem quam quidem odio odit explicabo eius! Perferendis ea sapiente ea quas voluptas voluptates Et numquam quisquam a nobis debitis Dolor fuga nulla quis suscipit inventore unde! Accusamus voluptatem sint sint commodi officiis explicabo. Nulla excepturi beatae harum tempore quia. Aspernatur fugit cumque architecto laboriosam iure, atque? Eum maiores quidem quam omnis impedit! Ducimus aspernatur consequatur consequatur facere ea. Nobis atque saepe veritatis autem fugit asperiores? Consectetur doloribus aspernatur quos rerum illum! Assumenda minus eum provident delectus amet. Atque iste dolor expedita culpa a Voluptatum maiores dolorum aspernatur amet debitis! Ullam impedit deserunt accusantium?
-
-Sit excepturi accusantium adipisci in numquam inventore, esse? Porro consectetur consequuntur cupiditate dolore in Odio mollitia totam distinctio magni quo! Alias magnam soluta esse magnam beatae, nesciunt, excepturi atque? Atque architecto eaque veniam aspernatur hic, culpa. Qui error enim dolorum cum sit quam? Laborum earum ipsum eligendi eius delectus. Rem hic dignissimos vitae facere deleniti voluptatem! Consectetur tenetur eius alias illo inventore. Cumque blanditiis corrupti illum inventore reprehenderit? Laboriosam ipsa non tenetur libero unde optio Tenetur hic obcaecati ducimus nihil quae. Ducimus quibusdam ad ipsa at libero Sapiente debitis cum accusamus maiores necessitatibus? Iusto doloremque suscipit at ab nesciunt! Excepturi
-
-## Heading Two
-
-Elit doloremque culpa reprehenderit vitae reiciendis Voluptatibus iste quod fuga natus rerum Commodi in dolorum odio quasi doloremque! Quod pariatur fugit eius temporibus dolores, harum possimus tempore ea Aliquid et sunt aperiam perspiciatis quaerat optio? Eos commodi eius alias iure rerum minima neque Mollitia error beatae recusandae ratione adipisci! Tenetur libero quos ipsa maiores quas doloribus, minus dolorum Vel in deleniti eius sapiente similique Odit laudantium ad rerum aliquid quia voluptatum ab Magnam deserunt ullam similique velit delectus! Dignissimos debitis dolore incidunt nam quia. Vel ad officia corrupti incidunt voluptas! Ducimus doloremque eius praesentium totam rerum? Harum officia temporibus unde
-
-## Heading Three
-
-Lorem consequatur autem veniam neque minima Fugit harum corporis laborum quis nisi Recusandae ut consequatur optio cupiditate distinctio, possimus amet dolor, sapiente consequuntur. Repellendus odio sed tenetur dolores natus Minima molestiae officiis fugit quos quidem atque. Architecto amet tenetur dolor sequi provident? Cumque commodi accusamus expedita illo sit? Adipisci et molestiae nemo repudiandae cum, est. Adipisci recusandae fuga saepe ipsam facere Beatae sit sunt veritatis numquam odio odio voluptate Iusto sint iste quaerat quis magnam. Neque quas dignissimos ex velit vero. Odio dicta ea expedita eaque voluptatem quas inventore? Officia molestiae totam sapiente animi harum? Labore praesentium fugit commodi similique
-
-Consectetur natus maiores dignissimos eligendi aspernatur? Fugiat eius fugit placeat libero reprehenderit? Officiis dignissimos repudiandae quaerat obcaecati provident labore recusandae. Quae mollitia fugiat doloribus praesentium doloremque, facilis. Beatae sequi aspernatur reiciendis sit obcaecati exercitationem aliquam Nesciunt quas sed facere corporis harum, amet magni odit Officia laborum aspernatur sit recusandae eveniet. Quos magnam provident a laborum commodi, minus Officia dolor eos laboriosam corrupti voluptate. Ab accusamus tempore reprehenderit assumenda illum Quod ipsum ducimus aperiam nemo iste. Dicta deleniti molestias nisi aliquam voluptatem Nobis minus numquam facere a pariatur, tempora. Excepturi sint quidem labore veniam temporibus laborum, dolor. Ipsa labore nam aperiam
-
-Elit consectetur natus rem unde debitis? Ea rem incidunt officiis fuga aut. Eveniet dicta quasi sit magni cupiditate repudiandae At architecto debitis illo perferendis velit totam? Sequi corrupti quo velit consequatur et eius? Blanditiis voluptatibus fugit nihil natus nulla? Molestiae neque id neque officiis suscipit. Recusandae provident velit dolore quae earum Voluptatem quia aliquam quibusdam numquam exercitationem, praesentium ut! Quos commodi mollitia natus accusantium optio Illo veniam odit esse necessitatibus cupiditate. Voluptates eius laborum dolore voluptatum accusantium Est asperiores praesentium architecto perferendis commodi necessitatibus Consequuntur laboriosam nulla animi quaerat tempore Aliquid ab praesentium possimus magni officia Praesentium eos odit soluta.
-
-## Heading Four
-
-Adipisicing pariatur fugiat consequuntur porro sunt, autem? Nesciunt corrupti placeat sapiente itaque ullam nobis, vel Saepe ipsa dolorum dolorem neque quidem dolore Repellat quibusdam officiis a dolores accusamus, animi! Hic maxime officiis excepturi sit cupiditate doloribus? Cupiditate possimus totam sunt est quia vel, dignissimos. Mollitia laboriosam provident vel illum facilis blanditiis? Possimus ullam iste ullam accusamus amet. Iste suscipit quod explicabo iste ad sed. Est sint necessitatibus repellat exercitationem dolor dolor earum Itaque ea cum quaerat nihil minus? Eligendi obcaecati blanditiis neque tempora itaque? Et suscipit pariatur exercitationem neque cupiditate itaque Explicabo assumenda eum asperiores quae perferendis natus? Illo vel
-
-Ipsum quasi ipsam officiis impedit exercitationem At fugit fugiat neque facilis corporis illum. Labore sequi dignissimos at necessitatibus deserunt. Commodi earum nesciunt temporibus accusantium sapiente deserunt? Perferendis fugit perspiciatis accusamus quis beatae. Temporibus nam labore cum quidem aliquid repellendus numquam. Numquam tenetur repellendus laudantium eveniet sint Quisquam dicta sed vitae libero minus! Odio ut obcaecati inventore voluptates dolore? Alias suscipit atque non dolorum quia Cumque minus maiores et deleniti at adipisci Delectus consequuntur sunt consectetur perspiciatis laborum quaerat. Magnam voluptate rerum eveniet corrupti dolorem voluptas? Autem voluptatum culpa numquam officiis alias? Perspiciatis neque voluptas necessitatibus aliquid possimus Repudiandae a ipsum
-
-## Heading Five
-
-Ipsum quo nulla vitae in perspiciatis. Porro voluptate illum et laudantium vel Accusantium rerum illo assumenda provident at Ipsum vero ullam explicabo quis distinctio quae aspernatur Velit ducimus deleniti beatae facere commodi blanditiis facere! Provident unde pariatur fugiat minima voluptatem. Commodi adipisci quidem modi obcaecati delectus error, odio, aliquid Consectetur inventore laudantium officia expedita laborum. Omnis eaque esse id hic enim, tempora. Vero magni quas impedit odit recusandae eius! Deleniti eligendi harum beatae suscipit dicta ratione ex quos? Quis vero illo accusamus ex explicabo magnam Porro sequi delectus culpa temporibus impedit. Asperiores expedita quis minima ipsam aperiam Nemo voluptas totam
-
-Amet mollitia officia facilis laboriosam cum? Tenetur nostrum iste voluptatum necessitatibus magni suscipit voluptatum. Dolore dignissimos consequatur in sunt veniam fuga. Eveniet ullam facilis consequuntur illo molestiae. Eligendi impedit aperiam mollitia ipsam libero unde. Amet sunt explicabo inventore repudiandae in? Officia ratione iure commodi optio perferendis amet. Nobis illo ducimus quasi voluptas praesentium? Atque ut at harum ea harum veritatis nobis. Esse facere iure hic consequatur eligendi Incidunt a laboriosam mollitia temporibus veritatis excepturi Illo corrupti impedit eum nam ab quaerat pariatur! Iusto deleniti itaque nisi quod error? Laudantium autem possimus est at doloribus Obcaecati quidem accusamus repudiandae laboriosam officia

site/content/terms-and-conditions.md

@@ -1,27 +0,0 @@
----
-title: 'Terms and Conditions'
-date: 2018-11-14T19:02:50-07:00
-draft: false
----
-
-# Termas and Conditions
-
-## Heading One
-Adipisicing vel laborum nostrum nostrum minima Autem quam quidem odio odit explicabo eius! Perferendis ea sapiente ea quas voluptas voluptates Et numquam quisquam a nobis debitis Dolor fuga nulla quis suscipit inventore unde! Accusamus voluptatem sint sint commodi officiis explicabo. Nulla excepturi beatae harum tempore quia. Aspernatur fugit cumque architecto laboriosam iure, atque? Eum maiores quidem quam omnis impedit! Ducimus aspernatur consequatur consequatur facere ea. Nobis atque saepe veritatis autem fugit asperiores? Consectetur doloribus aspernatur quos rerum illum! Assumenda minus eum provident delectus amet. Atque iste dolor expedita culpa a Voluptatum maiores dolorum aspernatur amet debitis! Ullam impedit deserunt accusantium?
-
-## Heading Two
-
-Elit doloremque culpa reprehenderit vitae reiciendis Voluptatibus iste quod fuga natus rerum Commodi in dolorum odio quasi doloremque! Quod pariatur fugit eius temporibus dolores, harum possimus tempore ea Aliquid et sunt aperiam perspiciatis quaerat optio? Eos commodi eius alias iure rerum minima neque Mollitia error beatae recusandae ratione adipisci! Tenetur libero quos ipsa maiores quas doloribus, minus dolorum Vel in deleniti eius sapiente similique Odit laudantium ad rerum aliquid quia voluptatum ab Magnam deserunt ullam similique velit delectus! Dignissimos debitis dolore incidunt nam quia. Vel ad officia corrupti incidunt voluptas! Ducimus doloremque eius praesentium totam rerum? Harum officia temporibus unde
-
-## Heading Three
-
-Lorem consequatur autem veniam neque minima Fugit harum corporis laborum quis nisi Recusandae ut consequatur optio cupiditate distinctio, possimus amet dolor, sapiente consequuntur. Repellendus odio sed tenetur dolores natus Minima molestiae officiis fugit quos quidem atque. Architecto amet tenetur dolor sequi provident? Cumque commodi accusamus expedita illo sit? Adipisci et molestiae nemo repudiandae cum, est. Adipisci recusandae fuga saepe ipsam facere Beatae sit sunt veritatis numquam odio odio voluptate Iusto sint iste quaerat quis magnam. Neque quas dignissimos ex velit vero. Odio dicta ea expedita eaque voluptatem quas inventore? Officia molestiae totam sapiente animi harum? Labore praesentium fugit commodi similique
-
-## Heading Four
-
-Adipisicing pariatur fugiat consequuntur porro sunt, autem? Nesciunt corrupti placeat sapiente itaque ullam nobis, vel Saepe ipsa dolorum dolorem neque quidem dolore Repellat quibusdam officiis a dolores accusamus, animi! Hic maxime officiis excepturi sit cupiditate doloribus? Cupiditate possimus totam sunt est quia vel, dignissimos. Mollitia laboriosam provident vel illum facilis blanditiis? Possimus ullam iste ullam accusamus amet. Iste suscipit quod explicabo iste ad sed. Est sint necessitatibus repellat exercitationem dolor dolor earum Itaque ea cum quaerat nihil minus? Eligendi obcaecati blanditiis neque tempora itaque? Et suscipit pariatur exercitationem neque cupiditate itaque Explicabo assumenda eum asperiores quae perferendis natus? Illo vel
-
-## Heading Five
-
-Amet mollitia officia facilis laboriosam cum? Tenetur nostrum iste voluptatum necessitatibus magni suscipit voluptatum. Dolore dignissimos consequatur in sunt veniam fuga. Eveniet ullam facilis consequuntur illo molestiae. Eligendi impedit aperiam mollitia ipsam libero unde. Amet sunt explicabo inventore repudiandae in? Officia ratione iure commodi optio perferendis amet. Nobis illo ducimus quasi voluptas praesentium? Atque ut at harum ea harum veritatis nobis. Esse facere iure hic consequatur eligendi Incidunt a laboriosam mollitia temporibus veritatis excepturi Illo corrupti impedit eum nam ab quaerat pariatur! Iusto deleniti itaque nisi quod error? Laudantium autem possimus est at doloribus Obcaecati quidem accusamus repudiandae laboriosam officia
-

site/layouts/_default/single.html

@@ -1,5 +1,5 @@
 {{ define "main" }} {{ $section := .Site.GetPage "section" .Section }}
 <article class="content">
-  <main id="swup" class="transition-fade">{{- .Content -}}</main>
+  <main>{{- .Content -}}</main>
 </article>
 {{ end }}

site/layouts/index.html

@@ -1,10 +1,8 @@
 {{ define "main" }}
 
-<main id="swup" class="transition-fade">
-  {{ partial "hero.html" }}
-  {{ partial "about.html" }}
-  {{ partial "services.html" }}
-  {{ partial "contact.html" }}
-</main>
+
+<section id="js-block-parent" class="container max-w-full w-full h-screen bg-gray-100 flex flex-wrap items-center justify-center content-around justify-around">
+  {{ partial "block.html" . }}
+</section>
 
 {{ end }}

site/layouts/partials/about.html

@@ -1,4 +0,0 @@
-<article id="about" class="container max-w-full w-full h-screen bg-gray-300">
-  <h2>About</h2>
-</article>
-

site/layouts/partials/contact.html

@@ -1,4 +0,0 @@
-<article id="contact" class="container max-w-full w-full h-screen bg-gray-700">
-  <h2>Contact</h2>
-</article>
-

site/layouts/partials/footer.html

@@ -1,6 +0,0 @@
-<footer class="transition-fade">
-  <ul>
-    <li><a href="{{ "terms-and-conditions" | relURL }}">Terms and Conditions</a></li>
-    <li><a href="{{ "privacy-policy" | relURL }}">Privacy Policy</a></li>
-  </ul>
-</footer>

site/layouts/partials/header.html

@@ -1,7 +0,0 @@
-<header>
-  <nav>
-    <ul>
-      <li><a href="{{ .Site.BaseURL }}">Home</a></li>
-    </ul>
-  </nav>
-</header>

site/layouts/partials/hero.html

@@ -1,5 +0,0 @@
-<article id="home">
-  <div id="js-block-parent" class="container max-w-full w-full h-screen bg-gray-100 flex flex-wrap items-center justify-center content-around justify-around">
-    {{ partial "blocks.html" . }}
-  </div>
-</article>

site/layouts/partials/services.html

@@ -1,4 +0,0 @@
-<article id="services" class="container max-w-full w-full h-screen bg-gray-500">
-  <h2>Services</h2>
-</article>
-

src/css/main.css

@@ -11,14 +11,4 @@ body {
   height: 100%;
 }
 
-// swup transition classes
-.transition-fade {
-  transition: 0.3s;
-  opacity: 1;
-}
-
-html.is-animating .transition-fade {
-  opacity: 0;
-}
-
 // vim:set filetype=scss:

src/index.js

@@ -2,17 +2,7 @@
 
 import "./css/main.css";
 
-// TODO - is there a more appropriate place for this?
-import Swup from "swup";
-import SwupPreloadPlugin from "@swup/preload-plugin";
-const swup = new Swup({
-  plugins: [new SwupPreloadPlugin()]
-});
-
-const blockInterval = null;
-
-function initBlocks() {
-  if (blockInterval) { return; }
+window.addEventListener("DOMContentLoaded", () => {
   const TRANSITION_DURATION = 1000;
   const INTERVAl = TRANSITION_DURATION + 600;
   const blockParent = document.getElementById("js-block-parent");
@@ -25,14 +15,5 @@ function initBlocks() {
       blockParent.classList.add(`state-${state}`);
     }, INTERVAl);
   }
-}
-
-window.addEventListener("DOMContentLoaded", () => {
-  initBlocks();
-});
-
-// DOMContentLoaded is not triggered on page reloads via swup.js
-swup.on("contentReplaced", () => {
-  initBlocks();
 });