Skip to content

Commit

Permalink
Mohin/improve UI (#225)
Browse files Browse the repository at this point in the history 
Signed-off-by: mohin7 <[email protected]>
  • Loading branch information
@mohin7
mohin7 authored Jun 28, 2024
1 parent 4b75bbf commit 7a4acae
Show file tree
Hide file tree
Showing 51 changed files with 19,316 additions and 33,838 deletions.
49,184 changes: 16,849 additions & 32,335 deletions hugo_stats.json
View file

Large diffs are not rendered by default.

147 changes: 123 additions & 24 deletions layouts/_default/baseof.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -102,8 +102,8 @@
<!-- Custom CSS -->
{{ with $style := resources.Get "/assets/sass/main.css" | resources.PostCSS | resources.Minify | resources.Fingerprint }}
<link rel="stylesheet" href="{{ $style.RelPermalink }}" />
{{ end }}
<!-- <link rel="stylesheet" href="/assets/sass/main.css" /> -->
{{ end }}
<!-- <link rel="stylesheet" href="/assets/sass/main.css" />-->
</head>

<body class="{{$p.key}}" id="app">
Expand Down Expand Up @@ -211,7 +211,8 @@

<!-- ac-grid-container -->
<div class="mega-menu-inner container">
<button class="button ac-button inline-button back-button"><span
<button class="button ac-button inline-button back-button">
<span
class="icon back-icon">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
Expand Down Expand Up @@ -852,7 +853,7 @@ <h3 data-aos="fade-up" data-aos-duration="500">Run and Manage your Database on K

<!--========================== footer area start========================== -->
{{ block "footer" . }}
<footer class="footer-area">
<footer class="footer-area dark-bg">
<div class="footer-top">
<div class="container">
<div class="columns is-mobile is-multiline is-variable is-1-mobile">
Expand All @@ -861,8 +862,8 @@ <h3 data-aos="fade-up" data-aos-duration="500">Run and Manage your Database on K
<div class="single-footer-widget">
<!-- logo start -->
<div class="footer-logo">
<a href="{{.Site.Params.domain_appscode}}"><img loading="lazy" src="{{$.Site.Data.products.appscode.logo.src}}"
alt="{{$.Site.Data.products.appscode.logo.alt}}" class="img" /></a>
<a href="{{.Site.Params.domain_appscode}}"><img src="{{$.Site.Data.products.appscode.logoWhite.src}}"
alt="{{$.Site.Data.products.appscode.logo.alt}}" class="img" loading="lazy"/></a>
</div>
<!-- logo end -->

Expand All @@ -879,7 +880,7 @@ <h3 data-aos="fade-up" data-aos-duration="500">Run and Manage your Database on K
<input type="hidden" id="afbbc" name="l" value="d6a7b3b4-15ec-419e-beaf-a503d0bc1b41" />
<input class="input" name="email" id="mce-EMAIL" type="email"
placeholder="Your work email address" required />
<button id="mc-embedded-subscribe" type="submit" title="subscribe" class="button" name="mc-embedded-subscribe">
<button id="mc-embedded-subscribe" type="submit" name="subscribe" class="button" aria-label="Subscribe Button">
<i class="fa fa-paper-plane-o" aria-hidden="true"></i>
</button>
</div>
Expand All @@ -890,7 +891,7 @@ <h3 data-aos="fade-up" data-aos-duration="500">Run and Manage your Database on K

<!-- contact information start -->
<div class="contact-information">
<h4>Have any Inquiry?</h4>
<p class="has-text-weight-semibold">Have any Inquiry?</p>
<ul class="all-contact-info">
<li>
<a href="callto:{{.Site.Params.contact_phone}}"><span><i class="fa fa-phone"
Expand All @@ -915,7 +916,14 @@ <h4>Have any Inquiry?</h4>
<ul class="footer-link">
{{ range $item := $.Site.Data.config.footerLinks }}
{{ $p := (index $.Site.Data.products $item) }}
<li><a href="{{index $.Site.Params $p.website.domainKey}}{{$p.website.path}}">{{$p.name}}</a></li>
<li><a href="{{index $.Site.Params $p.website.domainKey}}{{$p.website.path}}" class="is-flex is-gap-4">
<span>{{$p.name}}</span>
<span class="is-flex width-12">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25" />
</svg>
</span>
</a></li>
{{ end }}
</ul>
</div>
Expand All @@ -929,9 +937,33 @@ <h4>Have any Inquiry?</h4>
<div class="footer-menu is-success">
<label>Services</label>
<ul class="footer-link">
<li><a href="{{.Site.Params.domain_appscode}}/consulting/">Consulting</a></li>
<li><a href="{{.Site.Params.domain_appscode}}/training/">Training</a></li>
<li><a href="{{.Site.Params.domain_appscode}}/support/">Support</a></li>
<!-- <li><a href="{{.Site.Params.domain_appscode}}/pricing/">Pricing</a></li> -->
<li>
<a href="{{.Site.Params.domain_appscode}}/consulting/" class="is-flex is-gap-4">
<span>Consulting</span>
<span class="is-flex width-12">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
</svg>
</span>
</a>
</li>
<li><a href="{{.Site.Params.domain_appscode}}/training/" class="is-flex is-gap-4">
<span>Training</span>
<span class="is-flex width-12">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
</svg>
</span>
</a></li>
<li><a href="{{.Site.Params.domain_appscode}}/support/" class="is-flex is-gap-4">
<span>Support</span>
<span class="is-flex width-12">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
</svg>
</span>
</a></li>
</ul>
</div>
<!-- footer menu end -->
Expand All @@ -944,9 +976,30 @@ <h4>Have any Inquiry?</h4>
<div class="footer-menu is-warning">
<label>Company</label>
<ul class="footer-link">
<li><a href="{{.Site.Params.domain_appscode}}/about/">About Us</a></li>
<li><a href="{{.Site.Params.blog_url}}">Blog</a></li>
<li><a href="{{.Site.Params.domain_appscode}}/contact/">Contact Us</a></li>
<li><a href="{{.Site.Params.domain_appscode}}/about/" class="is-flex is-gap-4">
<span> About Us</span>
<span class="is-flex width-12">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
</svg>
</span>
</a></li>
<li><a href="{{.Site.Params.blog_url}}" class="is-flex is-gap-4">
<span>Blog</span>
<span class="is-flex width-12">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
</svg>
</span>
</a></li>
<li><a href="{{.Site.Params.domain_appscode}}/contact/" class="is-flex is-gap-4">
<span>Contact Us</span>
<span class="is-flex width-12">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
</svg>
</span>
</a></li>
</ul>
</div>
<!-- footer menu end -->
Expand All @@ -959,10 +1012,51 @@ <h4>Have any Inquiry?</h4>
<div class="footer-menu is-danger">
<label>Legal</label>
<ul class="footer-link">
<li><a href="{{.Site.Params.domain_appscode}}/legal/tos/">Terms of Service</a></li>
<li><a href="{{.Site.Params.domain_appscode}}/legal/privacy-policy/">Privacy Policy</a></li>
<li><a href="{{.Site.Params.domain_appscode}}/legal/security/">Security</a></li>
<li><a href="{{.Site.Params.domain_appscode}}/legal/sla/">Service Level Agreement</a></li>
<li>
<a href="{{.Site.Params.domain_appscode}}/legal/tos/" class="is-flex is-gap-4">
<span>Terms of Service</span>
<span class="is-flex width-12">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
</svg>

</span>
</a>
</li>

<li>
<a href="{{.Site.Params.domain_appscode}}/legal/privacy-policy/" class="is-flex is-gap-4">
<span>Privacy Policy</span>
<span class="is-flex width-12">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
</svg>

</span>
</a>
</li>
<li>
<a href="{{.Site.Params.domain_appscode}}/legal/security/" class="is-flex is-gap-4">
<span>Security</span>
<span class="is-flex width-12">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
</svg>

</span>
</a>
</li>
<li>
<a href="{{.Site.Params.domain_appscode}}/legal/sla/" class="is-flex is-gap-4">
<span>Service Level Agreement</span>
<span class="is-flex width-12">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
</svg>

</span>
</a>
</li>
</ul>
</div>
<!-- footer menu end -->
Expand All @@ -971,7 +1065,7 @@ <h4>Have any Inquiry?</h4>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="footer-bottom dark-bg">
<div class="container">
<div class="columns is-vcentered">
<div class="column is-4 has-text-centered-mobile has-text-left-tablet is-paddingless">
Expand All @@ -981,23 +1075,28 @@ <h4>Have any Inquiry?</h4>
<div class="footer-inline-link">
<a href="{{.Site.Params.domain_appscode}}/legal/privacy-policy/">Privacy Policy</a>
<a href="{{.Site.Params.domain_appscode}}/legal/tos/">Terms of Service</a>
<a href="https://icons8.com/" target="_blank"> Icons by Icons8</a>
</div>
</div>
<div class="column is-4 has-text-centered-mobile has-text-right-tablet is-paddingless">
<div class="socail-link-inline">
<ul>
<li>
<a href="{{.Site.Params.twitter_url}}" title="Twitter"><img loading="lazy" src="/assets/images/icon/community/twitterx-solid-icon.svg" alt="twitterx-icon"></a>
<a href="{{.Site.Params.twitter_url}}" title="{{.Site.Params.twitter_url}}">
<i class="fa" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" height="12" width="12" viewBox="0 0 512 512"><path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
</i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/appscode" title="Linkedin"><i class="fa fa-linkedin"
<a href="https://www.linkedin.com/company/appscode" title="https://www.linkedin.com/company/appscode"><i class="fa fa-linkedin"
aria-hidden="true"></i></a>
</li>
<li>
<a href="{{.Site.Params.facebook_url}}" title="Facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="{{.Site.Params.facebook_url}}" title="{{.Site.Params.facebook_url}}"><i class="fa fa-facebook" aria-hidden="true"></i></a>
</li>
<li>
<a href="{{.Site.Params.youtube_url}}" title="Youtube"><i class="fa fa-youtube" aria-hidden="true"></i></a>
<a href="{{.Site.Params.youtube_url}}" title="{{.Site.Params.youtube_url}}"><i class="fa fa-youtube" aria-hidden="true"></i></a>
</li>
</ul>
</div>
Expand Down
8 changes: 5 additions & 3 deletions layouts/articles/single.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,10 @@
<!-- is-centered -->
<div class="columns is-multiline">
<div class="column is-9">
<div class="full-info">
{{ .Content }}
<div class="full-info content">
<div class="content-body">
{{ .Content }}
</div>
</div>

<h5 class="mb-16">Share on social media</h5>
Expand Down Expand Up @@ -66,7 +68,7 @@ <h4>What's on this Page</h4>
articleToc.style.right = "-100%";
})

