From 6526a4b8d1741bb4257832232cb841245f3a8919 Mon Sep 17 00:00:00 2001 From: Arthur Emmanuel <86601468+ArthurEmma2@users.noreply.github.com> Date: Thu, 20 Jul 2023 16:44:33 +0000 Subject: [PATCH] titles and 3 groups section improved, Data Labeling Error on mobile screen fixed, email section updated, Redbar announcement alert removed and mobile responsiveness has been improved (#198) * Refactored code to update the page title and banner link. Applied light color to the header and paragraph description( 3 groups ) for improved visibility on mobile screens in dark mode. * Style: Applied light color to the header text and paragraph description( 3 groups ) for improved visibility on larger screens in dark mode. Style: added hovers to Buttons in GPU-Testnet Page and refactored some of the css ro make it readable. * 1. Reduced width of the main titles to prevent text overlaps. 2.Updated the top-level red link banner to open a new tab when the user clicks. * Style: refactored the css file to make it organize and readable. * GPU-Testnet Page Update: Date updated from "June 12, 2023 - Ends: July 3rd, 2023" to "June 20th, 2023 - Ends: July 11th, 2023 " 1. GPU docs links added successfuly, 2. kyc guideline button removed. 3. Gpu table caption and horizontal line removed. 4.Updated the introductory text to provide a clearer description of the open-source marketplace for GPU compute. * Style: Space added around the GPU Models (top, left, bottom). * 1. Fixed font issue on the community page for dark mode 2. Updated GPU docs link * Styles: Refactored the css in dark mode to make it readable * Updated Token page: added SVG illustrations and implemented new design layout * merge remote tracking * Updated Hugo image processor and increased blog image quality by 95. Added styling to blog header * update * Blog page improved, update on homepage blog section cards * Refactored the css to make it readable * Style: added a font-size to bog-title * feat(section): Added scroll interactions to the 3 groups sections * a click event added to 3 groups * Feat: fixed scrolling error on 3 groups section * Data labelling error fixed on small screen * refactored css to make it readable * Feat: Red bar announcement alert removed --------- Signed-off-by: Arthur Emmanuel <86601468+ArthurEmma2@users.noreply.github.com> --- assets/scss/common/_dark.scss | 99 ++++++-- assets/scss/layouts/_pages.scss | 236 ++++++++++++------ config/_default/params.toml | 2 +- layouts/index.html | 242 ++++++++++++------- layouts/partials/content/figure.html | 76 +++--- layouts/partials/header/header.html | 4 +- layouts/token/token.html | 100 +------- static/owlcarousel/owl.carousel.min.css | 192 ++++++++++++++- static/owlcarousel/owl.theme.default.min.css | 52 +++- 9 files changed, 688 insertions(+), 315 deletions(-) diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss index 7c50a424..76050ca2 100644 --- a/assets/scss/common/_dark.scss +++ b/assets/scss/common/_dark.scss @@ -54,16 +54,34 @@ $navbar-dark-active-color: $link-color-dark; [data-dark-mode] body table { color: #f0f0f0; } -[data-dark-mode] body .table_data_link a{ +[data-dark-mode] body .table_data_link a { color: #f0f0f0; } -[data-dark-mode] body .metrics_border{ +[data-dark-mode] body .metrics_border { border-right-color: #515559 !important; } +[data-dark-mode] + body + div.col-md-12.col-lg-13 + > div + > div + > div + > span:nth-child(1) + > a { + color: #fff; + font-weight: 600; + text-underline-offset: 5px; + text-decoration: underline; +} - +[data-dark-mode] body div.col-md-12.col-lg-13 > div > div > div > a { + color: #fff; + font-weight: 600; + text-underline-offset: 5px; + text-decoration: underline; +} [data-dark-mode] body .btn-outline-primary:hover { color: $body-bg-dark; @@ -80,7 +98,7 @@ $navbar-dark-active-color: $link-color-dark; background-color: #f0f0f0; } -[data-dark-mode] body .token_eco_desc{ +[data-dark-mode] body .token_eco_desc { color: #f0f0f0; } @@ -102,21 +120,60 @@ $navbar-dark-active-color: $link-color-dark; [data-dark-mode] body .gpu_sub_text { color: #f0f0f0 !important; } +[data-dark-mode] body .group-1_header, +.group-2_header, +.group-3_header { + color: #f0f0f0; +} -[data-dark-mode] body .link-underline { - color: #f0f0f0 !important; +[data-dark-mode] body .highlight_header::after { + background-color: #f0f0f0; } -[data-dark-mode] body .link-underline .active { - color: #f0f0f0 !important; +[data-dark-mode] + body + div + > div:nth-child(1) + > div + > div:nth-child(2) + > a + > h3 + > span { + color: #f0f0f0; } -[data-dark-mode] body .link-underline .active { - color: #f0f0f0 !important; +[data-dark-mode] + body + div:nth-child(1) + > div + > div:nth-child(3) + > a + > h3 + > span { + color: #f0f0f0; +} +[data-dark-mode] + body + div:nth-child(1) + > div + > div:nth-child(3) + > a + > h3 + > span:hover { + color: #f0f0f0; + opacity: 0.5; } -[data-dark-mode] body .link-underline::before { - background-color: #f0f0f0; +[data-dark-mode] body div > div > div:nth-child(1) > div > h3 > span:hover { + color: #f0f0f0; + opacity: 0.5; +} + +[data-dark-mode] body div:nth-child(1) > div > div:nth-child(2) > h3 > span { + color: #f0f0f0; +} + +[data-dark-mode] body div:nth-child(1) > div > div:nth-child(3) > h3 > span { color: #f0f0f0; } @@ -177,10 +234,10 @@ $navbar-dark-active-color: $link-color-dark; border-bottom: 0; } - section.d-xs-block.d-sm-block.d-md-none > div.row > div > div > svg{ +section.d-xs-block.d-sm-block.d-md-none > div.row > div > div > svg { fill: #ccc; stroke: #ddd; - } +} [data-dark-mode] .svg-container svg, [data-dark-mode] .token_svg svg, @@ -203,7 +260,7 @@ $navbar-dark-active-color: $link-color-dark; color: $body-color-dark; } -[data-dark-mode] #ecosystem-tools > div div > div > p > a{ +[data-dark-mode] #ecosystem-tools > div div > div > p > a { color: #fff; } @@ -216,11 +273,11 @@ $navbar-dark-active-color: $link-color-dark; stroke: #fff; } -[data-dark-mode] body #faq__toggle > svg path:first-of-type{ +[data-dark-mode] body #faq__toggle > svg path:first-of-type { stroke: #fff; } -[data-dark-mode] #second_faq_toggle > svg path:first-of-type{ +[data-dark-mode] #second_faq_toggle > svg path:first-of-type { stroke: #fff; } @@ -229,20 +286,18 @@ $navbar-dark-active-color: $link-color-dark; fill: #fff; } -[data-dark-mode] body table{ +[data-dark-mode] body table { border-bottom-color: #515559; } -[data-dark-mode] div > p.mx-auto.metrics_border_bottom{ +[data-dark-mode] div > p.mx-auto.metrics_border_bottom { border-bottom-color: #515559 !important; } -[data-dark-mode] body .table_data_link{ +[data-dark-mode] body .table_data_link { border-bottom-color: #515559 !important; } - - [data-dark-mode] body .offcanvas .nav-link:hover, [data-dark-mode] body .offcanvas .nav-link:focus { color: $link-color-dark; diff --git a/assets/scss/layouts/_pages.scss b/assets/scss/layouts/_pages.scss index 4576e7d9..6d2d808e 100644 --- a/assets/scss/layouts/_pages.scss +++ b/assets/scss/layouts/_pages.scss @@ -143,6 +143,11 @@ p.meta { margin-bottom: 0.25rem; } + .hr_ { + width: 600px; + margin: 30px auto; + } + .feature_detail { height: auto; font-size: 16px; @@ -170,39 +175,32 @@ p.meta { #infra > div:nth-child(8) > p, #infra > div:nth-child(9) > p, #infra > div:nth-child(10) > p { - width: 300px; + width: 270px; } - .link-underline { - display: inline-block; - position: relative; + .group-1_header, + .group-2_header, + .group-3_header { color: #00000066; font-size: 24px; + width: 270px !important; + position: relative; + left: 100px; } - .link-underline.active { + .highlight_header { color: #000; } - .link-underline::before { - content: ""; - position: absolute; - left: 0; - bottom: -15px; /* adjust as needed */ - width: 323px; - height: 1px; - background-color: black; - transform: scaleX(0); - transition: transform 0.3s ease-in-out; + .highlight_header::after { + background-color: #000; } - .link-underline:hover::before { - transform: scaleX(1); + .highlight_header > h3 > span { + position: relative; + z-index: 1; } - .link-underline.active::before { - transform: scaleX(1); - } hr { height: 0px; width: 711px; @@ -217,11 +215,13 @@ p.meta { margin-bottom: 100px !important; width: 100%; } -} -@include media-breakpoint-up(sm) { - body { - overflow-x: hidden !important; + .section_features .groups_wrapper { + display: flex !important; + position: relative; + justify-content: space-between; + left: 30px; + gap: 200px; } } @@ -230,13 +230,58 @@ p.meta { margin-top: -70px !important; } - .link-underline { + .underline__1 { + position: absolute; + bottom: -13px; + width: 100%; + height: 1px !important; + background-color: #000 !important; + color: #000; + right: 0; + left: 0; + } + + .group-1_header, + .group-2_header, + .group-3_header { display: inline-block; - position: relative; color: #00000066; + font-size: 24px; + width: 100px; + position: relative; + left: 0; + right: 0; } - .link-underline.active { + .highlight_header { + color: #000; + } + + .highlight_header::after { + content: ""; + position: absolute; + left: 0; + bottom: -20px; /* Adjust this value to control the distance of the underline from the text */ + width: 100%; + height: 1px; + background-color: #000; + } + + .highlight_header > h3 > span { + position: relative; + z-index: 1; + } + + .hr_ { + width: 991px; + margin: 30px auto; + } + + div:nth-child(1) > div > h3 span { + transition: border-bottom 0.3s ease; /* Add transition effect to the border bottom */ + } + + div:nth-child(1) > div > h3 span:hover { color: #000; } @@ -261,26 +306,6 @@ p.meta { width: 608px; } - .link-underline::before { - content: ""; - position: absolute; - left: 0; - bottom: -15px; /* adjust as needed */ - width: 323px; - height: 1px; - background-color: black; - transform: scaleX(0); - transition: transform 0.3s ease-in-out; - } - - .link-underline:hover::before { - transform: scaleX(1); - } - - .link-underline.active::before { - transform: scaleX(1); - } - .featured_header p { color: #00000066; font-size: 24px; @@ -345,9 +370,10 @@ p.meta { display: none; } - div > div:nth-child(1) > div > a > h3 > span { + div > div:nth-child(1) > div > h3 > span { width: 280px; margin-top: 20px; + cursor: pointer; } hr { @@ -358,6 +384,11 @@ p.meta { margin: 20px auto; padding-bottom: 80px; } + + .three-groups-wrapper { + position: relative; + left: -35px; + } } .header_ibc { @@ -369,14 +400,35 @@ p.meta { } @media (min-width: 768px) and (max-width: 991.98px) { - .feature_detail { - width: 400px !important; - } - .section_features h5 { padding-top: 15px; } + .group-1_header, + .group-2_header, + .group-3_header { + font-size: 20px; + } + + .highlight_header { + color: #000; + } + + .highlight_header::after { + content: ""; + position: absolute; + left: 0; + bottom: -5px; + width: 100%; + height: 1px; + background-color: #000; + } + + .highlight_header > h3 > span { + position: relative; + z-index: 1; + } + .footer_wrapper { background-color: #ffdede; height: 318px; @@ -425,12 +477,15 @@ p.meta { .blog-title { font-size: 30px; - margin-bottom: 40px !important; + margin-bottom: 60px !important; width: 100%; + padding-top: -10px; + text-align: center; + margin-top: 0 !important; } .hr_ { - width: 600px; + width: 680px; margin: 30px auto; } @@ -439,12 +494,6 @@ p.meta { margin: 30px auto; } - .blog-title { - font-size: 30px; - margin-top: -20px; - width: 100%; - padding-bottom: 30px; - } .header-text { width: 430px !important; font-size: 37px !important; @@ -458,6 +507,24 @@ p.meta { font-size: 17px !important; } + .three-groups-wrapper { + display: flex; + justify-content: space-between !important; + margin-right: 100px !important; + gap: 150px !important; + position: relative; + left: -70px; + } + .section_features > div > div > div > div:nth-child(1) > div > h3 { + width: 240px !important; + } + + #infra > div:nth-child(8) > h5 { + width: 230px; + } + #infra > div:nth-child(6) > h5 { + width: 230px; + } } @media (min-width: 992px) { @@ -539,14 +606,9 @@ p.meta { .hr_ { padding-bottom: 40px; - width: 343px; + width: 600px; margin: 30px auto; } - - .blog-title { - margin-bottom: 20px; - font-size: 24px; - } } @media (min-width: 481px) and (max-width: 767px) { @@ -566,6 +628,16 @@ p.meta { .section_features .groups_wrapper { display: none; } + + .hr_ { + padding-bottom: 40px; + width: 360px; + margin: 30px auto; + } + + .blog-title { + margin-left: 0 !important; + } } .carousel-container h4 { @@ -580,10 +652,6 @@ p.meta { text-align: left; } -body > div:nth-child(8) { - margin-bottom: -600px !important; -} - @media only screen and (min-width: 992px) and (min-width: 1419px) { .header-text { font-size: 42px; @@ -622,11 +690,6 @@ body > div:nth-child(8) { } } -@media only screen and (min-width: 587px) { - .section_features .groups_wrapper { - display: none; - } -} @media only screen and (min-width: 587px) { .section_features .groups_wrapper { display: none; @@ -642,3 +705,26 @@ body > div:nth-child(8) { .groups_wrapper { display: flex; } + +@media (min-width: 699px) and (max-width: 767px) { + .hr_ { + width: 100%; + } +} + +@media (min-width: 430px) and (max-width: 576px) { + .hr_ { + width: 100%; + } +} + +@media screen and (min-width: 1440px) { + .hr_ { + width: 1050px; + } + + .three-groups-wrapper { + gap: 140px !important; + margin-top: -50px; + } +} diff --git a/config/_default/params.toml b/config/_default/params.toml index 1d854b62..2e027ead 100644 --- a/config/_default/params.toml +++ b/config/_default/params.toml @@ -46,7 +46,7 @@ siteLinksSearchBox = false themeColor = "#fff" # Images -quality = 85 +quality = 75 bgColor = "#fff" landscapePhotoWidths = [900, 800, 700, 600, 500] portraitPhotoWidths = [800, 700, 600, 500] diff --git a/layouts/index.html b/layouts/index.html index 77d5ab7c..e922f99d 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -6,51 +6,105 @@ $(document).ready(function(){ $('.owl-carousel').owlCarousel({ loop:true, - autoplay:true, + margin:10, + responsiveClass:true, center: true, - autoWidth: true, + autoPlay: true, responsive:{ - 0:{ - items:1 - }, - 314:{ - items:2 - }, - 600:{ - items:3 - }, - 700:{ - items:2 - }, - 800:{ - items:2 - }, - 1000:{ - items:5 - } + 0:{ + items:1, + nav:true, + }, + 600:{ + items:2, + nav:false + }, + 1000:{ + items:2, + nav:true, + loop:false + } } }) }); - +$(document).ready(function() { + // Function to highlight the menu item based on the current section +function highlightMenuItem() { + var scrollTop = $(window).scrollTop(); - + +
@@ -58,7 +112,7 @@

{{ .Title }}

{{ .Params.lead | safeHTML }}

- {{ i18n "get-started" }}

Open-source. Apache 2.0 Licensed. {{ $data := getJSON "https://api.github.com/repos/ovrclk/akash/releases/latest" }}{{ $data.name }}.

@@ -67,6 +121,7 @@

{{ .Title }}

{{ end }} + {{ define "sidebar-prefooter" }} {{ if eq $.Site.Language.LanguageName "English" }}
@@ -75,7 +130,7 @@

{{ .Title }}

{{ partial "content/svg.html" "cloud_new" }}
-
+

You will own your cloud, and you will be happy

With Akash, you have the power to own your cloud. You can deploy your own cloud infrastructure, and you can sell @@ -84,7 +139,7 @@

You will own your cloud, and you will be happy

-
+

Supercloud at your fingertips, at a price you choose

Akash is an open Supercloud network that makes it easy to rapidly scale and access services around the world. It uses a "reverse auction" system, where @@ -99,7 +154,7 @@

Supercloud at your fingertips, at a price you choose

{{ partial "content/svg.html" "community_h" }}
-
+

Built for battle, commanded by the community

Akash is owned and managed by its community. It is a free public service, and the source code that powers it is available to everyone. It is built on dependable technologies like Kubernetes and Cosmos, and @@ -162,59 +217,65 @@

Purpose built for public utility

+
-
+
-
- -

Infrastructure and Resource Management

- -
- -

Security and Privacy

- +
+

Infrastructure and Resource Management

+
+

Security and Privacy

-
- -

Blockchain and Interoperability

- +
+

Blockchain and Interoperability

-
-
Infrastructure as a Code
+ + + +
+
Infrastructure as a Code

Akash's orchestration layer is powered by SDL. This simple-to-use YAML-based language lets you create complex deployments that span multiple areas and providers while choosing the resources you want to use and deciding on your price.

-
Kubernetes Powered
-

Akash runs on Kubernetes, the industry-leading container orchestration system. With this in place, you can rest assured that your applications will be hosted on a secure and reliable platform that has been tested and proven to work.

+ +
Kubernetes Powered
+

Akash runs on Kubernetes, the industry-leading container orchestration system. With this in place, you can rest assured that your applications will be hosted on a secure and reliable platform that has been tested and proven to work.

-
+ +
+
Persistent Storage

Akash offers a limitless storage system that saves your data even after restarting. This is ideal for databases and programs that store large datasets.

-
-
Dedicated IP Leasing
+
+
Dedicated IP Leasing

Akash gives you the ability to rent a dedicated IP address for your application. This allows you to assign any port of your choice to your deployment and then direct traffic towards it. This is especially useful for services such as DNS, web servers, and more.

Censorship Resistant and Unstoppable
-

Deploying applications on Akash is open to everyone and is secure and censorship-proof. Nobody can stop you from using Akash to build apps that can't be censored.

+

Deploying applications on Akash is open to everyone and is secure and censorship-proof. Nobody can stopyou from using Akash to build apps that can't be censored.

-
+ +
+
Peer-to-peer and Private
+

You and the provider you're using to deploy + your application communicate directly, without any external parties. This makes sure + your data stays secure and private, and no one can claim a portion of your payments + or keep track of what's happening.Furthermore, Akash's lack of central + control makes it dependable and unaffected by single point of failure.

+
+
Pseudonymous and Non-attributable

The Akash protocol is designed to protect your identity, providing a high level of privacy and security. You can use it to deploy applications anonymously, without anyone knowing who you are.

-
-
Peer-to-peer and Private
-

You and the provider you're using to deploy your application communicate directly, without any external parties. This makes sure your data stays secure and private, and no one can claim a portion of your payments or keep track of what's happening. Furthermore, Akash's lack of central control makes it dependable and unaffected by single point of failure.

-
-
+
Layer One Protocol

Akash is a layer one protocol built using Cosmos SDK that uses Proof-of-Stake consensus to secure its network of decentralized validators. The network can be validated without permission and is secured by AKT, its native token.

-
+
Interoperable with IBC

Akash is the first blockchain to successfully carry out an Inter-Blockchain Communication (IBC) transaction with Cosmos Hub. This makes Akash able to communicate natively with other blockchains that are also IBC compatible.

@@ -224,6 +285,8 @@
Interoperable with IBC
+ +
@@ -265,13 +328,15 @@
Interoperable with IBC
This makes Akash able to communicate natively with other blockchains that are also IBC compatible

+

Security and Privacy

-
Dedicated IP Leasing
-

Akash gives you the ability to rent a dedicated IP address for - your application. This allows you to assign any port of your choice to your deployment, - and then direct traffic towards it. - This is especially useful for services such as DNS, web servers, and more.

+
Peer-to-peer and Private
+

You and the provider you're using to deploy + your application communicate directly, without any external parties. This makes sure + your data stays secure and private, and no one can claim a portion of your payments + or keep track of what's happening.Furthermore, Akash's lack of central + control makes it dependable and unaffected by single point of failure.

Censorship Resistant and Unstoppable

Deploying applications on Akash is open to everyone, and is secure and censorship-proof. @@ -284,17 +349,18 @@

Pseudonymous and
Non-attributable
-
+
-
-
-
-
-

Latest From The Blog

-
-
-
+
+
+
+
+

Latest From The Blog

+
+
+ +
{{- range (where site.RegularPages "Section" "blog" | first 3) }}
@@ -322,12 +388,17 @@

Latest From The Blog

{{ end -}} -
+
+ + +
+ +
{{ end }} {{ end }} @@ -337,10 +408,9 @@

Latest From The Blog

Interested in receiving the latest Akash news? Sign up for Akash Newsletter

-
@@ -352,7 +422,15 @@

Interested in receiving th

+ + + + + + + {{ end }} + diff --git a/layouts/partials/content/figure.html b/layouts/partials/content/figure.html index 9db42da0..cbaf5f91 100644 --- a/layouts/partials/content/figure.html +++ b/layouts/partials/content/figure.html @@ -1,36 +1,44 @@ -{{ $fillImage := .Scratch.Get "fillImage" }} -{{ if not $fillImage -}} - {{ $fillImage = site.Params.fillImage }} -{{ end -}} - -{{ $image := .Resources.GetMatch (printf "**%s" (index .Params.images 0)) }} -{{ if not $image -}} - {{ $image = resources.Get (printf "%s%s" "images/" site.Params.defaultImage) }} -{{ end -}} - -{{ $lqip := $image.Resize site.Params.lqipWidth -}} - -{{ $imgSrc := "" -}} -{{ $imgSrcSet := slice -}} - -{{ $widths := site.Params.landscapePhotoWidths -}} -{{ if gt $image.Height $image.Width -}} - {{ $widths = site.Params.portraitPhotoWidths -}} -{{ end -}} - -{{ range $widths -}} - {{ $srcUrl := (printf "%s?nf_resize=fit&w=%d&q=95" $image.Permalink .) -}} - {{ if eq $imgSrc "" -}}{{ $imgSrc = $srcUrl -}}{{ end -}} - {{ $imgSrcSet = $imgSrcSet | append (printf "%s %dw" $srcUrl .) -}} -{{ end -}} -{{ $imgSrcSet = (delimit $imgSrcSet ",") -}} - -{{ if gt $image.Width site.Params.smallLimit -}} -
- {{ .Title }} - - -
+{{ $fillImage := .Scratch.Get "fillImage" }} {{ if not $fillImage -}} {{ +$fillImage = site.Params.fillImage }} {{ end -}} {{ $image := +.Resources.GetMatch (printf "**%s" (index .Params.images 0)) }} {{ if not $image +-}} {{ $image = resources.Get (printf "%s%s" "images/" site.Params.defaultImage) +}} {{ end -}} {{ $lqip := $image.Resize site.Params.lqipWidth -}} {{ $imgSrc := +"" -}} {{ $imgSrcSet := slice -}} {{ $widths := site.Params.landscapePhotoWidths +-}} {{ if gt $image.Height $image.Width -}} {{ $widths = +site.Params.portraitPhotoWidths -}} {{ end -}} {{ range $widths -}} {{ $srcUrl +:= (printf "%s?nf_resize=fit&w=%d&q=95" $image.Permalink .) -}} {{ if eq $imgSrc +"" -}}{{ $imgSrc = $srcUrl -}}{{ end -}} {{ $imgSrcSet = $imgSrcSet | append +(printf "%s %dw" $srcUrl .) -}} {{ end -}} {{ $imgSrcSet = (delimit $imgSrcSet +",") -}} {{ if gt $image.Width site.Params.smallLimit -}} +
+ {{ .Title }} + + +
{{ else -}} - {{ .Title }} +{{ .Title }} {{ end -}} diff --git a/layouts/partials/header/header.html b/layouts/partials/header/header.html index 19467a91..79f8b8e1 100644 --- a/layouts/partials/header/header.html +++ b/layouts/partials/header/header.html @@ -1,6 +1,6 @@ -{{ if .Site.Params.alert -}} + {{ if eq .Site.Params.options.navbarSticky true -}}
diff --git a/layouts/token/token.html b/layouts/token/token.html index 725363b3..4daa1fc2 100644 --- a/layouts/token/token.html +++ b/layouts/token/token.html @@ -220,77 +220,6 @@

{{ .Title}}

- - - -
@@ -598,29 +527,6 @@

{{ .Title}}

- @@ -636,7 +542,7 @@

{{ .Title}}

-

{{ $data := getJSON "https://api.coingecko.com/api/v3/coins/akash-network?tickers=true&market_data=true" }} {{ index $data "market_data" "circulating_supply" | lang.NumFmt 0}} +

{{ $data := getJSON "https://api.coingecko.com/api/v3/coins/akash-network?tickers=true&market_data=true" }} {{ index $data "market_data" "circulating_supply" | lang.NumFmt 0}}

Circulating Supply

@@ -646,7 +552,7 @@

{{ .Title}}

{{ $data := getJSON "https://api.coingecko.com/api/v3/simple/price?ids=akash-network&vs_currencies=usd&include_market_cap=true" }} {{ index $data "akash-network" "usd" | printf "%.4f"}}

-

Total Supply

+

Price

@@ -654,7 +560,7 @@

{{ .Title}}

{{ $data := getJSON "https://api.coingecko.com/api/v3/coins/akash-network?tickers=true&market_data=true" }} {{ index $data "market_data" "total_supply" | lang.NumFmt 0}}

-

Price

+

Total Supply

diff --git a/static/owlcarousel/owl.carousel.min.css b/static/owlcarousel/owl.carousel.min.css index a71df11c..a3e26bb6 100644 --- a/static/owlcarousel/owl.carousel.min.css +++ b/static/owlcarousel/owl.carousel.min.css @@ -3,4 +3,194 @@ * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ -.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} \ No newline at end of file + +.owl-carousel, +.owl-carousel .owl-item { + -webkit-tap-highlight-color: transparent; + position: relative; +} +.owl-carousel { + display: none; + width: 100%; + z-index: 1; +} +.owl-carousel .owl-stage { + position: relative; + -ms-touch-action: pan-Y; + touch-action: manipulation; + -moz-backface-visibility: hidden; +} +.owl-carousel .owl-stage:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +.owl-carousel .owl-stage-outer { + position: relative; + overflow: hidden; + -webkit-transform: translate3d(0, 0, 0); +} +.owl-carousel .owl-item, +.owl-carousel .owl-wrapper { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); +} +.owl-carousel .owl-item { + min-height: 1px; + float: left; + -webkit-backface-visibility: hidden; + -webkit-touch-callout: none; +} +.owl-carousel .owl-item img { + display: block; + width: 100%; +} +.owl-carousel .owl-dots.disabled, +.owl-carousel .owl-nav.disabled { + display: none; +} +.no-js .owl-carousel, +.owl-carousel.owl-loaded { + display: block; +} +.owl-carousel .owl-nav .owl-next, +.owl-carousel .owl-nav .owl-prev { + position: relative; + left: 30% !important; + right: 50% !important; + transform: translateX(-50%); +} + +.owl-carousel .owl-nav .owl-next{ + margin-left: 60px; + +} +.owl-carousel .owl-nav .owl-prev{ + margin-right: 60px; + +} + +.owl-carousel .owl-nav button.owl-next, +.owl-carousel .owl-nav button.owl-prev, +.owl-carousel button.owl-dot { + background: 0 0; + color: inherit; + border: none; + padding: 0 !important; + font: inherit; + text-align: center; + position: relative; + font-size: 30px; +} + +.owl-carousel.owl-loading { + opacity: 0; + display: block; +} +.owl-carousel.owl-hidden { + opacity: 0; +} +.owl-carousel.owl-refresh .owl-item { + visibility: hidden; +} +.owl-carousel.owl-drag .owl-item { + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.owl-carousel.owl-grab { + cursor: move; + cursor: grab; +} +.owl-carousel.owl-rtl { + direction: rtl; +} +.owl-carousel.owl-rtl .owl-item { + float: right; +} +.owl-carousel .animated { + animation-duration: 1s; + animation-fill-mode: both; +} +.owl-carousel .owl-animated-in { + z-index: 0; +} +.owl-carousel .owl-animated-out { + z-index: 1; +} +.owl-carousel .fadeOut { + animation-name: fadeOut; +} +@keyframes fadeOut { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +.owl-height { + transition: height 0.5s ease-in-out; +} +.owl-carousel .owl-item .owl-lazy { + opacity: 0; + transition: opacity 0.4s ease; +} +.owl-carousel .owl-item .owl-lazy:not([src]), +.owl-carousel .owl-item .owl-lazy[src^=""] { + max-height: 0; +} +.owl-carousel .owl-item img.owl-lazy { + transform-style: preserve-3d; +} +.owl-carousel .owl-video-wrapper { + position: relative; + height: 100%; + background: #000; +} +.owl-carousel .owl-video-play-icon { + position: absolute; + height: 80px; + width: 80px; + left: 50%; + top: 50%; + margin-left: -40px; + margin-top: -40px; + background: url(owl.video.play.png) no-repeat; + cursor: pointer; + z-index: 1; + -webkit-backface-visibility: hidden; + transition: transform 0.1s ease; +} +.owl-carousel .owl-video-play-icon:hover { + -ms-transform: scale(1.3, 1.3); + transform: scale(1.3, 1.3); +} +.owl-carousel .owl-video-playing .owl-video-play-icon, +.owl-carousel .owl-video-playing .owl-video-tn { + display: none; +} +.owl-carousel .owl-video-tn { + opacity: 0; + height: 100%; + background-position: center center; + background-repeat: no-repeat; + background-size: contain; + transition: opacity 0.4s ease; +} +.owl-carousel .owl-video-frame { + position: relative; + z-index: 1; + height: 100%; + width: 100%; +} diff --git a/static/owlcarousel/owl.theme.default.min.css b/static/owlcarousel/owl.theme.default.min.css index 487088d2..1f88203a 100644 --- a/static/owlcarousel/owl.theme.default.min.css +++ b/static/owlcarousel/owl.theme.default.min.css @@ -2,5 +2,55 @@ * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + + + */ -.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} \ No newline at end of file +.owl-theme .owl-dots, +.owl-theme .owl-nav { + text-align: center; + -webkit-tap-highlight-color: transparent; +} +.owl-theme .owl-nav { + margin-top: 10px; +} +.owl-theme .owl-nav [class*="owl-"] { + color: #fff; + font-size: 14px; + margin: 5px; + padding: 4px 7px; + background: #d6d6d6; + display: inline-block; + cursor: pointer; + border-radius: 3px; +} +.owl-theme .owl-nav [class*="owl-"]:hover { + background: #869791; + color: #fff; + text-decoration: none; +} +.owl-theme .owl-nav .disabled { + opacity: 0.5; + cursor: default; +} +.owl-theme .owl-nav.disabled + .owl-dots { + margin-top: 10px; +} +.owl-theme .owl-dots .owl-dot { + display: inline-block; + zoom: 1; +} +.owl-theme .owl-dots .owl-dot span { + width: 10px; + height: 10px; + margin: 5px 7px; + background: #d6d6d6; + display: block; + -webkit-backface-visibility: visible; + transition: opacity 0.2s ease; + border-radius: 30px; +} +.owl-theme .owl-dots .owl-dot.active span, +.owl-theme .owl-dots .owl-dot:hover span { + background: #869791; +}