mycosystems/bellaskeys.com
3
0
Fork 0
Code Issues Pull requests Activity Actions

animations and button hover
All checks were successful
Hugo / build (push) Successful in 18s
Details

Browse source
This commit is contained in:
brooke 2024-03-02 17:38:04 -05:00
parent c6d3fdf113
commit 2edf501ff4
4 changed files with 14 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
themes/agnes-hugo-theme/layouts/index.html
View file

@ -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"

1
themes/agnes-hugo-theme/layouts/partials/footer.html
View file

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

5
themes/agnes-hugo-theme/static/css/style.css
View file

@ -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 {
box-shadow: 2px 4px 10px rgba(255, 255, 255, 0.25);
.button:hover {
box-shadow: 0px 2px 15px rgba(255, 255, 255, 0.15);
transition: 0.3s ease;
}

2
themes/agnes-hugo-theme/static/js/main.min.js vendored
View file

@ -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})})}}();