article_page_toc_button.addEventListener('click', function(){
article_page_toc_button?.addEventListener('click', function(){
articleToc.style.right = "0";
})

Expand Down
12 changes: 6 additions & 6 deletions layouts/datasheet/list.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,11 +57,11 @@ <h1>One-stop Solution for Managing Databases on Kubernetes</h1>
</a>

<!-- Calendly link widget begin -->
<!-- <a href="" class="button ac-button is-primary is-outlined is-normal"
<!-- <a href="" class="button ac-button is-primary is-outlined"
onclick="Calendly.initPopupWidget({url: 'https://calendly.com/appscode/intro'});return false;">SCHEDULE
DEMO</a> -->
<!-- Calendly link widget end -->
<a href="/docs/latest/setup/install/kubedb/" class="button ac-button is-primary is-outlined is-normal">TRY NOW</a>
<a href="/docs/latest/setup/install/kubedb/" class="button ac-button is-primary is-outlined">TRY NOW</a>

<!-- <a href="https://appscode.com/contact/" target="_blank"
class="button ac-button is-primary is-outlined">REQUEST DEMO</a> -->
Expand Down Expand Up @@ -359,22 +359,22 @@ <h3 class="mb-16">Support Plans</h3>
<img src="/assets/images/illustrations/faq.png" alt="faq-image" loading="lazy">
</div>

<h3 class="title">Frequently asked questions</h3>
<h3 class="mb-8">Frequently asked questions</h3>
<p>Here are a few of the questions we get the most. If you don't see what's on your mind, contact us
anytime.</p>
<div class="buttons">
<a href="https://appscode.com/contact/" target="_blank" class="button ac-button is-normal is-primary">
<a href="https://appscode.com/contact/" target="_blank" class="button ac-button is-primary">
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.76c0 1.6 1.123 2.994 2.707 3.227 1.068.157 2.148.279 3.238.364.466.037.893.281 1.153.671L12 21l2.652-3.978c.26-.39.687-.634 1.153-.67 1.09-.086 2.17-.208 3.238-.365 1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z" />
</svg>
</span>
<span>CONTACT SALES</span>
</a>
<!-- <a href="#" class="button ac-button is-primary is-outlined is-normal"
<!-- <a href="#" class="button ac-button is-primary is-outlined"
onclick="Calendly.initPopupWidget({url: 'https://calendly.com/appscode/intro'});return false;">SCHEDULE
DEMO</a> -->
<a href="/docs/latest/setup/install/kubedb/" class="button ac-button is-primary is-outlined is-normal">TRY NOW</a>
<a href="/docs/latest/setup/install/kubedb/" class="button ac-button is-primary is-outlined">TRY NOW</a>
</div>

</div>
Expand Down
Loading

0 comments on commit 7a4acae

Please sign in to comment.