animations and button hover

themes/agnes-hugo-theme/layouts/index.html

@@ -3,13 +3,13 @@
     <div class="container">
       <div class="hero-inner">
         <div class="hero-copy">
-          <h1 class="hero-title h2-mobile mt-0 is-revealing">
+          <h1 class="hero-title h2-mobile mt-0">
             {{ .Site.Params.Content.LeadTitle | markdownify }}
           </h1>
-          <p class="hero-paragraph is-revealing">
+          <p class="hero-paragraph">
             {{ .Site.Params.Content.LeadDescription | markdownify }}
           </p>
-          <p class="hero-cta is-revealing">
+          <p class="hero-cta">
             <a
               class="button button-primary"
               href="{{ .Site.Params.Content.ButtonURL }}"
@@ -25,7 +25,7 @@
       {{ range site.Params.sold }}
         {{ range .Icon }}
           <a>
-            <img class="sold-image {{ .CSS }}" src="{{ .LogoURL }}" />
+            <img class="reveal sold-image {{ .CSS }}" src="{{ .LogoURL }}" />
           </a>
         {{ end }}
       {{ end }}
@@ -36,7 +36,7 @@
       <div class="features-inner section-inner">
         <div class="features-wrap">
           {{ range site.Params.feature }}
-            <div class="feature is-revealing feature-inner">
+            <div class="feature feature-inner">
               <i class="feature-icon {{ .FeatureIcon }}"></i>
               <div class="feature-description">
                 <h4 class="feature-title h3-mobile">{{ .FeatureTitle }}</h4>
@@ -54,12 +54,12 @@
       <div class="contact-flex">
         <div class="contact-inner">
           {{ range .Site.Params.buttons }}
-            <a href="{{ .url }}" class="button"
+            <a href="{{ .url }}" class="reveal button"
               ><i class="{{ .icon }}"></i>{{ .label }}</a
             >
           {{ end }}
         </div>
-        <div class="contact-table">
+        <div class="reveal contact-table">
           {{ partial "contact_form.html" . }}
         </div>
       </div>
@@ -71,7 +71,7 @@
         <h2 id="pricing" class="section-title mt-0 text-center">Pricing</h2>
         {{ with index site.Params.pricing 0 }}
           <div class="pricing-table-inner">
-            <div class="font-color-light pricing-table-header is-revealing">
+            <div class="font-color-light pricing-table-header">
               <div class="pricing-table-title mt-12 mb-8">
                 {{ .PricingTitle }}
               </div>
@@ -91,7 +91,7 @@
             </div>
             <ul class="pricing-table-features list-reset text-xs">
               {{ range .Features }}
-                <li class="is-revealing">
+                <li>
                   <span class="list-icon">
                     <svg
                       width="16"

themes/agnes-hugo-theme/layouts/partials/footer.html

@@ -39,6 +39,7 @@
         ©
         {{ now.Format "2006" }}
         {{ .Site.Params.authorName | markdownify }}, all rights reserved
+         <br><p>Built by myco.systems</p>
       </div>
     </div>
   </div>

themes/agnes-hugo-theme/static/css/style.css

@@ -416,6 +416,7 @@ p {
   height: 48px;
   text-align: center;
   white-space: nowrap;
+  transition: 0.3s ease;
 }
 
 .button i {
@@ -442,8 +443,8 @@ p {
   background: var(--accent-3) !important;
 }
 
-.button-primary:hover {
+.button:hover {
-  box-shadow: 2px 4px 10px rgba(255, 255, 255, 0.25);
+  box-shadow: 0px 2px 15px rgba(255, 255, 255, 0.15);
   transition: 0.3s ease;
 }
 

themes/agnes-hugo-theme/static/js/main.min.js

@@ -1 +1 @@
-!function(){const e=document.documentElement;if(e.classList.remove("no-js"),e.classList.add("js"),document.body.classList.contains("has-animations")){const e=window.sr=ScrollReveal();e.reveal(".hero-title, .hero-paragraph, .hero-cta",{duration:1e3,distance:"40px",easing:"cubic-bezier(0.5, -0.01, 0, 1.005)",origin:"left",interval:150}),e.reveal(".hero-illustration",{duration:1e3,distance:"40px",easing:"cubic-bezier(0.5, -0.01, 0, 1.005)",origin:"right",interval:150}),e.reveal(".feature",{duration:1e3,distance:"40px",easing:"cubic-bezier(0.5, -0.01, 0, 1.005)",interval:100,origin:"bottom",scale:.9,viewFactor:.5}),document.querySelectorAll(".pricing-table").forEach(i=>{const t=[].slice.call(i.querySelectorAll(".pricing-table-header")),a=[].slice.call(i.querySelectorAll(".pricing-table-features li")),c=[].slice.call(i.querySelectorAll(".pricing-table-cta")),r=t.concat(a).concat(c);e.reveal(r,{duration:600,distance:"20px",easing:"cubic-bezier(0.5, -0.01, 0, 1.005)",interval:100,origin:"bottom",viewFactor:.5})})}}();
+!function(){const e=document.documentElement;if(e.classList.remove("no-js"),e.classList.add("js"),document.body.classList.contains("has-animations")){const e=window.sr=ScrollReveal();e.reveal(".hero-title, .hero-paragraph, .hero-cta, .reveal",{duration:1e3,distance:"40px",easing:"cubic-bezier(0.5, -0.01, 0, 1.005)",origin:"left",interval:150}),e.reveal(".hero-illustration",{duration:1e3,distance:"40px",easing:"cubic-bezier(0.5, -0.01, 0, 1.005)",origin:"right",interval:150}),e.reveal(".feature",{duration:1e3,distance:"40px",easing:"cubic-bezier(0.5, -0.01, 0, 1.005)",interval:100,origin:"bottom",scale:.9,viewFactor:.5}),document.querySelectorAll(".pricing-table").forEach(i=>{const t=[].slice.call(i.querySelectorAll(".pricing-table-header")),a=[].slice.call(i.querySelectorAll(".pricing-table-features li")),c=[].slice.call(i.querySelectorAll(".pricing-table-cta")),r=t.concat(a).concat(c);e.reveal(r,{duration:600,distance:"20px",easing:"cubic-bezier(0.5, -0.01, 0, 1.005)",interval:100,origin:"bottom",viewFactor:.5})})}}();