krzysztof/landing_page
1
0
Fork 0
mirror of https://github.com/qdrant/landing_page.git synced 2026-09-26 14:38:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

New design (#79)

Browse Source 
* remover open source title, added docker icon on hero banner

* buttons, fixes for mobile view

* code widget fix

* removed copying of text

* changed size and positioning of the docker icon, added a link to dockerhub, some styles for mobiles

* hid an installation section and an imapge on hero-banner for small mobile devices

* exchanged images

* fixed svg images

* tutorial button => demos button, svg optimisation

* removed background

* new colors, separated file for the header

* cleaned some redunant styles for the header

* more changes according to the new design

* fixed buttons animation, fixed the header on all pages for desktop

* mobile view for the header and the top banner

* changed the features section according to new design

* moved styles for the features section to the separated file, some fixes for mobile view

* reorganised lines in features-section.scss

* changes slides on the main page - desctop view

* added a file

* autoscroll, some fixes

* added an autoplay and a pause on mouseenter to the carousel on the home page

* more styles

* styles for articles section and subscribtion section

* styles for footer

* styles

* footer background

* fixes

* more fixes

* fixes for mobile devices - small sizes

* fixes for mobile devices - medium sizes

* update images

* some fixes for mobiles, changed stack section

* changed the second header (aka section title) according to new design

* WIP: added some webpack configuration for updating a way of vendors scripts usage, added new carousel

* replaced old slider to splidejs

* fix for the slider

* articles list page

* article - single page

* refactored main.scss, removed unused code from it and moved sections styles to separated files

* renamed and added some files, added fixes to breadcrumbs

* small changes in styles and layouts

* vertical sizes

* changes of styles and structure in articles and blog related files

* added mobile styles for articles and related pages, added sass function for converting px to rem

* temp picture

* changes in page title

* changed colors on old pages to the new design schema

* fixes

* deleted a file qdrant.css, moved styles to main.scss

* installed qdrant-page-search, for now without an actual api url

* added an actual api url

* WIP replacing owl carousel with splide on the surveys page

* updated page search, changed a way it's used

* fixes for footer

* changed common auto-container width, article font-size, made some fixes

* docs auto-sync

* narrow articles

* re-imported blog styles, because they are used in other places

* updated page-search

* optimized css loading

* replaced some images with webp format

* undo main img, changes in image usage

* fixes

* fixed slider cursor, logos in the stack section, cards on solutions page, prices page

* changed font-size of a form title on the subscription page

* optimization

* wip: added bash script for article preview images processing

* bash script for article preview images processing

* updated images for articles

* two article card in the row, without buttons (#85)

* fixes for old pages

* fixes for benchmarks pages

* added some info to the readme

* upd case studies

* changed form placeholder color and margin between buttons in the header

* short solution texts + link to benchmarks on main

* pricing page fixes

* short text in slider

* article cards borders, slider height, contact us

* blockquote

* move external articles to the landing

* more narrow buttons in the header, no buttons on the solutions page

* demo page fixes, removed target blank from the benchmarks link on the main page

* slower speed of the carousel on the main page

* content changes + seach upd

* changed title, readme

* added translate3d(0, 0, 0) to buttons for safari animations

* fixing buttons in safari (maybe)

* fixing buttons in safari (maybe)

* fixing buttons in safari

* fixes for mobiles

* fixes

* docs auto-sync

* neural -> vector

Co-authored-by: Andrey Vasnetsov <andrey@vasnetsov.com>
Co-authored-by: qdrant <qdrant@users.noreply.github.com>
This commit is contained in:
trean
2022-10-31 14:21:21 +01:00
committed by GitHub
co-authored by Andrey Vasnetsov qdrant
parent 5913a8c448
commit 6935178dc4
209 changed files with 7977 additions and 31340 deletions
Download Patch File Download Diff File Expand all files Collapse all files
qdrant-landing/themes/qdrant/layouts/articles/baseof.html
+1
View File
@@ -6,4 +6,5 @@
{{ block "main" . }}{{ end }}
</div>
{{ partial "contact-section" . }}
{{- partial "footer.html" . -}}
qdrant-landing/themes/qdrant/layouts/articles/list.html
+16 -29
View File
@@ -1,15 +1,20 @@
{{ define "main" }}
<section>
<div class="auto-container pt-3 pt-md-5">
<div class="row clearfix">
<div class="auto-container">
<div class="row clearfix mb-5">
{{ if .Params.description }}
<div class="col-12 sec-title text-center">
<h4>{{ .Params.description }}</h4>
</div>
{{ range $i, $e := first 2 .Pages }}
{{ $link := .Permalink }}
{{ if .Params.external_link }}
{{ $link = .Params.external_link }}
{{ end }}
{{ end }}
</div>
<div class="row clearfix pt-4">
{{ range .Pages }}
{{ $link := .Permalink }}
@@ -19,31 +24,13 @@
{{ if .Params.short_description }}
<div class="col-lg-4 col-md-6 col-sm-12 d-flex">
<!-- News block Two -->
<div class="news-block-two d-flex">
<div class="inner-box">
<div class="image">
<a href="{{ $link }}" data-caption="{{ .Title }}"><img src="{{ .Params.preview_image }}" alt="" /></a>
</div>
<div class="lower-box">
<div class="clearfix">
<h5>{{ .Title }}</h5>
<p>{{ .Params.short_description | markdownify }}</p>
<div class="d-flex justify-content-between align-items-center">
<div class="d-flex align-self-stretch align-items-center">
{{ partial "author" . }}
</div>
<a href="{{ $link }}" target="_blank" class="theme-btn btn-style-five btn-small">
<span class="txt">Read</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- News block Two -->
<div class="d-flex col-md-6 col-sm-12">
{{ partial "article-card" (dict "context" . "classes" "article-card_border article-card_contrast article-card_content-style article-card_small-btn") }}
</div>
{{ end }}
{{ end }}
</div>
qdrant-landing/themes/qdrant/layouts/articles/single.html
+35 -9
View File
@@ -1,16 +1,42 @@
{{ define "main" }}
<div class="auto-container pt-3 pt-md-5 single-page">
{{ partial "header" . }}
<div class="auto-container pt-3 pt-md-2 mb-5">
<div class="row clearfix">
<!-- Content Side -->
<section class="content-side col-lg-12 col-md-12 col-sm-12">
<section class="col-lg-12 col-md-12 col-sm-12">
{{ .Scratch.Set "scope" "single" }}
{{ partial "blogpost" .}}
<article class="article article_narrow article_bb mb-4">
<div class="article__cover mt-lg-5 mb-4">
<picture>
<source srcset="{{ .Params.preview_dir }}/title.webp" type="image/webp">
<img src="{{ .Params.preview_dir }}/title.jpg">
</picture>
</div>
{{ partial "breadcrumbs" . }}
<h1>{{ .Title }}</h1>
{{ .Content }}
</article>
<div class="pt-3">{{ partial "author" . }}</div>
<div class="article__info mt-4">
<span class="d-inline-block mb-2 mb-md-0">
{{if .Date }}{{ .Date | time.Format ":date_long" }}&nbsp;&nbsp;|&nbsp;&nbsp;{{end}}
</span>
{{ partial "share-post" . }}
</div>
</section>
{{ partial "article_footer" . }}
{{ partial "recent_news" . }}
</div>
</div>
<div style="background: var(--brand-light);">
<div class="auto-container pt-5 pb-5">
<div class="row clearfix pt-4">
{{ range where site.Pages "Section" "articles" | first 3 }}
{{ end }}
<!-- Project Block -->
<div class="d-flex col-md-4 col-sm-12">
{{ partial "article-card" (dict "context" .) }}
</div>
{{ end }}
</div>
</div>
</div>
{{ partial "contact-section" . }}
{{ partial "footer" . }}
qdrant-landing/themes/qdrant/layouts/benchmarks/baseof.html
+1
View File
@@ -6,4 +6,5 @@
{{ block "main" . }}{{ end }}
</div>
{{ partial "contact-section" . }}
{{- partial "footer.html" . -}}
qdrant-landing/themes/qdrant/layouts/benchmarks/list.html
+18 -37
View File
@@ -3,8 +3,6 @@
{{ range $i,$p := where .Data.Pages "Section" "benchmarks" }}
<div class="auto-container pt-3 pt-md-5 single-page">
<div class="row clearfix">
<!-- Content Side -->
@@ -15,48 +13,31 @@
{{ $link = .Params.external_link }}
{{ end }}
<div class="news-block-two blog-detail">
{{ if .Description }}
<article class="article article_benchmarks article_narrow">
<h1>{{ .Title }}</h1>
<p>{{ .Description }}</p>
</article>
{{ end }}
<div class="inner-box">
{{ if .Description }}
<article class="article">
<h1>{{ .Title }}</h1>
<p>{{ .Description }}</p>
</article>
{{ end }}
{{ if .Params.data }}
<div class="auto-container pt-3 pt-md-5 single-page">
<div class="row clearfix">
<section class="content-side col-lg-12 col-md-12 col-sm-12">
{{ partial "benchmark_chart" . }}
</section>
</div>
</div>
{{ end }}
<div class="lower-box pt-0">
<article class="article">
{{ .Content }}
</article>
</div>
</div>
{{ if .Params.data }}
<div class="row clearfix">
<section class="content-side col-lg-12 col-md-12 col-sm-12">
{{ partial "benchmark_chart" . }}
</section>
</div>
{{ end }}
<article class="article article_benchmarks article_narrow">
{{ .Content }}
</article>
</section>
</div>
</div>
{{ end }}
{{ end }}
qdrant-landing/themes/qdrant/layouts/benchmarks/single.html
+13 -6
View File
@@ -13,17 +13,24 @@
<div class="auto-container pt-3 pt-md-5 single-page">
<div class="auto-container pt-3 pt-md-2 mb-5 single-page">
<div class="row clearfix">
<!-- Content Side -->
<section class="content-side col-lg-12 col-md-12 col-sm-12">
<section class="col-lg-12 col-md-12 col-sm-12">
{{ .Scratch.Set "scope" "single" }}
{{ partial "blogpost" . }}
<article class="article article_benchmarks article_narrow article_bb mb-4">
<h1>{{ .Title }}</h1>
{{ .Content }}
</article>
<div class="pt-3">{{ partial "author" . }}</div>
<div class="article__info mt-4">
<span class="d-inline-block mb-2 mb-md-0">
{{if .Date }}{{ .Date | time.Format ":date_long" }}&nbsp;&nbsp;|&nbsp;&nbsp;{{end}}
</span>
{{ partial "share-post" . }}
</div>
</section>
</div>
{{ partial "article_footer" .}}
</div>
qdrant-landing/themes/qdrant/layouts/blog/baseof.html
+1
View File
@@ -6,4 +6,5 @@
{{ block "main" . }}{{ end }}
</div>
{{ partial "contact-section" . }}
{{- partial "footer.html" . -}}
qdrant-landing/themes/qdrant/layouts/demo/baseof.html
+1
View File
@@ -6,4 +6,5 @@
{{ block "main" . }}{{ end }}
</div>
{{ partial "contact-section" . }}
{{- partial "footer.html" . -}}
qdrant-landing/themes/qdrant/layouts/demo/list.html
+13 -6
View File
@@ -1,26 +1,29 @@
{{ define "main" }}
{{ $l := where .Data.Pages "Section" "demo" }}
{{ range $i,$p := where .Data.Pages "Section" "demo" }}
<section class="api-section mt-0 mt-md-5 mb-5">
<div class="auto-container mt-md-5">
<div class="row clearfix align-content-center align-items-center pt-4 pt-md-0 mb-4 mb-md-5">
<div class="auto-container mt-md-4">
<div class="row clearfix align-content-center align-items-start pt-4 pt-md-0">
<!-- Content Column -->
<div class="content-column col-lg-6 col-md-12 col-sm-12 order-1
{{if not (modBool $i 2)}} order-md-2{{ else }} order-md-0{{ end }}">
<div class="inner-column pt-4 pt-lg-0">
{{if not (modBool $i 2)}} order-md-2{{ else }} order-md-0{{ end }} mb-4">
<div class="inner-column pt-4 pt-lg-0{{if not (modBool $i 2)}} clearfix{{end}}">
<!-- Sec Title -->
<div class="sec-title">
<h2>{{ $p.Title }}</h2>
<div class="text"><p>{{ $p.Description }}</p></div>
</div>
<a class="theme-btn btn-style-four" href="{{ $p.Params.link }}" target="_blank"><span class="txt">Live Demo</span></a>
<a class="theme-btn btn-style-five btn-small{{if not (modBool $i 2)}} float-right{{end}}" href="{{ $p.Params.link }}" target="_blank">
<span class="txt">Live Demo</span>
</a>
</div>
</div>
<!-- Image Column -->
<div class="image-column col-lg-6 col-md-12 col-sm-12 order-0 order-md-1 mb-0">
<div class="image-column col-lg-6 col-md-12 col-sm-12 order-0 order-md-1 mb-5">
<div class="inner-column parallax-scene-2">
<div data-depth="0.30" class="image border">
<img src="{{ $p.Params.preview_image }}" alt=""/>
@@ -29,6 +32,10 @@
</div>
</div>
<!-- not after the last block -->
{{ if not (eq (add $i 1) (len $l)) }}
<hr>
{{ end }}
</div>
</section>
{{ end }}
qdrant-landing/themes/qdrant/layouts/documentation/baseof.html
+1 -1
View File
@@ -4,7 +4,7 @@
<section>
<div class="auto-container pt-5">
<div class="auto-container pt-4 pt-md-5">
<div class="row clearfix">
{{- partial "docs_sidebar.html" . -}}
{{ block "main" . }}{{ end }}
qdrant-landing/themes/qdrant/layouts/documentation/list.html
+1 -1
View File
@@ -1,5 +1,5 @@
{{ define "main" }}
<article class="documentation col-lg-8 col-md-8 col-11 pb-5 offset-1 offset-md-0">
<article class="documentation col-12 col-md-8 col-11 pb-5">
{{ .Content }}
qdrant-landing/themes/qdrant/layouts/documentation/single.html
+1 -1
View File
@@ -1,6 +1,6 @@
{{ define "main" }}
<div class="col-lg-8 col-md-8 col-11 pb-5 offset-1 offset-md-0">
<div class="col-12 col-md-8 col-11 pb-5">
<div style="overflow: auto">
<span style="float: right">
<a href="{{ .Site.Params.githubDocPrefix }}{{ .File.LogicalName }}" target="_blank" >Edit on GitHub <i class="flaticon-github"></i></a>
qdrant-landing/themes/qdrant/layouts/index.html
+106 -151
View File
@@ -2,61 +2,43 @@
<!-- Banner Section -->
<section class="banner-section-two">
<div class="side-layer" style="background-image: url(/images/background/2.png)"></div>
<div class="outer-container">
<div class="auto-container">
<div class="row clearfix">
<!-- Content Column -->
<div class="content-column col-lg-6 col-md-12 col-sm-12">
<div class="content-column col-lg-6 col-md-7 col-sm-12">
<div class="inner-column">
<h2><a target="_blank" href="{{ .Site.Params.github }}">Open Source</a></h2>
<h1>Neural Search Engine</h1>
<div class="sec-title text mb-3">Build your own
exclusive AI products.
<br/>
<h1>Vector Search Engine</h1>
<h4 class="d-inline-block">Build your own exclusive AI products.</h4><br>
<div class="hero-code mt-3">
<code id="copy-code" class="hero-code__text">docker pull qdrant/qdrant</code>
<span class="hero-code__btn copy-code" id="copy-popover" data-toggle="popover" data-content="Text copied!">
<button class="copy-btn copy-code__btn copy-code__btn_light lead ml-2" data-clipboard-target="#copy-code" title="Copy code">
<i class="flaticon-copy"></i>
</button>
</span>
<div class="hero-code mb-4">
<!-- Don't change an alignment inside this code tag-->
<code class="hero-code__text">docker pull qdrant/qdrant
docker run -p 6333:6333 qdrant/qdrant</code>
<a class="hero-code__logo" href="https://hub.docker.com/r/qdrant/qdrant/" target="_blank">
<i class="fab fa-docker"></i>
</a>
</div> <br>
Get started by downloading a pre built Docker Image - it is only <b>40Mb!</b><br>
Take a look at our <a target="_blank" href="{{ .Site.Params.quick_start }}">Quick Start Guide</a>
or build your own neural search <br> with our step-by-step <a target="_blank" href="{{ .Site.Params.tutorial }}">Tutorial</a>
<!-- <h4 class="font-weight-bold mt-3 mb-0">It's Free and <a class="os-link" target="_blank" href="{{ .Site.Params.github }}">Open Source </a></h4> -->
</div>
<div class="sec-title text">Take a look at our <a target="_blank" href="{{ .Site.Params.quick_start }}">Quick Start Guide</a>
or build your own neural search <br> with our step-by-step <a target="_blank" href="{{ .Site.Params.tutorial }}">Tutorial</a></div>
<!-- Installation Section -->
<!-- <section class="installation-section">
<p>Get started by downloading a pre-build Docker Image - it is only 35Mb!</p>
<div class="code">
<code id="copy-code">docker pull qdrant/qdrant</code>
<span class="d-inline-block" id="copy-popover" data-toggle="popover" data-content="Text copied!">
<button class="copy-btn lead ml-2" data-clipboard-target="#copy-code" title="Copy code">
<i class="flaticon-copy"></i>
</button>
</span>
</div>
<p>Take a look at our <a target="_blank" href="{{ .Site.Params.quick_start }}">Quick Start Guide</a>
or build your own neural search <br> with our step-by-step <a target="_blank" href="{{ .Site.Params.tutorial }}">Tutorial</a></p>
</section> -->
<!--End Installation Section-->
<a class="theme-btn btn-style-four btn-style-four_rounded btn-style-four_reversed btn-style-four_big btn-style-four_responsive mr-sm-3 mb-2 mb-lg-0" href="{{ .Site.Params.benchmarks }}">
<span class="text">Benchmarks</span>
</a>
<a class="theme-btn btn-style-four btn-style-four_rounded btn-style-four_reversed btn-style-four_big btn-style-four_responsive" href="{{ .Site.Params.demos }}">
<span class="text">Demos</span>
</a>
</div>
</div>
<!-- Image Column -->
<div class="image-column col-lg-6 col-md-12 col-sm-12">
<div class="image-column col-lg-6 col-md-5 col-sm-12">
<div class="inner-column">
<div data-depth="0.30" class="image">
<img src="/images/cube.webp" alt=""/>
<img src="/images/qdrant_hero_image.svg" alt=""/>
</div>
</div>
</div>
@@ -79,29 +61,31 @@
<div class="content-column col-lg-12 col-md-12 col-sm-12">
<div class="inner-column">
<!-- Sec Title -->
<div class="sec-title text-center">
<div class="sec-title">
<h2>{{ .Title | safeHTML }}</h2>
<div class="text">{{ .Content }}
</div>
</div>
<div class="row clearfix">
{{ range .Pages }}
<!-- Intelligence Block -->
<div class="feature-block col-lg-4 col-md-4 col-sm-12">
<div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="icon-box d-flex justify-content-center">
<i class="flaticon-{{ .Params.icon }}"></i>
</div>
<h5><a>{{ .Title }}</a></h5>
<div class="text">
{{ .Content }}
<div class="col-12 d-flex justify-content-between flex-wrap">
{{ range .Pages }}
<!-- Features Block -->
<div class="feature-block">
<div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="icon-box">
{{ range .Params.Icon }}
<img src="{{ .url }}" loading="lazy" alt="">
{{ end }}
</div>
<h5>{{ .Title }}</h5>
<div class="text">
{{ .Content }}
</div>
</div>
</div>
{{ end }}
</div>
{{ end }}
</div>
</div>
@@ -118,68 +102,84 @@
{{ with (.Site.GetPage "section" "solutions") }}
<section class="business-section-two">
<div class="pattern-layer" style="background-image: url(/images/background/pattern-11.webp)"></div>
<div class="auto-container">
<!-- Sec Title -->
<div class="sec-title centered">
<div class="sec-title">
<h2>{{ .Params.section_title | safeHTML }}</h2>
<div class="text">{{ .Params.subtitle }}</div>
</div>
<div class="inner-container">
<div class="pattern-layer-two" style="background-image: url(/images/background/3.webp)"></div>
<!-- Business Info Tabs -->
<div class="business-info-tabs">
<div class="business-info-tabs splide" aria-label="How Qdrant can help your Business"
data-splide='{
"direction": "ttb",
"type": "loop",
"height": 500,
"drag": false,
"loop": true,
"autoplay": true,
"interval": 3000,
"speed": 1000,
"pauseOnHover": true,
"pauseOnFocus": false,
"arrows": false,
"paginationDirection": "ttb",
"classes": {
"pagination": "splide__pagination tab-btns",
"page": "splide__pagination__page tab-btn"
},
"breakpoints": {
"992": {
"destroy": true
}
}
}'>
<!-- Business Tabs -->
<div class="business-tabs tabs-box">
<div class="business-tabs tabs-box splide__track">
<ul class="tabs-content splide__list">
<!--Tab Btns-->
<ul class="tab-btns tab-buttons clearfix">
{{ range $i, $e := first 3 .Pages }}
<li data-tab="#prod-{{ .Params.tabid }}" class="tab-btn {{ if not $i }}active-btn{{ end }} fadeInLeft">
<h5>{{ $e.Title | safeHTML }}</h5>
<i class="icon flaticon-{{ .Params.icon }}"></i>
</li>
{{ end }}
</ul>
{{ range $i, $e := first 3 .Pages }}
<!--Tabs Container-->
<div class="tabs-content">
<!--Tab / Active Tab-->
<div class="tab {{ if not $i }}active-tab{{ end }}" id="prod-{{ .Params.tabid }}">
<li class="tab splide__slide">
<div class="content">
<div class="row clearfix">
<!-- Content Column -->
<div class="content-column col-lg-6 col-md-12 col-sm-12">
<div class="content-column">
<div class="inner-column mb-5">
<h5>{{ .Params.title }}</h5>
{{ .Content }}
{{ if .Params.default_link }}<a target="_blank" href="{{ .Params.default_link }}" class="theme-btn btn-style-four"><span class="txt">{{ .Params.default_link_name }}</span></a>{{end}}
<a target="_blank" href="{{ .Site.Params.mailchimp_contact_form }}" class="theme-btn btn-style-four"><span class="txt">Contact us</span></a>
<div class="tab-content-btns">
{{ if .Params.default_link }}<a target="_blank" href="{{ .Params.default_link }}" class="theme-btn btn-style-four btn-style-four_reversed btn-style-four_big mr-sm-3"><span class="text">{{ .Params.default_link_name }}</span></a>{{end}}
<a target="_blank" href="{{ .Site.Params.mailchimp_contact_form }}" class="theme-btn btn-style-four btn-style-four_reversed btn-style-four_big"><span class="text">Contact us</span></a>
</div>
</div>
</div>
<!-- Image Column -->
<div class="image-column col-6 d-none d-lg-block d-xl-block">
<div class="image-column">
<div class="inner-column">
<div class="image">
<!-- <h5>{{ .Params.image_caption }}</h5> -->
<img src="{{ .Params.landing_image }}" alt=""/>
<!-- <a data-caption=""><img src="https://via.placeholder.com/536x513" alt=""/></a> -->
<picture>
<source srcset="{{ .Params.landing_image }}" type="image/webp">
<img src="{{ .Params.landing_image_png }}" loading="lazy" alt="{{ .Params.title }}"/>
</picture>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
{{ end }}
</div>
</ul>
</div>
</div>
</div>
@@ -190,64 +190,47 @@
{{ with (.Site.GetPage "section" "stack") }}
<!--Clients Section-->
<section class="clients-section my-5">
<div class="sec-title text-center">
<h2>{{ .Title | safeHTML }}</h2>
<div class="text">{{ .Params.subtitle}}</div>
</div>
<div class="auto-container">
<div class="sponsors-outer">
<!--Sponsors Carousel-->
<ul class="row clearfix">
{{ range $i, $e := first 3 .Pages }}
<li class="col d-flex align-self-center justify-content-center m-3">
<figure class="image-box"><a href="{{ .Params.origin_url }}"><img src="{{ .Params.image }}" alt=""></a></figure>
</li>
{{ end }}
</ul>
<!--Clients Section-->
<section class="clients-section">
<div class="auto-container">
<div class="row">
<div class="col-12 sec-title">
<h2>{{ .Title | safeHTML }}</h2>
<div class="text">{{ .Params.subtitle}}</div>
</div>
</div>
</section>
<ul class="sponsors-outer">
{{ range $i, $e := first 3 .Pages }}
<li class="mt-3 mb-3 image-box">
<a href="{{ .Params.origin_url }}" target="_blank" rel="nofollow"><img src="{{ .Params.image }}-mono.png" alt=""></a>
</li>
{{ end }}
</ul>
</div>
</section>
<!--End Clients Section-->
{{ end }}
{{ with (.Site.GetPage "section" "articles") }}
<!-- End Articles Section -->
<section id="articles" class="projects-section-two" style="background-image: url(/images/background/pattern-9.webp)">
<!-- Start Articles Section -->
<section id="articles" class="projects-section-two" style="background: var(--brand-light);">
<div class="auto-container">
<!-- Sec Title -->
<div class="sec-title centered">
<div class="sec-title mb-4">
<h2>{{ .Title | safeHTML }}</h2>
<div class="text">{{ .Params.subtitle | safeHTML }}
</div>
</div>
<div class="row clearfix">
{{ range $i, $e := first 3 .Pages }}
{{ $link := .Permalink }}
{{ if .Params.external_link }}
{{ $link = .Params.external_link }}
{{ end }}
<!-- Project Block -->
<div class="project-block col-lg-4 col-md-6 col-sm-12">
<div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="block-content">
<div class="image">
<a href="{{ $link }}" target="_blank"><img src="{{ .Params.preview_image }}" alt=""/></a>
</div>
<div class="lower-content">
<h5><a href="{{ $link }}">{{ .Title }}</a></h5>
<div class="text">{{ .Params.description }}
</div>
<a href="{{ $link }}" target="_blank" class="theme-btn learn-btn"><span class="txt">Learn More</span></a>
</div>
</div>
</div>
<div class="d-flex col-md-4 col-sm-12">
{{ partial "article-card" (dict "context" . "classes" "") }}
</div>
{{ end }}
@@ -258,33 +241,5 @@
{{ end }}
<!-- Contact Form Section -->
<section class="clients-section my-5">
<div class="auto-container">
<div class="row">
<div class="col-12 sec-title text-center">
<h2>Get <span>Updates</span> from Qdrant</h2>
<div class="text">We will update you on new features and news regarding Qdrant
</div>
</div>
<div class="content-column offset-lg-3 col-lg-6 col-md-12 col-sm-12">
<!-- Newsletter Form -->
<div class="newsletter-form">
<form action="{{ .Site.Params.mailchimp_subscribe }}" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="form-group">
<input type="email" name="EMAIL" value="" placeholder="Enter Your Email" required="" id="mce-EMAIL">
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input type="text" name="{{ .Site.Params.mailchimp_subscribe_id }}" tabindex="-1" value="">
</div>
<button type="submit" class="theme-btn btn-style-three"><span class="txt">Subscribe</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- End of Contact Section -->
{{ partial "contact-section" . }}
{{ partial "footer" . }}
qdrant-landing/themes/qdrant/layouts/partials/article-card.html
+18
View File
@@ -0,0 +1,18 @@
{{ $link := .context.Permalink }}
{{ if .context.Params.external_link }}
{{ $link = .context.Params.external_link }}
{{ end }}
<div class="article-card{{if .classes}} {{ .classes }}{{end}}">
<a class="article-card__image" href="{{ $link }}">
<picture>
<source srcset="{{ .context.Params.preview_dir }}/preview.webp" type="image/webp" />
<img src="{{ .context.Params.preview_dir }}/preview.jpg" loading="lazy" alt=""/>
</picture>
</a>
<div class="article-card__content">
<h5 class="article-card__title"><a href="{{ $link }}">{{ .context.Title }}</a></h5>
<a class="article-card__text mb-4" href="{{ $link }}">{{ .context.Params.description }}</a>
<div class="article__info">{{ .context.Date | time.Format ":date_long" }} | {{ .context.Params.author }}</div>
</div>
</div>
qdrant-landing/themes/qdrant/layouts/partials/author.html
+4 -8
View File
@@ -1,11 +1,7 @@
{{ if and .Params.author .Params.author_link }}
<li>
<a href="{{ .Params.author_link }}" target="_blank">
<span class="fa fa-user mr-2"></span>{{ .Params.author }}
</a>
</li>
<a href="{{ .Params.author_link }}" target="_blank">
<span class="fa fa-user mr-2"></span>{{ .Params.author }}
</a>
{{ else if and .Params.author (not .Params.author_link) }}
<li>
<span class="fa fa-user mr-1"></span>{{ .Params.author }}
</li>
<span class="fa fa-user mr-1"></span>{{ .Params.author }}
{{ end }}
qdrant-landing/themes/qdrant/layouts/partials/benchmark_chart.html
+1 -1
View File
@@ -1,4 +1,4 @@
<div class="col benchmark-wrapper">
<div class="benchmark-wrapper">
<label for="datasets-selector-{{ .Params.id }}">Dataset:</label>
<select name="datasets" id="datasets-selector-{{ .Params.id }}" onchange="renderSelected('{{ .Params.id }}')">
qdrant-landing/themes/qdrant/layouts/partials/blogpost.html
+1 -1
View File
@@ -12,7 +12,7 @@
</div>
{{ end }}
<div class="lower-box pt-0">
<article class="{{ if eq .Section "blog"}}blog{{else}}article{{end}}">
<article class="{{ if eq .Section "blog"}}blog{{else}}article article_narrow{{end}}">
{{ .Content }}
</article>
<hr>
qdrant-landing/themes/qdrant/layouts/partials/blogpost_footer.html
+3 -19
View File
@@ -1,13 +1,8 @@
{{ $link := .Permalink }}
{{ if .Params.external_link }}
{{ $link = .Params.external_link }}
{{ end }}
<div class="clearfix">
<div class="pull-left">
<ul class="post-meta">
{{ partial "author" . }}
<li>{{ partial "author" . }}</li>
{{ if .Params.Categories }}
<li>Category:
@@ -26,21 +21,10 @@
</ul>
<ul class="post-meta">
<li><span class="fa fa-calendar mr-2"></span>{{ .Date | time.Format ":date_long" }}
</li>
</li>|&nbsp;&nbsp;
<li>
<!-- Post Share Options -->
<div class="post-share-options">
<ul class="social-box">
<span class="share">Share this post:</span>
<li><a href="https://www.facebook.com/sharer/sharer.php?u={{ $link }}"><span
class="fab fa-facebook-f"></span></a></li>
<li>
<a href="https://twitter.com/intent/tweet?url={{ $link }}&text={{ .Title }}"><span
class="fab fa-twitter"></span></a></li>
<li><a href="https://www.linkedin.com/sharing/share-offsite/?url={{ $link }}"><span
class="fab fa-linkedin"></span></a></li>
</ul>
</div>
{{ partial "share-post" . }}
</li>
</ul>
qdrant-landing/themes/qdrant/layouts/partials/breadcrumbs.html
+13
View File
@@ -0,0 +1,13 @@
<ul class="breadcrumbs">
<li class="breadcrumbs__crumb"><a href="/"><i class="flaticon-home small"></i> Home</a></li>
{{ $paths := (split .RelPermalink "/") }}
{{ $len := sub (len $paths) 2 }}
{{ range first $len $paths }}
{{ if gt (len . ) 0 }}
&nbsp;/&nbsp;
<li class="breadcrumbs__crumb"><a href="/{{ . }}">{{ humanize . }}</a></li>
{{ end }}
{{ end }}
&nbsp;/&nbsp;
<li class="breadcrumbs__crumb">{{ .Params.title | safeHTML }}</li>
</ul>
qdrant-landing/themes/qdrant/layouts/partials/contact-section.html
+35
View File
@@ -0,0 +1,35 @@
<!-- Contact Form Section -->
<section class="clients-section contact-section">
<div class="auto-container">
<div class="row">
<div class="col-12 sec-title">
<h2>Get Updates from Qdrant</h2>
<div class="text">We will update you on new features and news regarding Qdrant
</div>
</div>
<div class="content-column col-12">
<!-- Newsletter Form -->
<div class="newsletter-form">
<form action="{{ .Site.Params.mailchimp_subscribe }}" method="post" id="mc-embedded-subscribe-form"
name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="d-flex justify-content-between flex-wrap">
<input type="email" name="EMAIL" value="" placeholder="Enter Your Email" required=""
id="mce-EMAIL">
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input type="text" name="{{ .Site.Params.mailchimp_subscribe_id }}" tabindex="-1"
value="">
</div>
<button type="submit"
class="theme-btn btn-style-four btn-style-four_rounded btn-style-four_reversed btn-style-four_big btn-style-four_responsive">
<span class="txt">Subscribe</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- End of Contact Section -->
qdrant-landing/themes/qdrant/layouts/partials/css.html
+14 -8
View File
@@ -1,9 +1,6 @@
<link href="{{ "css/main.css" | absURL }}" rel="stylesheet">
<link href="{{ "css/qdrant.css" | absURL }}" rel="stylesheet">
<link href="{{ "css/responsive.css" | absURL }}" rel="stylesheet">
<link href="{{ "css/cookit.css" | absURL }}" rel="stylesheet">
{{/*
@@ -21,11 +18,20 @@
<!-- google fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family={{ .Site.Params.font }}&display=swap">
<link rel="preload" href="https://fonts.googleapis.com/css2?family={{ .Site.Params.font }}&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family={{ .Site.Params.font }}&display=swap"></noscript>
<!-- highlight.js -->
{{ if .Site.Params.highlight | default false }} <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/styles/default.min.css"> {{ end }}
<link rel="stylesheet" href="{{ "css/lang-switcher.css" | absURL }}">
{{ if .Site.Params.highlight | default false }}
<link rel="stylesheet" href="{{ "css/mathjax.css" | absURL }}">
<link rel="stylesheet" href="/css/owl.css">
<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/styles/default.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/styles/default.min.css"></noscript>
{{ end }}
<link rel="preload" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.2/dist/css/splide-core.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.2/dist/css/splide-core.min.css"></noscript>
{{ if eq .Section "documentation" }}
<link rel="stylesheet" href="/css/qdr-search.min.css">
{{ end }}
qdrant-landing/themes/qdrant/layouts/partials/docs_sidebar.html
+7 -3
View File
@@ -1,12 +1,16 @@
{{$currentNode := .}}
<nav class="col-lg-3 col-md-3 col-12 mt-4 position-relative">
<nav class="col-lg-3 col-md-3 col-12 mt-0 mt-md-4 position-relative">
<div id="accordion" class="sticky-top">
<!-- Button trigger modal -->
<button type="button" class="qdr-search-input-btn mb-2" data-target="#searchModal">
<i class="fa fa-search mr-2"></i>Search...
</button>
{{ range where .Site.RegularPages "Section" .Section }}
<div class="link-group {{ if eq .File.UniqueID $currentNode.File.UniqueID }}active {{ end }}">
<div class="link-group-heading" id="headingOne">
<span class="mb-0">
<a class="btn btn-link collapsed" href="{{ .Permalink }}">
<a class="btn btn-link collapsed pl-0" href="{{ .Permalink }}">
{{ .Title }}
</a>
</span>
@@ -20,6 +24,6 @@
{{ end }}
<br/>
<span style="padding: .375rem .75rem;">Docs version: {{ .Site.Params.docVersion }}</snap>
<span class="d-inline-block mb-4">Docs version: {{ .Site.Params.docVersion }}</span>
</div>
</nav>
qdrant-landing/themes/qdrant/layouts/partials/footer.html
+124 -121
View File
@@ -1,121 +1,122 @@
<!-- Main Footer -->
<footer class="main-footer">
<div class="pattern-layer" style="background-image: url(/images/background/pattern-4.webp)"></div>
<div class="pattern-layer-two" style="background-image: url(/images/background/pattern-5.webp)"></div>
<!-- Main Footer -->
<footer class="main-footer">
<div class="auto-container">
<!--Widgets Section-->
<div class="widgets-section">
<div class="row clearfix">
<!--Widgets Section-->
<div class="widgets-section">
<div class="row clearfix">
<!-- Footer Column -->
<div class="main-footer__column col-lg-7 col-md-6 col-sm-12">
<!-- Footer Column -->
<div class="main-footer__column col-12">
{{ $currentPage := . }}
{{ range .Site.Menus.main }}
{{ if .Params.in_footer }}
<div class="main-footer__widget">
<div class="main-footer__title">
{{ if .URL }}
<h4><a class="main-footer__link" href="{{ .URL }}">{{ .Name }}</a></h4>
{{ else }}
<h4>{{ .Name }}</h4>
{{ end }}
</div>
{{ $currentPage := . }}
{{ range .Site.Menus.main }}
{{ if .Params.in_footer }}
<div class="main-footer__widget">
<div class="main-footer__title">
{{ if .URL }}
<h4><a class="main-footer__link" href="{{ .URL }}">{{ .Name }}</a></h4>
{{ else }}
<h4>{{ .Name }}</h4>
{{ end }}
</div>
{{ if .HasChildren }}
<ul class="main-footer__list">
{{ range .Children }}
<li><a href="{{ .URL }}" {{ if .Params.external }}target="_blank"{{ end }}>
{{ if .Pre }}
{{ .Pre }}&nbsp;
{{ else }}
<i class="fas fa-check-circle"></i>
{{ end }}
{{ .Name }}
</a></li>
{{ end }}
</ul>
{{ end }}
</div>
{{ end }}
{{ end }}
</div>
{{ if .HasChildren }}
<ul class="main-footer__list">
{{ range .Children }}
<li><a href="{{ .URL }}" {{ if .Params.external }}target="_blank" {{ end }}>
{{ if .Pre }}
{{ .Pre }}&nbsp;
{{ else }}
<i class="fas fa-check-circle"></i>
{{ end }}
<span>{{ .Name }}</span>
</a></li>
{{ end }}
</ul>
{{ end }}
</div>
{{ end }}
{{ end }}
<!-- Footer Column -->
<div class="footer-column col-lg-5 col-md-6 col-sm-12">
<div class="main-footer__widget news-widget">
<div class="main-footer__title">
<h4>Latest Publications</h4>
</div>
<!-- Footer Column -->
<div class="widget-content">
<div class="main-footer__widget news-widget">
<div class="main-footer__title">
<h4>Latest Publications</h4>
</div>
<!-- Footer Column -->
<div class="widget-content">
{{ with (.Site.GetPage "section" "articles") }}
{{ range $i, $e := first 3 .Pages }}
{{ with (.Site.GetPage "section" "articles") }}
{{ range $i, $e := first 3 .Pages }}
{{ $link := .Permalink }}
{{ if .Params.external_link }}
{{ $link = .Params.external_link }}
{{ end }}
{{ $link := .Permalink }}
{{ if .Params.external_link }}
{{ $link = .Params.external_link }}
{{ end }}
<div class="post">
<div class="thumb"><a href="{{ $link }}"><img src="{{ .Params.small_preview_image }}" alt=""></a>
</div>
<h4><a href="{{ $link }}">{{ .Params.short_description }}</a></h4>
<div class="post">
<div class="thumb"><a href="{{ $link }}"><img src="{{ .Params.small_preview_image }}"
alt=""></a>
</div>
<h4><a href="{{ $link }}">{{ .Params.short_description }}</a></h4>
</div>
{{ end }}
{{ end }}
</div>
</div>
</div>
{{ end }}
{{ end }}
</div>
<ul class="social-box">
<li><a href="{{ .Site.Params.github }}" target="_blank"><i class="fab fa-github"></i></a></li>
<li><a href="{{ .Site.Params.linkedin }}" target="_blank"><i class="fab fa-linkedin"></i></a></li>
<li><a href="{{ .Site.Params.twitter }}" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="{{ .Site.Params.discord }}" target="_blank"><i class="fab fa-discord"></i></a></li>
<li><a href="{{ .Site.Params.facebook }}" target="_blank"><i class="fab fa-facebook"></i></a></li>
</ul>
<!-- Footer Column -->
<!-- <div class="footer-column col-lg-5 col-md-6 col-sm-12">-->
<!-- </div>-->
</div>
</div>
</div>
</div>
<ul class="social-box">
<li><a href="{{ .Site.Params.github }}" target="_blank"><i class="fab fa-github"></i></a></li>
<li><a href="{{ .Site.Params.linkedin }}" target="_blank"><i class="fab fa-linkedin"></i></a></li>
<li><a href="{{ .Site.Params.twitter }}" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="{{ .Site.Params.discord }}" target="_blank"><i class="fab fa-discord"></i></a></li>
<li><a href="{{ .Site.Params.facebook }}" target="_blank"><i class="fab fa-facebook"></i></a></li>
</ul>
</div>
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="auto-container">
<div class="row clearfix">
<div class="auto-container">
<div class="row clearfix">
<!-- Copyright Column -->
<div class="copyright-column col-lg-6 col-md-12 col-sm-12">
<div class="copyright">&copy; {{ now.Format "2006" }} Qdrant. All Rights Reserved</div>
</div>
<!-- Copyright Column -->
<div class="copyright-column col-lg-6 col-md-12 col-sm-12">
<div class="copyright">&copy; {{ now.Format "2006" }} Qdrant. All Rights Reserved</div>
</div>
<!-- Language Column -->
<div class="language-column col-lg-6 col-md-12 col-sm-12">
<!--Language-->
<div class="language dropdown"><a class="btn btn-default dropdown-toggle" id="dropdownMenu2"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"
href="#">Language:
English &nbsp;<span class="icon fa fa-angle-down"></span></a>
<ul class="dropdown-menu style-one" aria-labelledby="dropdownMenu2">
<li><a href="#">English</a></li>
</ul>
</div>
</div>
<!-- Language Column -->
<div class="language-column col-lg-6 col-md-12 col-sm-12">
<!--Language-->
<div class="language dropdown"><a class="btn btn-default dropdown-toggle" id="dropdownMenu2"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="#">Language:
English &nbsp;<span class="icon fa fa-angle-down"></span></a>
<ul class="dropdown-menu style-one" aria-labelledby="dropdownMenu2">
<li><a href="#">English</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- End Main Footer -->
</footer>
<!-- End Main Footer -->
</div>
<!--End pagewrapper-->
@@ -125,38 +126,40 @@
<!-- Modal -->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="contact form" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Thanks for using Qdrant!</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<!-- Newsletter Form -->
<p>Subscribe to our e-mail newsletter if you want to be updated on new features and news regarding Qdrant.</p>
<p>Like what we are doing? Consider giving us a ⭐ <a href="{{ .Site.Params.github }}">on Github</a>.</p>
<div class="newsletter-form">
<form action="{{ .Site.Params.mailchimp_subscribe }}" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="form-group">
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input type="text" name="{{ .Site.Params.mailchimp_subscribe_id }}" tabindex="-1" value="">
</div>
<input type="email" name="EMAIL" value="" placeholder="Enter Your Email" required="">
<button type="submit" class="theme-btn btn-style-three"><span class="txt">Subscribe</span>
</button>
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Thanks for using Qdrant!</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<!-- Newsletter Form -->
<p>Subscribe to our e-mail newsletter if you want to be updated on new features and news regarding
Qdrant.</p>
<p>Like what we are doing? Consider giving us a ⭐ <a href="{{ .Site.Params.github }}">on Github</a>.</p>
<div class="newsletter-form">
<form action="{{ .Site.Params.mailchimp_subscribe }}" method="post" id="mc-embedded-subscribe-form"
name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="form-group">
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input type="text" name="{{ .Site.Params.mailchimp_subscribe_id }}" tabindex="-1"
value="">
</div>
<input type="email" name="EMAIL" value="" placeholder="Enter Your Email" required="">
<button type="submit" class="theme-btn btn-style-three"><span class="txt">Subscribe</span>
</button>
</div>
</form>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- End of Modal -->
{{ partial "js" .}}
</body>
qdrant-landing/themes/qdrant/layouts/partials/header.html
+26 -29
View File
@@ -3,16 +3,16 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
{{ if and ($.IsNode) (eq $.Section "") }}
<title>{{ .Title }}</title>
{{ else }}
<title>Qdrant - {{ .Title }}</title>
<title>{{ .Title }} - Qdrant</title>
{{ end }}
{{ partial "seo_schema" . }}
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
@@ -26,9 +26,9 @@
{{ partial "css" . }}
{{ hugo.Generator }}
{{ with .OutputFormats.Get "RSS" }}
<link href="{{ .RelPermalink }}" rel="alternate" type="{{ .MediaType.Type }}" title="{{ $.Site.Title }}" />
<link href="{{ .RelPermalink }}" rel="feed" type="{{ .MediaType.Type }}" title="{{ $.Site.Title }}" />
@@ -67,6 +67,8 @@
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="{{ "js/benchmarks.js" | absURL }}"></script>
{{ end }}
<script src="/js/qdr-scroll.min.js" type="module"></script>
</head>
<body>
@@ -80,22 +82,20 @@
<!-- Main Header-->
{{ if (eq $.Section "documentation") }}
<header class="main-header header-style-three">
<header class="main-header">
{{ else }}
<header class="main-header main-sticky-header header-style-three">
<header class="main-header main-sticky-header{{ if .IsHome }} main-header__home{{ end }}">
{{ end }}
<!--Header-Upper-->
<div class="header-upper">
<div class="auto-container">
<div class="clearfix">
<div class="pull-left logo-box">
<div class="auto-container d-flex justify-content-between">
<div class="logo-box">
<div class="logo logo_with-text {{ if .IsHome }}logo_home{{ end }}">
<a href="/" class="logo__link"></a>
</div>
</div>
<div class="nav-outer clearfix">
<!--Mobile Navigation Toggler-->
<div class="mobile-nav-toggler"><i class="icon flaticon-menu"></i></div>
@@ -111,10 +111,10 @@
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
<ul class="navigation clearfix">
{{ $currentPage := . }}
{{ range .Site.Menus.main }}
{{ if .Params.in_header }}
@@ -122,7 +122,6 @@
{{if .HasChildren }}dropdown{{ end }}">
<a class="navigation__link" {{if not .HasChildren }}href="{{ .URL }}"{{end}}>{{ .Name }}
{{ if .HasChildren }}
<i class="fas fa-chevron-down"></i>
</a>
<ul>
{{ range .Children }}
@@ -142,29 +141,27 @@
{{ end }}
<li>
<a class="btn btn_in-header mr-3" href="/surveys/cloud-request/" title="Cloud" role="button">
<span class="btn btn__text"><i class="fas fa-cloud"></i> Cloud</span></a>
<a class="btn btn_in-header" href="/surveys/cloud-request/" title="Cloud" role="button">
<span class="btn__text"><i class="fas fa-cloud"></i> Cloud</span></a>
<a class="btn btn_in-header" href="{{ .Site.Params.github }}" target="_blank" title="GitHub" role="button">
<span class="btn btn__text"><i class="fab fa-github"></i> Github</span></a>
<span class="btn__text"><i class="fab fa-github"></i> Github</span></a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
<!--End Header Upper-->
<!--End Header Upper-->
<!-- Mobile Menu -->
<div class="mobile-menu">
<div class="menu-backdrop"></div>
<div class="close-btn"><span class="icon flaticon-multiply"></span></div>
<nav class="menu-box">
<div class="nav-logo"><a href="/"><img src="{{ .Site.Params.logo }}" alt="" title=""></a>
</div>
@@ -173,6 +170,6 @@
</div>
</nav>
</div><!-- End Mobile Menu -->
</header>
<!--End Main Header -->
qdrant-landing/themes/qdrant/layouts/partials/js.html
+32 -35
View File
@@ -1,29 +1,19 @@
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script src="{{ "js/jquery.js" | absURL }}"></script>
<script src="{{ "js/popper.min.js" | absURL }}"></script>
<script src="{{ "js/jquery.scrollTo.js" | absURL }}"></script>
<script src="{{ "js/bootstrap.min.js" | absURL }}"></script>
<script src="{{ "js/jquery.mCustomScrollbar.concat.min.js" | absURL }}"></script>
<script src="{{ "js/jquery.fancybox.js" | absURL }}"></script>
<script src="{{ "js/appear.js" | absURL }}"></script>
<script src="{{ "js/cookit.js" | absURL }}"></script>
<!-- <script src="{{ "js/swiper.min.js" | absURL }}"></script> -->
<!-- <script src="{{ "js/jquery.paroller.min.js" | absURL }}"></script> -->
<!-- <script src="{{ "js/parallax.min.js" | absURL }}"></script> -->
<!-- <script src="{{ "js/tilt.jquery.min.js" | absURL }}"></script> -->
<!--Master Slider-->
<!-- <script src="{{ "js/jquery.easing.min.js" | absURL }}"></script> -->
<!-- <script src="{{ "js/owl.js" | absURL }}"></script> -->
<!-- <script src="{{ "js/wow.js" | absURL }}"></script> -->
<!-- <script src="{{ "js/jquery-ui.js" | absURL }}"></script> -->
<!-- <script src="{{ "js/element-in-view.js" | absURL }}"></script> -->
<script src="{{ "js/script.js" | absURL }}"></script>
<script src="{{ "js/clipboard.min.js" | absURL }}"></script>
<script src="{{ "js/anchor.min.js" | absURL }}"></script>
<script src="{{ "js/vendor.min.js" | absURL }}"></script>
{{ if eq .Section "documentation" }}
<script src="{{ "js/qdr-search.min.js" | absURL }}"></script>
{{ end }}
<script src="{{ "js/qdr-scroll.min.js" | absURL }}"></script>
<script src="{{ "js/script.js" | absURL }}"></script>
<script>
var clipboard = new ClipboardJS('.copy-btn');
clipboard.on('success', function(e) {
clipboard.on('success', function (e) {
$('#copy-popover').popover('show')
const to = setTimeout(() => {
$('#copy-popover').popover('hide')
@@ -33,7 +23,7 @@
e.clearSelection();
});
clipboard.on('error', function(e) {
clipboard.on('error', function (e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
});
@@ -48,24 +38,41 @@
messageColor: '#fff',
linkColor: '#fad04c',
buttonColor: '#fad04c'
});
});
});
anchors.options.placement = 'left';
anchors.add("article > :is(h1, h2, h3, h4, h5, h6)");
</script>
<!-- highlight.js -->
{{ if .Site.Params.highlight }}
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/highlight.min.js"></script>
{{ range .Site.Params.highlightLanguages }}
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/languages/{{ . }}.min.js"></script>
{{ end }}
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/highlight.min.js"></script>
{{ range .Site.Params.highlightLanguages }}
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/languages/{{ . }}.min.js"></script>
{{ end }}
<script>hljs.highlightAll();</script>
{{ end }}
<script src="{{ "js/lang-switcher.js" | absURL }}"></script>
<script src="{{ "js/copy-code.js" | absURL }}"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
$('[data-toggle="popover"]').popover({
container: 'body'
});
$('.popover-dismiss').popover({
trigger: 'focus'
});
// qdrant-page-search initialization
if (/documentation/.test(window.location?.pathname)) {
window.initQdrantSearch({searchApiUrl: 'https://search.qdrant.tech/api/search', section: "documentation"});
}
});
</script>
{{ if not .IsHome }}
<!-- MathJax support -->
<script>
@@ -88,14 +95,4 @@
</script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
<script src="/js/owl.js"></script>
<script>
$(function () {
$('[data-toggle="popover"]').popover({
container: 'body'
});
$('.popover-dismiss').popover({
trigger: 'focus'
});
});
</script>
{{ end }}
qdrant-landing/themes/qdrant/layouts/partials/second_header.html
+15 -13
View File
@@ -1,19 +1,21 @@
<!--End Page Title-->
<section class="page-title">
<div class="pattern-layer" style="background-image: url(/images/background/pattern-12.webp)"></div>
<div class="auto-container">
<h1> {{ .Params.title | safeHTML }}</h1>
<ul class="bread-crumb clearfix">
<li><a href="/"><i class="flaticon-home small"></i> Home</a></li>
{{ $paths := (split .RelPermalink "/") }}
{{ $len := sub (len $paths) 2 }}
{{ range first $len $paths }}
{{ if gt (len . ) 0 }}
<li><a href="/{{ . }}">{{ humanize . }}</a></li>
{{ end }}
{{ end }}
<li>{{ .Params.title | safeHTML }}</li>
</ul>
<div class="row">
<div class="col-12{{ if .Params.img }} col-md-8{{ end }} order-1 order-md-0 pb-5">
{{ partial "breadcrumbs" . }}
<h1 class="page-title__title{{ if not .Params.section_title }} page-title__title_dark{{ end }}"> {{ .Params.title | safeHTML }}</h1>
<h2 class="page-title__subtitle">{{ .Params.section_title | safeHTML }}</h2>
</div>
{{ if .Params.img }}
<div class="page-title__image col-12 col-md-4 order-0 order-md-1 mb-5 mb-md-0">
<img src="{{ .Params.img }}" alt="">
</div>
{{end}}
</div>
</div>
</section>
<!--End Page Title-->
qdrant-landing/themes/qdrant/layouts/partials/share-post.html
+15
View File
@@ -0,0 +1,15 @@
{{ $link := .Permalink }}
{{ if .Params.external_link }}
{{ $link = .Params.external_link }}
{{ end }}
<ul class="share-post">
<li class="share-post__text">Share this post:</li>
<li class="share-post__icon"><a href="https://www.facebook.com/sharer/sharer.php?u={{ $link }}"><span
class="fab fa-facebook-f"></span></a></li>
<li class="share-post__icon">
<a href="https://twitter.com/intent/tweet?url={{ $link }}&text={{ .Title }}"><span
class="fab fa-twitter"></span></a></li>
<li class="share-post__icon"><a href="https://www.linkedin.com/sharing/share-offsite/?url={{ $link }}"><span
class="fab fa-linkedin"></span></a></li>
</ul>
qdrant-landing/themes/qdrant/layouts/partials/steps-form.html
+95 -75
View File
@@ -2,81 +2,107 @@
{{ $random := delimit (shuffle (split (md5 $seed) "" )) "" }}
<!--suppress XmlDuplicatedId -->
<div class="steps-form row">
<form class="steps-form__form col-12 col-md-10 col-lg-6" name="cloud-request"
method="POST" id="{{ $random }}" novalidate data-netlify="true">
<form class="steps-form__form col-12 col-md-10 col-lg-6 splide" name="cloud-request"
method="POST" id="{{ $random }}" novalidate data-netlify="true"
data-splide='{
"direction": "ttb",
"height": "70vh",
"autoplay": false,
"rewind": false,
"perPage": 1
}'>
<div class="spinner-border steps-form__spinner" role="status" style="width: 5rem; height: 5rem;">
<span class="sr-only">Loading...</span>
</div>
<section class="owl-carousel">
{{ range .Params.Form }}
<div class="form-group" data-step="{{ .id }}">
<label class="steps-form__label steps-form__label_big" for="{{ .id }}{{ .name }}">
{{ if .header }} <h2>{{ .header | safeHTML }}</h2> {{ end }}
{{ .label | safeHTML }}
{{ if eq .type "radio"}}(Choose one){{ end }}
{{ if eq .type "checkbox"}}(Choose as many as you want){{ end }}
</label>
{{ if eq .type "select" }}
<select class="steps-form__input custom-select" id="{{ .id }}{{ .name }}" name="{{ .name }}">
<option selected>Open this select menu</option>
{{ range .options }}
<option value="{{ . }}">{{ . }}</option>
{{ end }}
</select>
{{ else if or (eq .type "radio") (eq .type "checkbox")}}
{{ $input := . }}
<div class="checkbox mb-5">
{{ range .options }}
<input class="checkbox__input" type="{{ $input.type }}" name="{{ $input.name }}"
id="{{ $input.id }}{{ $input.name }}{{ . }}"
value="{{ . }}">
<label class="steps-form__label checkbox__label" for="{{ $input.id }}{{ $input.name }}{{ . }}">
{{ . }}</label>
{{ end }}
</div>
<section class="splide__track">
<ul class="splide__list">
{{ range .Params.Form }}
<li class="steps-form__group form-group splide__slide" data-step="{{ .id }}">
<label class="steps-form__label steps-form__label_big" for="{{ .id }}{{ .name }}">
{{ if .header }} <h2>{{ .header | safeHTML }}</h2> {{ end }}
{{ .label | safeHTML }}
{{ if eq .type "radio"}}(Choose one){{ end }}
{{ if eq .type "checkbox"}}(Choose as many as you want){{ end }}
</label>
{{ if eq .type "select" }}
<select class="steps-form__input custom-select" id="{{ .id }}{{ .name }}" name="{{ .name }}">
<option selected>Open this select menu</option>
{{ range .options }}
<option value="{{ . }}">{{ . }}</option>
{{ end }}
</select>
{{ else if or (eq .type "radio") (eq .type "checkbox")}}
{{ $input := . }}
<div class="checkbox mb-5">
{{ range .options }}
<input class="checkbox__input" type="{{ $input.type }}" name="{{ $input.name }}"
id="{{ $input.id }}{{ $input.name }}{{ . }}"
value="{{ . }}">
<label class="steps-form__label checkbox__label" for="{{ $input.id }}{{ $input.name }}{{ . }}">
{{ . }}</label>
{{ end }}
</div>
{{ else if eq .type "text"}}
<textarea class="form-control steps-form__input" id="{{ .id }}{{ .name }}" name="{{ .name }}"
rows="{{ .rows }}" {{ if .required }}required{{ end }} placeholder="{{ .placeholder }}"></textarea>
{{ else }}
<input type="{{ .type }}" name="{{ .name }}"
class="steps-form__input form-control" id="{{ .id }}{{ .name }}"
{{ if .required }}required{{ end }} placeholder="{{ .placeholder }}">
<div class="invalid-feedback">
Please provide a valid {{ .type }}.
</div>
{{ end }}
</div>
{{ end }}
{{ else if eq .type "text"}}
<textarea class="form-control steps-form__input" id="{{ .id }}{{ .name }}" name="{{ .name }}"
rows="{{ .rows }}" {{ if .required }}required{{ end }} placeholder="{{ .placeholder }}"></textarea>
{{ else }}
<input type="{{ .type }}" name="{{ .name }}"
class="steps-form__input form-control" id="{{ .id }}{{ .name }}"
{{ if .required }}required{{ end }} placeholder="{{ .placeholder }}">
<div class="invalid-feedback">
Please provide a valid {{ .type }}.
</div>
{{ end }}
</li>
{{ end }}
<div class="form-group" data-step="{{ len .Params.Form }}">
<p class="steps-form__label steps-form__label_big">Ta-da! We'll happily be in touch with you very soon! 🥳</p>
<div class="checkbox">
<input class="checkbox__input" type="checkbox" name="termsConsent"
id="termsConsent" required>
<label class="steps-form__label checkbox__label d-flex align-items-center mb-2" for="termsConsent">
<li class="steps-form__group form-group splide__slide" data-step="{{ len .Params.Form }}">
<p class="steps-form__label steps-form__label_big">Ta-da! We'll happily be in touch with you very soon! 🥳</p>
<div class="checkbox">
<input class="checkbox__input" type="checkbox" name="termsConsent"
id="termsConsent" required>
<label class="steps-form__label checkbox__label d-flex align-items-center mb-2" for="termsConsent">
<span>I am consent to all of
<a href="/legal/terms_and_conditions/" target="_blank">terms and conditions</a>
and you agree to be contacted again for your onboarding.*</span>
</label>
<div class="invalid-feedback">
You must accept the terms and conditions
</div>
</div>
<button type="submit" class="btn btn-style-four btn-style-four_reversed
</label>
<div class="invalid-feedback">
You must accept the terms and conditions
</div>
</div>
<button type="submit" class="align-self-start btn btn-style-four btn-style-four_reversed
btn-style-four_big btn-style-four_border mt-4">
<span class="text">Submit</span>
</button>
</div>
<span class="text">Submit</span>
</button>
</li>
</ul>
</section>
<div class="splide__arrows steps-form__arrows">
<div>
<button class="splide__arrow splide__arrow--prev btn btn-style-four btn-style-four_small btn-style-four_border" type="button">
<span class="text">Prev</span>
</button>
</div>
<div>
<button class="splide__arrow splide__arrow--next btn btn-style-four btn-style-four_small btn-style-four_border" type="button">
<span class="text">Next</span>
</button>
</div>
</div>
</form>
</div>
<script>
// Example starter JavaScript for disabling form submissions if there are invalid fields
// disabling form submissions if there are invalid fields
(function() {
'use strict';
let splide;
function checkForm(form)
{
if(!form.termsConsent.checked) {
@@ -87,6 +113,12 @@
return true;
}
document.addEventListener('splideIsReady', e => {
console.log('i got event', e)
splide = e.detail;
console.log(splide)
document.getElementsByClassName('spinner-border')[0].remove();
});
window.addEventListener('load', function() {
// Fetch all the forms we want to apply custom Bootstrap validation styles to
@@ -100,7 +132,10 @@
const invalidFieldNames = Array.from(form.querySelectorAll(':invalid')).map(field => field)
const nextInvalid = $(invalidFieldNames[0]).closest('[data-step]').data('step');
stepsFormCarousel.trigger('to.owl.carousel', [nextInvalid]);
if (splide) {
console.log('splide goes to', nextInvalid)
splide.go(nextInvalid);
}
}
form.classList.add('was-validated');
@@ -116,23 +151,8 @@
});
}); */
});
const stepsFormCarousel = $('.owl-carousel').owlCarousel({
items: 1,
mouseDrag: false,
touchDrag: false,
nav: true,
rewind: false,
slideTransition: 'easy',
loop: false,
margin: 10,
stagePadding: 5,
navText: ['<div class="btn btn-style-four btn-style-four_small btn-style-four_border"><span class="text"> <i class="fas fa-chevron-left"></i> Back</span></div>', '<div class="btn btn-style-four btn-style-four_small btn-style-four_border"><span class="text"> Next question <i class="fas fa-chevron-right"></i></span></div>'],
onInitialized: () => {
document.getElementsByClassName('spinner-border')[0].remove();
}
});
}, false);
})();
</script>
qdrant-landing/themes/qdrant/layouts/pricing/list.html
+18 -14
View File
@@ -11,9 +11,6 @@
background-color: transparent;
color:var(--brand-primary);
}
.main-header {
background-image: url(/images/background/2.webp);
}
#mce-success-response {
padding-bottom: 25px;
color: green;
@@ -38,7 +35,7 @@
<p><small>Build your MVP on an Open Source stack, or run scale-ready products in the cloud. Choose the right plan for your project.
</small></p>
<a class="theme-btn btn-style-three mt-4" href="/solutions/">
<a class="theme-btn btn-style-four btn-style-four_rounded btn-style-four_reversed btn-style-four_big mt-4" href="/solutions/">
<span class="txt">What can I use Qdrant for?</span>
</a>
</div>
@@ -55,11 +52,13 @@
<div class="content-box">
<div class="price-box">
<span class="icon flaticon-skyline"></span> Free
<span class="price-title">&nbsp;</span>
<span class="price-title">Apache-2.0 license</span>
</div>
<div class="text">Build your AI-based applications using our leading open-source vector search technology.
</div>
<a href="/documentation/quick_start/" class="start-btn theme-btn">Quick Start</a>
<a href="/documentation/quick_start/" class="theme-btn btn-style-five btn-small w-100">
<span class="txt">Quick Start</span>
</a>
<ul class="price-list">
<li>Free & Open Forever</li>
<li>Self-hosted</li>
@@ -81,7 +80,9 @@
</div>
<div class="text">Scale your production solutions in the managed cloud without deployment and maintenance overhead.
</div>
<a href="/surveys/cloud-request/" class="start-btn theme-btn">Join Cloud Beta</a>
<a href="/surveys/cloud-request/" class="theme-btn btn-style-five btn-small w-100">
<span class="txt">Join Cloud Beta</span>
</a>
<ul class="price-list">
<li>Managed & Monitored by Us</li>
<li>High Availability & Performance
@@ -104,10 +105,12 @@
</div>
<div class="text">Let us take care of your on-premise deployments to achieve the best possible performance and accuracy.
</div>
<a href="{{ .Site.Params.mailchimp_contact_form }}" class="start-btn theme-btn">Contact sales</a>
<a href="{{ .Site.Params.mailchimp_contact_form }}" class="theme-btn btn-style-five btn-small w-100">
<span class="txt">Contact sales</span>
</a>
<ul class="price-list">
<li>Performance & Deployment Consulting
<a class="ml-3" tabindex="0"
<li>Performance & Deployment
<a class="a" role="note" tabindex="0"
data-container="body" data-toggle="popover" data-placement="right"
data-trigger="focus" title="Performance & Deployment"
data-content="We'll design a fault tolerant architecture that provides maximum performance for search and online updates.">
@@ -115,8 +118,8 @@
</a>
</li>
<li>
Neural Network Encoder Fine-Tuning
<a class="ml-3" tabindex="0"
Neural Network Fine-Tuning
<a class="a" role="note" tabindex="0"
data-container="body" data-toggle="popover" data-placement="right"
data-trigger="focus" title="Fine-Tuning"
data-content="We will analyze your data and offer improvements to your model training process. Or even train the model for you.">
@@ -124,8 +127,8 @@
</a>
</li>
<li>
Migration and Monitoring Tools
<a class="ml-3" tabindex="0"
Migration and Monitoring
<a class="a" role="note" tabindex="0"
data-container="body" data-toggle="popover" data-placement="right"
data-trigger="focus" title="Migration and Monitoring"
data-content="Ensure zero-downtime for model and service updates. Set up advanced performance monitoring.">
@@ -142,4 +145,5 @@
</div>
</section>
<!-- End Pricing Page Section -->
{{ partial "contact-section" . }}
{{ partial "footer" . }}
qdrant-landing/themes/qdrant/layouts/solutions/baseof.html
+1
View File
@@ -6,4 +6,5 @@
{{ block "main" . }}{{ end }}
</div>
{{ partial "contact-section" . }}
{{- partial "footer.html" . -}}
qdrant-landing/themes/qdrant/layouts/solutions/list.html
+10 -18
View File
@@ -4,23 +4,22 @@
<div class="auto-container pt-4 pt-md-5">
<div class="row clearfix">
<div class="col-12 sec-title text-center">
<h4>{{ .Params.description }}</h4>
<div class="text">
</div>
</div>
{{ range .Pages }}
{{ if .Params.short_description }}
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="d-flex col-lg-4 col-md-6 col-sm-12">
<!-- News block Two -->
<div class="news-block-two">
<div class="inner-box">
<div class="inner-box inner-box_pb">
<div class="upper-box">
<h4><a href="{{ .Params.default_link }}">{{ .Title }}</a></h4>
<!-- <div class="category">{{ .Params.subtitle }}</div> -->
<h4>
{{ if .Params.default_link }}
<a href="{{ .Params.default_link }}">{{ .Title }}</a>
{{ else }}
{{ .Title }}
{{ end }}
</h4>
</div>
<div class="image">
{{ if .Params.default_link }}
@@ -30,14 +29,7 @@
{{ end }}
</div>
<div class="lower-box">
<div class="clearfix">
<p>{{ .Params.short_description | markdownify }}</p>
<div class="pull-right">
<a href="{{ .Site.Params.mailchimp_contact_form }}" target="_blank" class="theme-btn btn-style-five btn-small">
<span class="txt">Contact Us</span>
</a>
</div>
</div>
<p>{{ .Params.short_description | markdownify }}</p>
</div>
</div>
</div>
qdrant-landing/themes/qdrant/layouts/subscribe/list.html
-3
View File
@@ -11,9 +11,6 @@
background-color: transparent;
color:var(--brand-primary);
}
.main-header {
background-image: url(/images/background/2.png);
}
#mce-success-response {
padding-bottom: 25px;
color: green;
qdrant-landing/themes/qdrant/layouts/surveys/single.html
+21 -2
View File
@@ -1,7 +1,26 @@
{{ partial "header" . }}
<style>
.main-header {
background-image: url(/images/background/2.png);
.main-header:not(.fixed-header) {
background: var(--brand-secondary);
}
.main-header:not(.fixed-header) .main-menu .navigation__item a.navigation__link {
color: white;
}
.main-header:not(.fixed-header) .main-menu .btn.btn_in-header {
box-shadow: inset 0 0 0 1px white !important;
}
.main-header:not(.fixed-header) .main-menu .btn.btn_in-header .btn__text {
color: white;
}
.main-header:not(.fixed-header) .main-menu .btn.btn_in-header:hover {
box-shadow: inset 0 0 0 1px white !important;
}
.main-header:not(.fixed-header) .main-menu .btn.btn_in-header:before {
box-shadow: inset 0 0 0 1px white !important;
background: white;
}
.main-header:not(.fixed-header) .main-menu .btn.btn_in-header:hover .btn__text {
color: var(--brand-secondary);
}
</style>
qdrant-landing/themes/qdrant/layouts/use-cases/baseof.html
+1
View File
@@ -6,4 +6,5 @@
{{ block "main" . }}{{ end }}
</div>
{{ partial "contact-section" . }}
{{- partial "footer.html" . -}}
qdrant-landing/themes/qdrant/layouts/use-cases/list.html
+9 -13
View File
@@ -4,12 +4,6 @@
<div class="auto-container pt-4 pt-md-5">
<div class="row clearfix">
<div class="col-12 sec-title text-center">
<h4>{{ .Params.description }}</h4>
<div class="text">
</div>
</div>
{{ range .Pages }}
<div class="col-12">
@@ -25,13 +19,15 @@
<div class="media-body">
<h5 class="mt-0">{{ .Title }}</h5>
<p>{{ .Content }}</p>
<a target="_blank" href="{{ .Site.Params.mailchimp_contact_form }}" class="float-right mr-3"><span class="txt">Contact Us</span></a>
{{ if .Params.custom_link }}
<a target="_blank" href="{{ .Params.custom_link }}" class="float-right mr-3"><span class="txt">{{ .Params.custom_link_name }}</span></a>
{{ end }}
{{ if .Params.custom_link2 }}
<a target="_blank" href="{{ .Params.custom_link2 }}" class="float-right mr-3"><span class="txt">{{ .Params.custom_link_name2 }}</span></a>
{{ end }}
<!-- <div class="d-flex justify-content-end">-->
<!-- <a target="_blank" href="{{ .Site.Params.mailchimp_contact_form }}" class="ml-3"><span class="txt">Contact Us</span></a>-->
<!-- {{ if .Params.custom_link }}-->
<!-- <a target="_blank" href="{{ .Params.custom_link }}" class="ml-3"><span class="txt">{{ .Params.custom_link_name }}</span></a>-->
<!-- {{ end }}-->
<!-- {{ if .Params.custom_link2 }}-->
<!-- <a target="_blank" href="{{ .Params.custom_link2 }}" class="ml-3"><span class="txt">{{ .Params.custom_link_name2 }}</span></a>-->
<!-- {{ end }}-->
<!-- </div>-->
</div>
</div>
</div>
qdrant-landing/themes/qdrant/static/css/_colors.scss
+10
View File
@@ -0,0 +1,10 @@
:root {
--brand-primary: #DC244C;
--brand-secondary: #24386C;
--brand-dark-gray: #7589BE;
--brand-gray: #B2BFE8;
--brand-mid-grey: #D9E2FF;
--brand-light-grey: #EBF1FF;
--brand-light: #F4F6FF;
}
qdrant-landing/themes/qdrant/static/css/cookit.css → qdrant-landing/themes/qdrant/static/css/_cookit.scss
View File
qdrant-landing/themes/qdrant/static/css/lang-switcher.css → qdrant-landing/themes/qdrant/static/css/_lang-switcher.scss
View File
qdrant-landing/themes/qdrant/static/css/mathjax.css → qdrant-landing/themes/qdrant/static/css/_mathjax.scss
View File
qdrant-landing/themes/qdrant/static/css/_reset.scss
+142
View File
@@ -0,0 +1,142 @@
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0;
padding:0;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'SF Pro', 'Open Sans', sans-serif;
font-size:14px;
color: var(--brand-secondary);
line-height:1.7em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper{
padding:0 50px 0;
}
a{
text-decoration:none;
cursor:pointer;
color:var(--brand-primary);
word-wrap: break-word;
}
a:hover{
color: var(--brand-secondary);
}
button,
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none !important;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-weight:700;
margin:0;
background:none;
line-height:1.6em;
font-family: $font-family-non-content;
}
/* Typography */
h1{
font-size:60px;
}
h2{
font-size:40px;
}
h3{
font-size:38px;
}
h4{
font-size:28px;
}
h5{
font-size:24px;
}
h6{
font-size:18px;
}
input,button,select,textarea{
}
textarea{
}
p{
position:relative;
line-height:1.8em;
}
.auto-container{
position:static;
max-width:1120px;
padding:0 15px;
margin:0 auto;
}
.medium-container{
max-width:850px;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
}
ul,li{
list-style:none;
padding:0;
margin:0;
}
img{
display:inline-block;
max-width:100%;
}
.centered{
text-align:center;
}
img{
display:inline-block;
max-width:100%;
height:auto;
}
qdrant-landing/themes/qdrant/static/css/responsive.css → qdrant-landing/themes/qdrant/static/css/_responsive.scss
+2 -44
View File
@@ -1,6 +1,6 @@
/* Entropy HTML Template*/
@import url('colors.css');
@import url('_colors.scss');
@media only screen and (max-width: 2240px) {
@@ -103,11 +103,6 @@
padding-left: 0px;
}
.banner-section-two .content-column .inner-column,
.optimized-section .content-column .inner-column {
padding-top: 0px;
}
.banner-section-two .side-layer,
.about-section .content-column .inner-column .sec-title h2 br,
.magic-section .blocks-column .inner-column .magic-block:before {
@@ -133,16 +128,6 @@
right: 15px;
}
.header-style-three .header-top .info-list li a,
.banner-section-two .content-column .text,
.banner-section-two .content-column h1 {
color: #ffffff;
}
.banner-section-two {
background-color: var(--brand-secondary);
}
.science-section-two .image-column .inner-column {
margin-left: 0px;
padding-right: 0px;
@@ -179,10 +164,6 @@
border-radius: 45px;
}
.banner-section-two {
padding-top: 120px;
}
.main-header.header-style-three {
background-color: #ffffff;
}
@@ -211,12 +192,10 @@
.main-header .nav-outer {
width: 100%;
margin-top: -25px;
}
.main-header {
position: relative;
background-color: #222222;
}
.main-header .header-upper .outer-box {
@@ -378,11 +357,6 @@
margin-bottom: 50px;
}
.features-section .image-column {
text-align: center;
margin-bottom: 45px;
}
.business-section-two .business-tabs .tab-btns .tab-btn {
width: 45%;
margin-bottom: 55px;
@@ -705,15 +679,9 @@
height: 2px;
width: 26px;
display: block;
margin: 0 auto;
margin: 5px 11px;
}
.main-header .nav-outer {
width: 100%;
margin-top: -81px;
}
.main-slider h3 {
font-size: 18px;
}
@@ -802,10 +770,9 @@
.nav-outer .mobile-nav-toggler {
display: block;
margin: 0;
padding: 12px 0px;
margin-left: 20px;
font-size: 32px;
color: #ffffff;
color: var(--brand-secondary);
}
#navbarSupportedContent {
@@ -822,11 +789,6 @@
background-repeat: no-repeat;
}
.banner-section-two .content-column .text,
.header-style-two .nav-outer .mobile-nav-toggler {
color: #ffffff;
}
.main-header.header-style-two .nav-outer {
margin-top: -88px;
}
@@ -992,10 +954,6 @@
font-size: 28px;
}
.sec-title h2 {
font-size: 28px;
}
.business-section-two .business-tabs .tab-btns .tab-btn h5 {
padding-left: 20px;
padding-right: 20px;
qdrant-landing/themes/qdrant/static/css/_variables.scss
+2
View File
@@ -0,0 +1,2 @@
$font-family-non-content: 'SF Pro', 'Roboto', sans-serif;
$font-family-content: 'New York', 'Serif', serif;
qdrant-landing/themes/qdrant/static/css/article.scss
-231
View File
@@ -1,231 +0,0 @@
article aside[role="alert"],
article aside[role="status"] {
margin-bottom: 1rem;
padding: .75rem 1.25rem .75rem 3rem;
position: relative;
border: 1px solid transparent;
border-radius: 0.25rem;
}
article aside[role="alert"] {
color: var(--brand-primary);
border-color: #fdb8b8;
background-color: #FBBFBF;
}
article aside[role="alert"]:before,
article aside[role="status"]:before {
width: 3rem;
position: absolute;
top: calc(50% - 0.75rem);
left: 0;
text-align: center;
font-size: 1rem;
}
article aside[role="alert"]:before {
content: "\f071";
font-family: "Font Awesome 5 Free";
font-size: 1rem;
font-weight: 900;
}
article aside[role="status"] {
color: var(--brand-secondary);
border-color: #bee5eb;
background-color: #d1ecf1;
}
article aside[role="status"]:before {
content: "\f129";
font-family: "Font Awesome 5 Free";
font-size: 1rem;
font-weight: 900;
}
article:first-of-type {
table {
@extend .table;
}
pre {
position: relative;
}
img {
display: block;
margin-right: auto;
margin-left: auto;
}
ul,
ol {
margin-top: 1em;
margin-bottom: 1em;
}
ul > li {
margin: 0 0 0 2em;
position: relative;
list-style: disc;
}
ol > li {
margin: 0 0 0 2em;
position: relative;
list-style: decimal;
}
figure {
text-align: center;
}
}
.documentation {
h1 {
font-size: 2.25rem;
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 1.25rem;
}
h4 {
font-size: 1.25rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1.25rem;
}
p {
margin-bottom: 0.7rem;
}
}
.article,
.blog {
font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif;
font-size: 20px;
letter-spacing: -0.003em;
line-height: 32px;
table {
color: rgb(41, 41, 41);
font-size: 18px;
@include media-breakpoint-up(md) {
font-size: 20px;
}
}
p,
ul,
ol {
margin-top: 0.86em;
margin-bottom: 1.5em;
}
ul > li {
color: rgb(41, 41, 41);
font-size: 18px;
line-height: 32px;
@include media-breakpoint-up(md) {
font-size: 20px;
}
}
ol > li {
color: rgb(41, 41, 41);
font-size: 18px;
line-height: 32px;
@include media-breakpoint-up(md) {
font-size: 20px;
}
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 1rem;
font-weight: 600;
}
h1 {
font-size: 2.45rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.45rem;
}
h4 {
font-size: 1.45rem;
}
h5 {
font-size: 1.45rem;
}
p {
color: rgb(41, 41, 41);
font-size: 18px;
line-height: 32px;
@include media-breakpoint-up(md) {
font-size: 20px;
}
}
}
.article {
padding-top: 18px;
padding-right: 180px;
padding-left: 180px;
@media only screen and (max-width: 599px) {
padding-right: 0;
padding-left: 0;
}
@media only screen and (max-width: 1023px) {
padding-right: 10px;
padding-left: 10px;
}
@include media-breakpoint-up(md) {
padding-top: 38px;
}
}
.blog {
padding-top: 20px;
padding-right: 70px;
padding-left: 70px;
word-break: break-word;
@media only screen and (max-width: 599px) {
padding-right: 0;
padding-left: 0;
}
@media only screen and (max-width: 1023px) {
padding-right: 10px;
padding-left: 10px;
}
p {
&:first-child {
margin-top: 0;
}
}
}
qdrant-landing/themes/qdrant/static/css/blocks/_article-card.scss
+119
View File
@@ -0,0 +1,119 @@
.article-card {
display: flex;
flex-direction: column;
margin-bottom: 35px;
position: relative;
border-radius: 7px;
background: var(--white);
&_border {
box-shadow: 0 0 0 1px var(--brand-mid-grey);
}
&_contrast {
.article-card__text {
color: var(--brand-secondary);
}
}
&_content-style {
.article-card__text {
font-family: $font-family-content;
}
}
&_small-btn {
.article-card__btn {
@include media-breakpoint-up(md) {
font-size: 1.125rem;
line-height: 1.625rem;
}
}
}
&__image {
display: block;
height: 145px;
position: relative;
border-radius: 7px 7px 0 0;
overflow: hidden;
img {
min-width: 100%;
min-height: 116px;
position: relative;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
transition: all 600ms ease;
border-radius: 7px 7px 0 0;
object-fit: cover;
}
&:hover {
img {
transform: scale(1.05);
}
}
}
&__content {
flex-grow: 1;
padding: 23px 30px 0;
position: relative;
border-radius: 0 0 7px 7px;
}
&__title {
min-height: 56px;
margin-bottom: 6px;
position: relative;
color: var(--brand-secondary);
font-size: 24px;
font-weight: 700;
line-height: 28px;
a {
position: relative;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: var(--brand-secondary);
&:hover {
color: var(--brand-primary);
}
}
}
&__text {
display: inline-block;
margin-bottom: 13px;
position: relative;
color: var(--brand-dark-gray);
font-size: 18px;
line-height: 28px;
}
&:hover {
.block-content {
.learn-btn {
color: #ffffff;
background-color: var(--brand-primary);
}
}
}
&__btn {
align-self: start;
margin: 0 30px 23px;
@include media-breakpoint-down(sm) {
align-self: stretch;
text-align: center;
}
}
}
qdrant-landing/themes/qdrant/static/css/blocks/_article.scss
+231
View File
@@ -0,0 +1,231 @@
@use "../helpers/functions" as lib;
@use "../helpers/mixins" as mixins;
article aside[role="alert"],
article aside[role="status"] {
margin-bottom: 1rem;
padding: .75rem 1.25rem .75rem 3rem;
position: relative;
border: 1px solid transparent;
border-radius: 0.25rem;
}
article aside[role="alert"] {
color: var(--brand-primary);
border-color: #fdb8b8;
background-color: #FBBFBF;
}
article aside[role="alert"]:before,
article aside[role="status"]:before {
width: 3rem;
position: absolute;
top: calc(50% - 0.75rem);
left: 0;
text-align: center;
font-size: 1rem;
}
article aside[role="alert"]:before {
content: "\f071";
font-family: "Font Awesome 5 Free";
font-size: 1rem;
font-weight: 900;
}
article aside[role="status"] {
color: var(--brand-secondary);
border-color: #bee5eb;
background-color: #d1ecf1;
}
article aside[role="status"]:before {
content: "\f129";
font-family: "Font Awesome 5 Free";
font-size: 1rem;
font-weight: 900;
}
/*.blog,*/
.article {
font-family: $font-family-content;
font-size: lib.rem(18);
font-weight: 400;
line-height: lib.rem(32);
@include mixins.content-reset;
&_narrow {
@include media-breakpoint-up(lg) {
margin: 0 6rem;
}
}
p, span, ul, ol, li {
font: inherit;
}
p, ul {
margin-bottom: 2rem;
}
p a:hover,
ul a:hover {
text-decoration: underline;
}
h1, h2, h3, h4, h5 {
margin-bottom: lib.rem(24);
font-family: $font-family-non-content;
font-weight: 700;
font-style: normal;
}
h1 {
font-size: lib.rem(40);
line-height: lib.rem(48);
}
h2 {
font-size: lib.rem(28);
line-height: lib.rem(33);
}
ul, ol {
margin-left: 0;
}
& > ul, & > ol {
margin-left: lib.rem(24);
}
li {
margin-left: 0;
}
img {
max-width: 100%;
height: auto;
margin: 0 auto;
border-radius: lib.rem(14);
}
figcaption {
margin-top: lib.rem(10);
font-size: lib.rem(18);
font-style: italic;
line-height: lib.rem(32);
}
&__info {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: lib.rem(24);
color: var(--brand-dark-gray);
font-family: $font-family-non-content;
font-size: 1rem;
font-weight: 400;
font-style: normal;
line-height: lib.rem(17);
}
&__cover {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
border-radius: lib.rem(14);
overflow: hidden;
@include media-breakpoint-up(lg) {
height: lib.rem(300);
}
img {
width: 100%;
height: auto;
}
}
&__more-btn {
width: 100%;
margin-right: lib.rem(30);
margin-left: lib.rem(30);
text-align: center;
@include media-breakpoint-up(md) {
width: auto;
margin-right: 0;
margin-left: 0;
}
}
/* border bottom */
&_bb {
border-bottom: 1px solid var(--brand-mid-grey);
}
}
.article-title {
display: flex;
align-items: center;
flex-direction: column;
margin-bottom: lib.rem(14);
color: var(--brand-secondary);
@include media-breakpoint-up(md) {
flex-direction: row;
}
& > h1, & > h2, & > h3 {
margin-bottom: 0;
font-size: lib.rem(40);
line-height: lib.rem(48);
}
&__image {
display: block;
width: 100%;
height: lib.rem(94);
margin-bottom: lib.rem(16);
text-align: center;
border-radius: lib.rem(14);
overflow: hidden;
@include media-breakpoint-up(md) {
width: lib.rem(56);
height: lib.rem(56);
margin-right: lib.rem(12);
margin-bottom: 0;
}
img {
width: auto;
height: lib.rem(94);
object-fit: cover;
@include media-breakpoint-up(md) {
width: auto;
height: lib.rem(56);
}
}
}
}
.article {
padding-top: lib.rem(24);
@include media-breakpoint-up(lg) {
padding-top: lib.rem(38);
}
&_benchmarks {
margin-right: 9rem;
margin-left: 0;
@include media-breakpoint-up(lg) {
margin-right: 0;
}
}
}
qdrant-landing/themes/qdrant/static/css/blocks/_banner.scss
+220
View File
@@ -0,0 +1,220 @@
@use "../helpers/functions" as lib;
/***
====================================================================
Banner Section
====================================================================
***/
.banner-section {
padding-top: lib.rem(220);
padding-bottom: lib.rem(100);
position: relative;
.side-layer {
width: 100%;
height: lib.rem(1459);
position: absolute;
top: 0;
right: 0;
background-repeat: no-repeat;
background-position: right top;
}
.pattern-layer {
width: 100%;
height: lib.rem(942);
position: absolute;
top: 0;
right: 0;
background-repeat: no-repeat;
background-position: center center;
}
.content-column {
position: relative;
z-index: 3;
.inner-column {
padding-top: lib.rem(100);
padding-bottom: lib.rem(60);
padding-left: lib.rem(30);
position: relative;
}
h1 {
margin-bottom: lib.rem(20);
position: relative;
text-transform: capitalize;
color: #ffffff;
font-weight: 700;
line-height: 1.25em;
span {
color: var(--brand-primary);
}
}
.text {
margin-bottom: lib.rem(35);
position: relative;
color: #ffffff;
font-size: lib.rem(18);
font-weight: 400;
line-height: 1.8em;
}
.buttons-box {
position: relative;
.theme-btn {
margin-right: lib.rem(25);
}
}
}
.image-column {
position: relative;
.inner-column {
margin-left: -200px;
position: relative;
}
}
}
/***
====================================================================
Banner Section
====================================================================
***/
.banner-section-two {
padding-bottom: 0;
position: relative;
padding-top: 2rem;
@include media-breakpoint-up(md) {
padding-top: lib.rem(70);
}
.sec-title.text {
margin-bottom: lib.rem(54);
}
.d-inline-block {
margin-top: 0.25rem;
margin-bottom: 3.1rem;
}
.outer-container {
position: relative;
overflow: hidden;
}
.side-layer {
width: 77%;
height: lib.rem(981);
position: absolute;
top: 0;
right: 0;
background-repeat: no-repeat;
background-position: right top;
background-size: 73%;
}
.content-column {
order: 1;
position: relative;
z-index: 3;
@include media-breakpoint-up(md) {
order: 0;
}
.inner-column {
padding-top: 0;
padding-bottom: lib.rem(60);
position: relative;
@include media-breakpoint-up(md) {
padding-top: lib.rem(115);
}
}
h1 {
position: relative;
white-space: normal;
text-transform: capitalize;
color: var(--brand-secondary);
font-size: lib.rem(56);
font-weight: 700;
line-height: 1.25em;
@include media-breakpoint-up(md) {
white-space: nowrap;
}
span {
color: var(--brand-primary);
}
}
h2 {
font-weight: 700;
}
h4 {
color: var(--brand-dark-gray);
font-size: lib.rem(24);
font-weight: 400;
}
.newsletter-form {
.form-group {
button {
padding: lib.rem(9) lib.rem(36) lib.rem(9);
border-radius: lib.rem(50);
}
}
}
}
.image-column {
order: 0;
@include media-breakpoint-up(md) {
order: 1;
}
.inner-column {
justify-content: center;
margin-bottom: lib.rem(50);
margin-left: 0;
position: relative;
@include media-breakpoint-up(md) {
justify-content: unset;
width: 126%;
margin-bottom: 0;
margin-left: -11%;
padding-top: lib.rem(90);
}
}
}
.content-column {
.inner-column {
.newsletter-form {
.form-group {
button {
padding: lib.rem(9) lib.rem(36) lib.rem(9);
border-radius: lib.rem(50);
}
}
}
}
}
}
qdrant-landing/themes/qdrant/static/css/blocks/_blog.scss
+565
View File
@@ -0,0 +1,565 @@
@use "../helpers/functions" as lib;
/***
====================================================================
Blog Page Section
====================================================================
***/
.blog-page-section {
padding: 95px 0 40px;
position: relative;
}
.blog-page-section .styled-pagination {
margin-top: 35px;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination {
position: relative;
z-index: 1;
}
.styled-pagination li {
display: inline-block;
margin: 0 10px;
position: relative;
}
.styled-pagination li a {
display: inline-block;
position: relative;
color: var(--brand-secondary);
font-family: $font-family-non-content;
font-size: 18px;
/* transition:all 0.3s ease; */
/* -moz-transition:all 0.3s ease; */
/* -webkit-transition:all 0.3s ease; */
/* -ms-transition:all 0.3s ease; */
/* -o-transition:all 0.3s ease; */
font-weight: 400;
}
.styled-pagination li.active a,
.styled-pagination li:hover a {
color: var(--brand-primary);
}
.styled-pagination li.prev {
margin-left: 0;
position: absolute;
top: -12px;
left: 0;
}
.styled-pagination li.prev a {
display: inline-block;
width: 160px;
height: 48px;
margin-bottom: 20px;
padding: 10px 20px;
position: relative;
text-align: center;
color: var(--brand-secondary);
border-radius: 50px;
font-family: $font-family-non-content;
font-size: 18px;
//border:1px solid var(--dark);
line-height: 28px;
/* -webkit-transition:all 300ms ease; */
/* -ms-transition:all 300ms ease; */
/* -o-transition:all 300ms ease; */
/* -moz-transition:all 300ms ease; */
/* transition:all 300ms ease; */
}
.styled-pagination li.prev a:hover {
color: #ffffff;
border-color: var(--brand-primary);
background-color: var(--brand-primary);
}
.styled-pagination li.next {
margin-right: 0;
position: absolute;
top: -12px;
right: 0;
}
.styled-pagination li.next a {
display: inline-block;
width: 160px;
height: 48px;
margin-bottom: 20px;
padding: 10px 20px;
position: relative;
top: 0;
right: 0;
text-align: center;
color: var(--brand-secondary);
border-radius: 50px;
font-family: $font-family-non-content;
font-size: 18px;
//border:1px solid var(--dark);
line-height: 26px;
/* -webkit-transition:all 300ms ease; */
/* -ms-transition:all 300ms ease; */
/* -o-transition:all 300ms ease; */
/* -moz-transition:all 300ms ease; */
/* transition:all 300ms ease; */
}
.styled-pagination li.next a:hover {
color: #ffffff;
border-color: var(--brand-primary);
background-color: var(--brand-primary);
}
.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover {
border-color: var(--brand-primary);
background-color: var(--brand-primary);
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container {
padding: 0;
position: relative;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
margin-bottom: 40px;
}
.sidebar-widget {
margin-bottom: 40px;
}
/*Search Box Widget*/
.sidebar .search-box .form-group {
margin: 0;
position: relative;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
display: block;
width: 100%;
height: 48px;
padding: 10px 50px 10px 30px;
position: relative;
border-radius: 50px;
background: #eef1f9;
font-size: 15px;
//color:#797979;
font-weight: 400;
line-height: 30px;
/* transition:all 500ms ease; */
/* -moz-transition:all 500ms ease; */
/* -webkit-transition:all 500ms ease; */
/* -ms-transition:all 500ms ease; */
/* -o-transition:all 500ms ease; */
}
.sidebar .search-box .form-group textarea::-webkit-input-placeholder,
.sidebar .search-box .form-group input::-webkit-input-placeholder {
//color:#797979;
}
.sidebar .search-box .form-group button {
display: block;
width: 36px;
height: 36px;
position: absolute;
top: 6px;
right: 5px;
cursor: pointer;
color: #ffffff;
border-radius: 50px;
background-color: var(--brand-primary);
font-size: 14px;
font-weight: normal;
line-height: 100%;
}
/*Sidebar Title*/
.sidebar-title {
display: block;
margin-bottom: 0;
padding: 14px 20px;
position: relative;
border-radius: 8px;
background-color: #eef1f9;
}
.sidebar-title h4 {
//color: #2b2b2b;
text-transform: capitalize;
font-weight: 700;
line-height: 1.2em;
}
.sidebar .news-widget {
margin-bottom: 30px;
position: relative;
border-radius: 10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
}
.sidebar .news-widget .inner-box {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.sidebar .news-widget .inner-box .image {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.sidebar .news-widget .inner-box .image img {
width: 100%;
position: relative;
border-radius: 10px;
}
.sidebar .news-widget .inner-box:hover .image {
transition: 0.4s ease-in;
}
.sidebar .news-widget .inner-box:hover .image img {
transform: scale(1.04, 1.04);
}
.sidebar .news-widget .inner-box .lower-content {
padding: 30px 30px 30px;
position: relative;
}
.sidebar .news-widget .inner-box .lower-content h5 {
margin-bottom: 12px;
position: relative;
font-weight: 700;
line-height: 1.3em;
}
.sidebar .news-widget .inner-box .lower-content h5 a {
position: relative;
color: var(--brand-secondary);
}
.sidebar .news-widget .inner-box .lower-content h5 a:hover {
color: var(--brand-primary);
}
.sidebar .news-widget .inner-box .lower-content .text {
margin-bottom: 15px;
position: relative;
font-size: 16px;
line-height: 1.8em;
}
.sidebar .news-widget .inner-box .lower-content .learn {
position: relative;
text-decoration: underline;
text-transform: capitalize;
color: var(--brand-primary);
font-family: $font-family-non-content;
font-size: 18px;
}
.sidebar .news-widget .inner-box .lower-content .learn:hover {
text-decoration: underline;
}
.news-block-two {
display: flex;
margin-bottom: 40px;
position: relative;
p {
font-size: 18px;
}
}
.news-block-two .inner-box {
position: relative;
border-radius: 7px;
box-shadow: 0 0 0 1px var(--brand-mid-grey);
overflow: hidden;
}
.news-block-two .inner-box.inner-box_pb {
padding-bottom: 16px;
}
.news-block-two .inner-box .upper-box {
padding: 20px 30px 30px;
position: relative;
}
.news-block-two .inner-box .upper-box .category {
position: relative;
font-size: 16px;
}
.news-block-two .inner-box .upper-box h4 {
margin-top: 8px;
position: relative;
font-weight: 700;
line-height: 1.3em;
}
.news-block-two .inner-box .upper-box h4 a {
position: relative;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: var(--brand-secondary);
}
.news-block-two .inner-box .upper-box h4 a:hover {
color: var(--brand-primary);
}
.news-block-two .inner-box .upper-box h2 {
margin-top: 8px;
position: relative;
font-weight: 700;
line-height: 1.3em;
}
.news-block-two .inner-box .image {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.news-block-two .inner-box .image img {
width: 100%;
position: relative;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
transition: all 600ms ease;
border-radius: 10px;
}
.news-block-two .inner-box:hover .image {
transition: 0.4s ease-in;
}
.news-block-two .inner-box:hover .image img {
transform: scale(1.04, 1.04);
}
.news-block-two .inner-box .lower-box {
padding: 20px 30px 0 30px;
position: relative;
}
.news-block-two .inner-box .post-meta {
margin-top: 17px;
position: relative;
}
.news-block-two .inner-box .post-meta li {
display: inline-block;
margin-right: 20px;
position: relative;
vertical-align: middle;
font-size: 16px;
}
.news-block-two .inner-box .post-meta li .icon {
margin-right: 10px;
position: relative;
}
.news-block-two .inner-box .post-meta li:last-child {
margin-right: 0;
}
.news-block-two .inner-box .theme-btn {
position: absolute;
right: 20px;
bottom: 40px;
left: 20px;
text-align: center;
@include media-breakpoint-up(sm) {
right: auto;
left: 30px;
}
}
/* Blog Detail */
.blog-detail {
margin-bottom: 40px;
position: relative;
}
.blog-detail .inner-box {
margin-bottom: 60px;
padding-bottom: 40px;
position: relative;
border-radius: 10px;
overflow: hidden;
//box-shadow:0 0 20px rgba(0,0,0,0.10);
}
.blog-detail .inner-box .upper-box {
padding: 30px 60px;
position: relative;
}
.blog-detail .inner-box .upper-box .category {
position: relative;
//color:#5a5a5a;
font-size: 16px;
}
.blog-detail .inner-box .upper-box h4 {
margin-top: 8px;
position: relative;
font-weight: 700;
line-height: 1.3em;
}
.blog-detail .inner-box .upper-box h4 a {
position: relative;
color: var(--brand-secondary);
/* transition:all 0.3s ease; */
/* -moz-transition:all 0.3s ease; */
/* -webkit-transition:all 0.3s ease; */
/* -ms-transition:all 0.3s ease; */
/* -o-transition:all 0.3s ease; */
}
.blog-detail .inner-box .upper-box h4 a:hover {
color: var(--brand-primary);
}
.blog-detail .inner-box .image {
position: relative;
background-color: var(--brand-primary);
overflow: hidden;
}
.blog-detail .inner-box .image img {
width: 100%;
position: relative;
/* -webkit-transition: all 600ms ease; */
/* -moz-transition: all 600ms ease; */
/* -ms-transition: all 600ms ease; */
/* -o-transition: all 600ms ease; */
/* transition: all 600ms ease; */
}
.blog-detail .inner-box .image:hover img {
transform: scale(1.04, 1.04);
opacity: 0.5;
}
.blog-detail .inner-box .lower-box {
padding: 20px 0 0;
position: relative;
}
.blog-detail .inner-box .lower-box .post-meta {
margin-top: 17px;
margin-bottom: 17px;
padding-left: 70px;
position: relative;
}
.blog-detail .inner-box .lower-box .post-meta li {
display: inline-block;
margin-right: 12px;
//color:#5a5a5a;
position: relative;
font-size: 16px;
}
.blog-detail .inner-box .lower-box .post-meta li .icon {
margin-right: 10px;
position: relative;
}
.blog-detail .inner-box .lower-box .post-meta li:last-child {
margin-right: 0;
}
.blog-detail .inner-box .lower-box article {
margin-bottom: 28px;
//color:#5a5a5a;
position: relative;
font-size: 16px;
line-height: 1.8em;
}
.blog-detail .inner-box .lower-box .column {
margin-bottom: 28px;
}
.blog-detail .inner-box .post-share-options {
position: relative;
text-align: center;
}
.blog-detail h2 > a {
color: var(--brand-secondary);
}
.blog-detail h2 > a:hover {
color: var(--brand-primary);
}
.blog {
padding-top: lib.rem(20);
padding-right: lib.rem(70);
padding-left: lib.rem(70);
word-break: break-word;
@media only screen and (max-width: 599px) {
padding-right: 0;
padding-left: 0;
}
@media only screen and (max-width: 1023px) {
padding-right: lib.rem(10);
padding-left: lib.rem(10);
}
p {
&:first-child {
margin-top: 0;
}
}
}
qdrant-landing/themes/qdrant/static/css/blocks/_breadcrumbs.scss
+39
View File
@@ -0,0 +1,39 @@
@use "../helpers/functions" as lib;
ul.breadcrumbs,
.breadcrumbs {
display: flex;
flex-wrap: wrap;
margin-bottom: lib.rem(30);
margin-left: 0;
margin-right: 0;
position: relative;
color: var(--brand-dark-gray);
font-size: lib.rem(14);
font-weight: 400;
line-height: lib.rem(17);
&__crumb,
& > li.breadcrumbs__crumb {
display: inline-block;
margin: 0;
position: relative;
text-transform: capitalize;
font-size: lib.rem(14);
font-weight: 400;
line-height: lib.rem(17);
&:last-child {
margin-right: 0;
padding-right: 0;
}
& > a {
color: var(--brand-dark-gray);
&:hover {
color: var(--brand-primary);
}
}
}
}
qdrant-landing/themes/qdrant/static/css/blocks/_business-section-two.scss
+179
View File
@@ -0,0 +1,179 @@
@use "../helpers/functions" as lib;
/***
====================================================================
Business Section Two
====================================================================
***/
.business-section-two {
padding: 0 0 lib.rem(70);
position: relative;
.sec-title {
margin-bottom: lib.rem(80);
}
.inner-container {
position: relative;
}
.tab-btns {
display: none;
align-items: center;
flex-direction: column;
width: lib.rem(14);
margin-left: lib.rem(50);
margin-top: -200px;
position: relative;
@include media-breakpoint-up(lg) {
display: flex;
margin-left: lib.rem(100);
}
.tab-btn {
display: inline-block;
width: lib.rem(14);
height: lib.rem(14);
margin: lib.rem(7) 0;
cursor: pointer;
border-radius: 50%;
background: var(--brand-light-grey);
&:hover {
background: var(--brand-gray);
}
}
.tab-btn.is-active {
background: var(--brand-gray);
}
}
.business-info-tabs {
display: flex;
}
.business-tabs {
display: flex;
width: 100%;
position: relative;
.tabs-content {
width: 100%;
position: relative;
.tab {
display: block;
position: relative;
}
.content {
max-width: lib.rem(1030);
position: relative;
}
}
.content {
display: flex;
@include media-breakpoint-up(lg) {
height: lib.rem(500);
}
.content-column {
display: flex;
align-items: stretch;
width: 100%;
position: relative;
@include media-breakpoint-up(lg) {
width: unset;
}
.inner-column {
padding-bottom: lib.rem(450);
position: relative;
@include media-breakpoint-up(lg) {
width: lib.rem(560);
padding-bottom: lib.rem(54);
}
}
h5 {
margin-bottom: lib.rem(5);
font-size: lib.rem(24);
font-weight: 700;
line-height: lib.rem(28);
}
p {
margin-bottom: lib.rem(25);
position: relative;
color: var(--brand-dark-gray);
font-size: lib.rem(18);
font-weight: 400;
line-height: lib.rem(28);
}
.business-list {
margin-bottom: lib.rem(35);
position: relative;
li {
min-height: lib.rem(50);
margin-bottom: lib.rem(18);
padding-left: lib.rem(70);
position: relative;
color: #2b2a41;
font-size: lib.rem(14);
font-weight: 600;
&:last-child {
margin-bottom: 0;
}
}
}
}
.theme-btn {
margin-top: lib.rem(22);
border-radius: lib.rem(50);
}
.image-column {
width: 100%;
position: absolute;
right: 0;
bottom: lib.rem(150);
left: 0;
@include media-breakpoint-up(lg) {
width: lib.rem(360);
margin-top: lib.rem(38);
padding-left: lib.rem(40);
top: 0;
left: unset;
}
@include media-breakpoint-up(xl) {
width: lib.rem(416);
}
.image {
@include media-breakpoint-up(md) {
max-width: lib.rem(300);
}
@include media-breakpoint-up(lg) {
max-width: 100%;
}
}
}
}
}
}
qdrant-landing/themes/qdrant/static/css/blocks/button.scss → qdrant-landing/themes/qdrant/static/css/blocks/_buttons.scss
+108 -66
View File
@@ -1,15 +1,23 @@
@use "../helpers/functions" as lib;
.btn {
@extend .btn;
-webkit-mask-image: -webkit-radial-gradient(white, black);
&_in-header {
padding: 0.1rem 0.5rem;
padding: lib.rem(9) lib.rem(20);
position: relative;
background: var(--white);
border: 0;
line-height: 1;
border-radius: lib.rem(32);
background: transparent;
box-shadow: inset 0 0 0 1px var(--brand-primary);
overflow-x: hidden;
@include media-breakpoint-down(md) {
width: calc(100% - 20px);
margin: lib.rem(10) lib.rem(10) lib.rem(5);
}
&:before {
border-radius: 0.25rem;
width: 100%;
height: 100%;
position: absolute;
@@ -25,11 +33,12 @@
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-ms-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
-webkit-transform: scale(0, 1) translate3d(0, 0, 0);
transform: scale(0, 1);
-ms-transform-origin: top right;
-webkit-transform-origin: top right;
transform-origin: top right;
border-radius: lib.rem(32);
background-color: var(--brand-primary);
}
@@ -38,7 +47,7 @@
&:before {
display: block;
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
transform: scale(1, 1);
-ms-transform-origin: bottom left;
-webkit-transform-origin: bottom left;
@@ -47,25 +56,36 @@
}
.btn__text {
display: flex;
position: relative;
z-index: 1;
text-transform: uppercase;
-moz-transition: color 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: color 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition: color 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: color 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
color: var(--brand-primary);
font-size: 16px;
font-weight: 600;
font-size: lib.rem(18);
line-height: 1;
}
i {
margin-right: 0.4rem;
font-size: 16px;
font-size: lib.rem(16);
}
&:hover {
.btn__text {
-moz-transition: color 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: color 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition: color 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: color 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
color: var(--white);
}
}
&:not(:last-of-type) {
margin-right: 1.5rem;
}
}
&.disabled {
@@ -78,32 +98,33 @@
}
.theme-btn {
-webkit-mask-image: -webkit-radial-gradient(white, black);
display: inline-block;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
font-family: $font-family-non-content;
}
/* Btn Style One */
.btn-style-one {
display: inline-block;
padding: 10px 44px 10px;
padding: lib.rem(10) lib.rem(44) lib.rem(10);
position: relative;
text-transform: capitalize;
color: #ffffff;
border: 1px solid var(--brand-primary);
border-radius: 50px;
border-radius: lib.rem(50);
background: none;
background-color: var(--brand-primary);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10);
font-family: 'Roboto Condensed', serif;
font-size: 18px;
font-size: lib.rem(18);
font-weight: 400;
line-height: 30px;
overflow: hidden;
line-height: lib.rem(30);
overflow-x: hidden;
& .txt {
position: relative;
@@ -122,14 +143,14 @@
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(1, 0.5);
-webkit-transform: scale(1, 0.5) translate3d(0, 0, 0);
transform: scale(1, 0.5);
opacity: 0;
background-color: #ffffff;
}
&:hover::before {
-webkit-transform: scale(1, 1);
-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
transform: scale(1, 1);
opacity: 1;
}
@@ -145,18 +166,17 @@
.btn-style-two {
display: inline-block;
padding: 10px 44px 10px;
padding: lib.rem(10) lib.rem(44) lib.rem(10);
position: relative;
text-transform: capitalize;
color: #ffffff;
border: 1px solid #ffffff;
border-radius: 50px;
border-radius: lib.rem(50);
background: none;
font-family: 'Roboto Condensed', serif;
font-size: 18px;
font-size: lib.rem(18);
font-weight: 400;
line-height: 30px;
overflow: hidden;
line-height: lib.rem(30);
overflow-x: hidden;
&:before {
width: 100%;
@@ -174,7 +194,7 @@
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-ms-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
-webkit-transform: scale(0, 1) translate3d(0, 0, 0);
transform: scale(0, 1);
-ms-transform-origin: top right;
-webkit-transform-origin: top right;
@@ -184,7 +204,7 @@
&:hover::before {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
transform: scale(1, 1);
-ms-transform-origin: bottom left;
-webkit-transform-origin: bottom left;
@@ -212,11 +232,11 @@
.btn-style-three {
display: inline-block;
padding: 12px 44px 12px;
padding: lib.rem(12) lib.rem(44) lib.rem(12);
position: relative;
text-transform: capitalize;
color: #ffffff;
border-radius: 50px;
border-radius: lib.rem(50);
background: none;
background-color: var(--brand-primary);
-moz-box-shadow: 0 10px 32px rgba(255, 98, 98, 0.10);
@@ -224,11 +244,10 @@
-o-box-shadow: 0 10px 32px rgba(255, 98, 98, 0.10);
-webkit-box-shadow: 0 10px 32px rgba(255, 98, 98, 0.10);
box-shadow: 0 10px 32px rgba(255, 98, 98, 0.10);
font-family: 'Roboto Condensed', serif;
font-size: 18px;
font-size: lib.rem(18);
font-weight: 400;
line-height: 32px;
overflow: hidden;
line-height: lib.rem(32);
overflow-x: hidden;
&:before {
width: 100%;
@@ -246,17 +265,17 @@
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-ms-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
-webkit-transform: scale(0, 1) translate3d(0, 0, 0);
transform: scale(0, 1);
-ms-transform-origin: top right;
-webkit-transform-origin: top right;
transform-origin: top right;
background-color: #2b2b2b;
background-color: var(--brand-secondary);
}
&:hover::before {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
transform: scale(1, 1);
-ms-transform-origin: bottom left;
-webkit-transform-origin: bottom left;
@@ -278,7 +297,7 @@
.btn-style-four {
display: inline-block;
padding: 10px 48px 10px;
padding: lib.rem(10) lib.rem(40) lib.rem(10);
position: relative;
text-transform: capitalize;
color: #ffffff;
@@ -290,11 +309,10 @@
-o-box-shadow: 0 10px 30px rgba(255, 98, 98, 0.10);
-webkit-box-shadow: 0 10px 30px rgba(255, 98, 98, 0.10);
box-shadow: 0 10px 30px rgba(255, 98, 98, 0.10);
font-family: 'Roboto Condensed', serif;
font-size: 18px;
font-size: lib.rem(18);
font-weight: 400;
line-height: 30px;
overflow: hidden;
line-height: lib.rem(30);
overflow-x: hidden;
&:before {
width: 100%;
@@ -312,17 +330,18 @@
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-ms-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
-webkit-transform: scale(0, 1) translate3d(0, 0, 0);
transform: scale(0, 1);
-ms-transform-origin: top right;
-webkit-transform-origin: top right;
transform-origin: top right;
background-color: var(--brand-primary);
color: white;
}
&:hover::before {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
transform: scale(1, 1);
-ms-transform-origin: bottom left;
-webkit-transform-origin: bottom left;
@@ -330,7 +349,7 @@
}
& .text,
& .txt{
& .txt {
position: relative;
z-index: 1;
}
@@ -343,7 +362,7 @@
}
&_rounded {
border-radius: 5px;
border-radius: lib.rem(40);
}
&_reversed {
@@ -357,6 +376,10 @@
&_border {
box-shadow: inset 0 0 0 2px var(--brand-primary);
&:focus {
box-shadow: inset 0 0 0 2px var(--brand-primary);
}
&.btn-style-four_reversed {
box-shadow: inset 0 0 0 2px var(--brand-primary);
@@ -367,18 +390,17 @@
}
&_big {
.text {
font-size: 1rem;
@include media-breakpoint-up(md) {
font-size: 1.4rem;
}
line-height: lib.rem(33);
.text,
.txt {
font-size: lib.rem(24);
font-weight: 700;
}
}
&_small {
padding: 3px 15px;
padding: lib.rem(3) lib.rem(15);
.text {
font-size: 0.9rem;
@@ -386,11 +408,11 @@
}
&_responsive {
width: 100%;
text-align: center;
width: inherit;
@include media-breakpoint-up(sm) {
width: inherit;
@include media-breakpoint-down(md) {
width: 100%;
text-align: center;
}
}
}
@@ -399,18 +421,17 @@
.btn-style-five {
display: inline-block;
padding: 9px 44px 9px;
padding: lib.rem(9) lib.rem(44) lib.rem(9);
position: relative;
text-transform: capitalize;
color: var(--brand-primary);
border: 1px solid var(--brand-primary);
border-radius: 50px;
border-radius: lib.rem(50);
background: none;
font-family: 'Roboto Condensed', serif;
font-size: 18px;
font-weight: 400;
line-height: 30px;
overflow: hidden;
font-size: lib.rem(24);
font-weight: 700;
line-height: lib.rem(35);
overflow-x: hidden;
&:before {
width: 100%;
@@ -428,7 +449,7 @@
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-ms-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
-webkit-transform: scale(0, 1) translate3d(0, 0, 0);
transform: scale(0, 1);
-ms-transform-origin: top right;
-webkit-transform-origin: top right;
@@ -438,13 +459,35 @@
&:hover::before {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
transform: scale(1, 1);
-ms-transform-origin: bottom left;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
// small button on all sizes
&_small {
font-size: lib.rem(18);
line-height: lib.rem(26);
// only on big devices
&-lg {
@include media-breakpoint-up(lg) {
font-size: lib.rem(18);
line-height: lib.rem(26);
}
}
// only on big devices and tablets
&-md {
@include media-breakpoint-up(md) {
font-size: lib.rem(18);
line-height: lib.rem(26);
}
}
}
& .txt {
position: relative;
z-index: 1;
@@ -455,5 +498,4 @@
border-color: var(--brand-primary);
}
}
qdrant-landing/themes/qdrant/static/css/blocks/_categories-widget.scss
+46
View File
@@ -0,0 +1,46 @@
/* Categories Widget */
.categories-widget .widget-content{
position:relative;
padding:25px 30px;
border-radius:8px;
box-shadow:0 0 15px rgba(0,0,0,0.10);
}
.categories-widget ul{
position:relative;
}
.categories-widget ul li{
position:relative;
padding-left:22px;
margin-bottom:8px;
}
.categories-widget ul li:before{
position:absolute;
content:'';
left:0;
top:8px;
width:6px;
height:6px;
border-radius:50px;
background-color:var(--brand-primary);
}
.categories-widget ul li a{
position:relative;
color:#2b2b2b;
font-size:16px;
font-weight:500;
font-family: $font-family-non-content;
/* transition:all 0.3s ease; */
/* -moz-transition:all 0.3s ease; */
/* -webkit-transition:all 0.3s ease; */
/* -ms-transition:all 0.3s ease; */
/* -o-transition:all 0.3s ease; */
}
.categories-widget ul li a:hover{
color:var(--brand-primary);
}
qdrant-landing/themes/qdrant/static/css/blocks/checkbox.scss → qdrant-landing/themes/qdrant/static/css/blocks/_checkbox.scss
View File
qdrant-landing/themes/qdrant/static/css/blocks/_clients-section.scss
+50
View File
@@ -0,0 +1,50 @@
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section {
padding: 19px 0 40px;
position: relative;
}
.clients-section.contact-section {
padding-top: 90px;
padding-bottom: 53px;
}
.clients-section .sponsors-outer {
display: flex;
flex-direction: column;
justify-content: space-between;
@include media-breakpoint-up(md) {
flex-direction: row;
}
}
.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav {
display: none;
position: relative;
}
.clients-section .sponsors-outer .image-box {
display: flex;
align-items: center;
justify-content: center;
}
.clients-section .sponsors-outer .image-box img {
display: inline-block;
width: auto;
max-width: 100%;
}
.clients-section .sponsors-outer .image-box img:hover {
-webkit-filter: saturate(1.5);
filter: saturate(1.5);
}
qdrant-landing/themes/qdrant/static/css/blocks/copy-btn.scss → qdrant-landing/themes/qdrant/static/css/blocks/_copy-btn.scss
View File
qdrant-landing/themes/qdrant/static/css/blocks/_documentation.scss
+33
View File
@@ -0,0 +1,33 @@
@use "../helpers/mixins" as mixins;
.documentation {
@include mixins.content-reset;
h1 {
font-size: 2.25rem;
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 1.25rem;
}
h4 {
font-size: 1.25rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1.25rem;
}
p {
margin-bottom: 0.7rem;
}
}
qdrant-landing/themes/qdrant/static/css/blocks/_features-section.scss
+118
View File
@@ -0,0 +1,118 @@
/***
====================================================================
Feature Section
====================================================================
***/
.features-section {
padding: 40px 0 46px;
position: relative;
@include media-breakpoint-up(lg) {
padding: 129px 0 46px;
}
.image-column {
position: relative;
@include media-breakpoint-up(lg) {
margin-bottom: 45px;
text-align: center;
}
.inner-column {
position: relative;
}
}
.content-column {
position: relative;
.inner-column {
position: relative;
.sec-title {
margin-bottom: 69px;
}
}
.theme-btn {
border-radius: 50px;
}
}
&.style-two {
padding-top: 100px;
.image-column {
text-align: center;
}
}
}
.feature-block {
width: auto;
margin-bottom: 64px;
position: relative;
@include media-breakpoint-up(lg) {
width: 285px;
}
&:nth-child(2) {
@include media-breakpoint-up(lg) {
margin-right: 5%;
margin-left: 5%;
}
}
.inner-box {
position: relative;
.icon-box {
height: 51px;
margin-bottom: 16px;
position: relative;
color: var(--brand-primary);
font-size: 48px;
line-height: 1;
}
h5 {
margin-bottom: 4px;
position: relative;
font-weight: 700;
line-height: 1.4em;
a {
position: relative;
&:hover {
color: var(--brand-primary);
}
}
}
.text {
margin-bottom: 0;
position: relative;
color: var(--brand-dark-gray);
font-size: 18px;
line-height: 1.7em;
p {
line-height: 28px;
}
a {
color: var(--brand-secondary);
&:hover {
color: var(--brand-primary);
}
}
}
}
}
qdrant-landing/themes/qdrant/static/css/blocks/footer.scss → qdrant-landing/themes/qdrant/static/css/blocks/_footer.scss
+54 -74
View File
@@ -11,12 +11,14 @@
overflow: hidden;
&__widget {
margin-bottom: 40px;
margin-bottom: 22px;
position: relative;
h4 {
position: relative;
text-transform: capitalize;
color: var(--white);
font-size: 24px;
font-weight: 700;
line-height: 1.2em;
}
@@ -24,40 +26,28 @@
&__column {
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 450px;
justify-content: space-between;
gap: 8px 10px;
& > * {
width: 30%;
}
}
.widgets-section {
padding: 90px 0 50px;
padding: 62px 0 0;
position: relative;
}
&__title {
margin-bottom: 25px;
padding-bottom: 15px;
margin-bottom: 30px;
position: relative;
&:before {
width: 40px;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
content: '';
background-color: var(--brand-primary);
}
}
&__link {
color: var(--white);
&:hover {
color: var(--brand-primary);
text-decoration: underline;
color: var(--white);
}
}
@@ -66,23 +56,30 @@
white-space: nowrap;
li {
margin-bottom: 8px;
margin-bottom: 16px;
position: relative;
color: #ececec;
font-size: 14px;
font-size: 18px;
line-height: 28px;
a {
position: relative;
color: #ececec;
&:hover {
color: var(--brand-primary);
color: var(--white);
span {
text-decoration: underline;
}
}
}
}
i {
margin-right: 10px;
color: var(--brand-primary);
max-width: 18px;
margin-right: 8px;
color: var(--white);
}
}
@@ -94,7 +91,7 @@
bottom: 50%;
left: 0;
text-align: center;
color: var(--brand-primary);
color: var(--white);
}
}
@@ -115,18 +112,19 @@
font-size: 14px;
&:hover {
color: var(--brand-primary);
color: var(--white);
}
}
}
}
.news-widget {
width: 396px;
.post {
min-height: 70px;
margin-bottom: 15px;
padding-right: 90px;
padding-left: 75px;
padding-left: 60px;
position: relative;
&:last-child {
@@ -147,7 +145,7 @@
img {
display: block;
width: 55px;
width: 40px;
height: auto;
}
}
@@ -164,50 +162,32 @@
color: #ececec;
&:hover {
color: var(--brand-primary);
}
}
}
}
.social-box {
position: absolute;
right: 0;
bottom: 0;
li {
margin-top: 18px;
position: relative;
a {
position: relative;
color: #ffffff;
font-size: 16px;
&:hover {
color: var(--brand-primary);
text-decoration: underline;
color: var(--white);
}
}
}
}
}
.pattern-layer {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
}
.pattern-layer-two {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
.social-box {
display: flex;
margin-bottom: 42px;
li {
margin-right: 32px;
a {
color: var(--white);
font-size: 32px;
&:hover {
color: var(--white);
color: var(--brand-primary);
}
}
}
}
.footer-bottom {
@@ -248,14 +228,14 @@
right: 0;
left: auto;
border: none;
border-top: 3px solid var(--brand-primary);
border-top: 3px solid var(--brand-secondary);
border-radius: 0;
background-color: var(--brand-secondary);
background-color: var(--white);
& > li {
display: block !important;
margin: 0px !important;
padding-right: 0px !important;
margin: 0 !important;
padding-right: 0 !important;
float: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
@@ -267,12 +247,12 @@
display: block;
padding: 14px 20px !important;
text-align: left;
color: #ffffff;
color: var(--brand-secondary);
font-size: 14px;
&:hover {
color: #ffffff !important;
background-color: var(--brand-primary);
color: var(--brand-dark-gray) !important;
background-color: var(--white);
}
}
}
qdrant-landing/themes/qdrant/static/css/blocks/_forms.scss
+397
View File
@@ -0,0 +1,397 @@
/***
====================================================================
Login Page Section
====================================================================
***/
/* we use it on the news letter subscription page */
.login-page-section{
position:relative;
@media (min-width: 992px) {
padding:95px 0 0;
}
}
.login-page-section .image-column{
position:relative;
}
.login-page-section .image-column .inner-column{
position:relative;
margin-left:-180px;
}
.login-page-section .image-column .inner-column .image{
position:relative;
}
.login-page-section .form-column{
position:relative;
}
.login-page-section .form-column .inner-column{
position:relative;
padding:30px 50px;
box-shadow:0 0 25px rgba(0,0,0,0.07);
}
.login-page-section .form-column h3{
position:relative;
font-weight:700;
color: var(--brand-secondary);
line-height:1.3em;
font-size:36px;
}
.login-page-section .form-column .welcome{
position:relative;
font-weight:400;
color: var(--brand-secondary);
font-size:16px;
line-height:1.3em;
margin-top:12px;
margin-bottom:25px;
}
/* Styled Form */
.styled-form{
position:relative;
}
.styled-form .form-group{
position:relative;
margin-bottom:25px;
}
.styled-form .form-group label{
position:relative;
color: var(--brand-secondary);
font-size:16px;
margin-bottom:15px;
}
.styled-form .form-group input{
position:relative;
height:50px;
padding:6px 30px;
width:100%;
color:var(--brand-secondary);
border-radius:50px;
border:1px solid #f2f2f2;
/* transition:all 500ms ease; */
/* -moz-transition:all 500ms ease; */
/* -webkit-transition:all 500ms ease; */
/* -ms-transition:all 500ms ease; */
/* -o-transition:all 500ms ease; */
font-family: $font-family-non-content;
}
.styled-form .form-group input:focus{
border-color:var(--brand-primary);
}
.styled-form .form-group textarea{
position:relative;
height:150px;
width:100%;
resize:none;
padding:15px 15px;
border-radius:50px;
border:1px solid #f2f2f2;
/* transition:all 500ms ease; */
/* -moz-transition:all 500ms ease; */
/* -webkit-transition:all 500ms ease; */
/* -ms-transition:all 500ms ease; */
/* -o-transition:all 500ms ease; */
font-family: $font-family-non-content;
}
.styled-form .form-group .users{
position:relative;
color:#a6a6a6;
font-size:15px;
font-family: $font-family-non-content;
}
.styled-form .form-group .users a{
position:relative;
color:var(--brand-primary);
}
/* CheckBox */
.styled-form .form-group .check-box{
position:relative;
margin-bottom:3px;
margin-top:7px;
}
.styled-form .form-group .check-box label{
font-family: $font-family-non-content;
color: var(--brand-secondary);
}
.styled-form .form-group .check-box label{
position: relative;
display: block;
height: 30px;
width: 100%;
line-height: 22px;
padding: 4px 10px 0;
padding-left: 25px;
background: #ffffff;
font-size: 15px;
font-weight: 400;
color: var(--brand-secondary);
cursor: pointer;
margin-bottom: 0;
/* -webkit-transition: all 300ms ease; */
/* -moz-transition: all 300ms ease; */
/* -ms-transition: all 300ms ease; */
/* -o-transition: all 300ms ease; */
/* transition: all 300ms ease; */
}
.styled-form .form-group .check-box input[type="checkbox"]:checked + label{
border-color: #25a9e0;
}
.styled-form .form-group .form-group .check-box label {
padding-left: 30px;
padding-top: 1px;
cursor: pointer;
}
.styled-form .form-group .check-box label:before{
position: absolute;
left: 0;
top: 7px;
height:15px;
width: 15px;
background: #ffffff;
content: "";
border-radius: 3px;
/* -webkit-transition: all 300ms ease; */
/* -moz-transition: all 300ms ease; */
/* -ms-transition: all 300ms ease; */
/* -o-transition: all 300ms ease; */
/* transition: all 300ms ease; */
border:1px solid var(--brand-primary);
}
.styled-form .form-group .check-box label:after {
position: absolute;
left: 0;
top: 0;
height: 15px;
line-height: 15px;
max-width: 0;
font-size: 14px;
color: #ffffff;
font-weight: 800;
overflow: hidden;
background: transparent;
text-align: center;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
/* -webkit-transition: max-width 500ms ease; */
/* -moz-transition: max-width 500ms ease; */
/* -ms-transition: max-width 500ms ease; */
/* -o-transition: max-width 500ms ease; */
/* transition: max-width 500ms ease; */
}
.styled-form .form-group .check-box input[type="checkbox"] {
display: none;
}
.styled-form .form-group .check-box input[type="checkbox"]:checked + label:before{
border: 5px solid var(--brand-primary);
background: #ffffff;
}
.styled-form .form-group .check-box input[type="checkbox"]:checked + label:after {
max-width: 20px;
opacity: 1;
}
/* Radio Box */
.styled-form .form-group .radio-box{
position:relative;
margin-bottom:3px;
margin-top:7px;
}
.styled-form .form-group .radio-box label{
font-family: $font-family-non-content;
color: var(--brand-secondary);
}
.styled-form .form-group .radio-box label{
position: relative;
display: block;
height: 30px;
width: 100%;
line-height: 9px;
padding: 4px 10px 0;
padding-left: 25px;
background: #ffffff;
font-size: 15px;
font-weight: 400;
color: var(--brand-secondary);
cursor: pointer;
margin-bottom: 0;
/* -webkit-transition: all 300ms ease; */
/* -moz-transition: all 300ms ease; */
/* -ms-transition: all 300ms ease; */
/* -o-transition: all 300ms ease; */
/* transition: all 300ms ease; */
}
.styled-form .form-group .radio-box input[type="radio"]:checked + label{
border-color: #25a9e0;
}
.styled-form .form-group .form-group .radio-box label {
padding-left: 30px;
padding-top: 1px;
cursor: pointer;
}
.styled-form .form-group .radio-box label:before{
position: absolute;
left: 0;
top: 0;
height:15px;
width: 15px;
background: #ffffff;
content: "";
border-radius: 3px;
/* -webkit-transition: all 300ms ease; */
/* -moz-transition: all 300ms ease; */
/* -ms-transition: all 300ms ease; */
/* -o-transition: all 300ms ease; */
/* transition: all 300ms ease; */
border:1px solid var(--brand-primary);
}
.styled-form .form-group .radio-box label:after {
position: absolute;
left: 0;
top: 0;
height: 15px;
line-height: 15px;
max-width: 0;
font-size: 14px;
color: #ffffff;
font-weight: 800;
overflow: hidden;
background: transparent;
text-align: center;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.styled-form .form-group .radio-box input[type="radio"] {
display: none;
}
.styled-form .form-group .radio-box input[type="radio"]:checked + label:before{
border: 5px solid var(--brand-primary);
background: #ffffff;
}
.styled-form .form-group .radio-box input[type="radio"]:checked + label:after {
max-width: 20px;
opacity: 1;
}
.styled-form .forgot{
position:relative;
font-weight:400;
color:#a6a6a6;
font-size:14px;
margin-top:10px;
text-decoration:underline;
font-family: $font-family-non-content;
}
.styled-form .theme-btn {
border-radius:50px;
margin-bottom:15px;
width:100%;
cursor:pointer;
}
/* Contact Form */
.contact-form{
position:relative;
}
.contact-form .form-group{
position:relative;
margin-bottom:25px;
}
.contact-form .form-group label{
position:relative;
color: var(--brand-secondary);
font-size:16px;
margin-bottom:15px;
}
.contact-form .form-group input{
position:relative;
height:50px;
padding:6px 30px;
width:100%;
color:var(--brand-secondary);
border-radius:50px;
border: 1px solid var(--brand-dark-gray);
font-family: $font-family-non-content;
}
.contact-form .form-group textarea:focus,
.contact-form .form-group input:focus{
border-color:var(--brand-secondary);
}
.contact-form .form-group textarea{
position:relative;
height:150px;
width:100%;
resize:none;
padding:15px 30px;
border-radius:20px;
border:1px solid #f2f2f2;
font-family: $font-family-non-content;
}
.contact-form .form-group button{
border-radius:50px;
width:100%;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0 0;
margin:0;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
qdrant-landing/themes/qdrant/static/css/blocks/_header.scss
+449
View File
@@ -0,0 +1,449 @@
@use "../helpers/functions" as lib;
/***
====================================================================
Main Header style
====================================================================
***/
/* Header Top */
@import "../variables";
/*Sticky Header*/
.main-header {
width: 100%;
padding-top: lib.rem(17);
padding-bottom: lib.rem(17);
position: absolute;
z-index: 999;
-moz-animation-duration: 500ms;
-ms-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
.header-top {
padding: lib.rem(18) 0;
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
.top-left {
position: relative;
}
.info-list {
position: relative;
float: left;
li {
display: inline-block;
margin-right: lib.rem(20);
position: relative;
color: #ffffff;
font-size: lib.rem(15);
&:last-child {
margin-right: 0;
}
.icon {
margin-right: lib.rem(12);
position: relative;
}
a {
position: relative;
color: var(--brand-secondary);
&:hover {
color: var(--brand-primary);
}
}
}
}
.social-nav {
padding: 0 0;
position: relative;
li {
display: inline-block;
margin-left: lib.rem(15);
position: relative;
a {
position: relative;
color: #ffffff;
font-size: lib.rem(15);
&:hover {
color: var(--brand-primary);
}
}
}
}
}
.nav-outer {
position: static;
}
.header-lower {
position: relative;
background-color: rgba(0, 0, 0, 0.55);
}
.header-upper {
.outer-box {
.theme-btn {
color: white;
&:hover {
color: var(--brand-primary);
}
}
.btn {
color: white;
&:hover {
color: var(--brand-primary);
}
}
}
}
}
.fixed-header {
.sticky-header {
z-index: 999;
visibility: visible;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-moz-animation-duration: 500ms;
-ms-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
opacity: 1;
}
}
.main-menu {
position: static;
float: left;
.navbar-collapse {
display: block !important;
padding: 0;
float: left;
> ul {
li.dropdown {
.dropdown-btn {
display: none;
width: lib.rem(30);
height: lib.rem(30);
position: absolute;
z-index: 5;
top: lib.rem(6);
right: lib.rem(10);
cursor: pointer;
text-align: center;
color: #ffffff;
border: 1px solid #ffffff;
background-size: lib.rem(20);
line-height: lib.rem(28);
}
}
}
}
.navigation {
display: flex;
align-items: center;
margin: 0;
position: static;
> li {
margin-right: lib.rem(40);
position: relative;
float: left;
&:last-child {
margin-right: 0;
}
&:hover {
> a {
opacity: 1;
color: var(--brand-primary);
}
}
> ul {
display: none;
width: lib.rem(230);
padding: 0 0;
position: absolute;
z-index: 100;
top: 90%;
left: 0;
visibility: hidden;
opacity: 0;
background-color: #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
&:before {
display: block;
width: 100%;
height: lib.rem(30);
position: absolute;
top: -30px;
left: 0;
content: '';
}
> li {
width: 100%;
position: relative;
border-bottom: 1px solid #f4f2f2;
&:last-child {
border-bottom: none;
}
> a {
display: block;
padding: lib.rem(12) lib.rem(18);
position: relative;
text-transform: capitalize;
color: var(--brand-secondary);
font-size: lib.rem(18);
font-weight: 400;
line-height: lib.rem(24);
}
&:hover {
> a {
padding-left: lib.rem(30);
color: #ffffff;
background: var(--brand-primary);
}
}
> ul {
display: none;
width: lib.rem(230);
padding: 0 0;
position: absolute;
z-index: 100;
top: 100%;
left: 100%;
background-color: #ffffff;
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);
> li {
width: 100%;
position: relative;
border-bottom: 1px solid #f4f2f2;
&:last-child {
border-bottom: none;
}
> a {
display: block;
padding: lib.rem(12) lib.rem(18);
position: relative;
text-transform: capitalize;
color: var(--brand-secondary);
font-size: lib.rem(18);
font-weight: 400;
line-height: lib.rem(24);
}
&:hover {
> a {
padding-left: lib.rem(30);
color: #ffffff;
background: var(--brand-primary);
}
}
}
> li.dropdown {
> a {
&:after {
display: block;
width: lib.rem(10);
height: lib.rem(20);
position: absolute;
z-index: 5;
top: lib.rem(11);
right: lib.rem(10);
content: "\f105";
text-align: center;
color: #272727;
font-family: 'Font Awesome 5 Free';
font-size: lib.rem(16);
font-weight: 900;
line-height: lib.rem(20);
}
}
&:hover {
> a {
&:after {
color: #ffffff;
}
}
}
}
}
> ul.from-right {
right: 0;
left: auto;
}
}
> li.dropdown {
> a {
&:after {
display: block;
width: lib.rem(10);
height: lib.rem(20);
position: absolute;
z-index: 5;
top: lib.rem(14);
right: lib.rem(15);
content: "\f105";
text-align: center;
color: var(--brand-secondary);
font-family: 'Font Awesome 5 Free';
font-size: lib.rem(16);
font-weight: 900;
line-height: lib.rem(20);
}
}
&:hover {
> a {
&:after {
color: #ffffff;
}
}
}
}
}
> ul.from-right {
right: 0;
left: auto;
}
}
> .navigation__item {
> .navigation__link {
display: block;
position: relative;
text-align: center;
letter-spacing: 0;
opacity: 1;
color: var(--brand-secondary);
font-family: $font-family-non-content;
font-size: lib.rem(18);
font-weight: 400;
line-height: lib.rem(29);
}
}
> li.current {
> a {
opacity: 1;
color: var(--brand-primary);
}
}
> li.dropdown {
&:hover {
> ul {
margin-top: lib.rem(20);
visibility: visible;
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
border-top: 0 !important;
}
}
}
li {
> ul {
> li.dropdown {
&:hover {
> ul {
top: 0;
visibility: visible;
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
}
}
}
}
}
.main-header.fixed-header {
position: fixed;
top: 0;
right: 0;
left: 0;
background-color: #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
.main-menu {
.navigation {
> li {
> a {
color: var(--brand-secondary);
}
}
}
}
}
/* Sticky Top */
.sticky-top{
top: lib.rem(110);
z-index:1;
}
qdrant-landing/themes/qdrant/static/css/blocks/_hero-code.scss
+67
View File
@@ -0,0 +1,67 @@
/* Block of code on the home page */
/* #bem */
.hero-code {
display: none;
margin-bottom: 1rem;
padding: 1rem;
position: relative;
border-radius: 5px;
background: var(--brand-light-grey);
font-family: "SF Mono", "Anonymous Pro", monospace;
font-size: 18px;
code {
font-size: 18px;
line-height: 1.7;
}
@include media-breakpoint-up(sm) {
display: inline-block;
padding-right: 1rem;
}
&__text {
white-space: pre-wrap;
color: var(--brand-secondary);
}
&__btn {
position: absolute;
top: 15px;
right: 1rem;
}
&__logo {
display: none;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding-left: 3px;
position: absolute;
top: 10px;
right: 10px;
color: var(--white);
border-radius: 50%;
background: var(--brand-secondary);
&:hover {
color: var(--white);
background-color: var(--brand-primary);
//box-shadow: inset 0 0 0 2px var(--brand-primary);
}
@include media-breakpoint-up(sm) {
display: flex;
width: 60px;
height: 60px;
padding-left: 6px;
top: -40%;
right: -38px;
transition: all 0.5s ease-in-out;
font-size: 1.7rem;
}
}
}
qdrant-landing/themes/qdrant/static/css/blocks/logo.scss → qdrant-landing/themes/qdrant/static/css/blocks/_logo.scss
+6 -6
View File
@@ -2,13 +2,13 @@
&__link {
display: block;
height: 100%;
background: url("/images/logo_with_text_dark_bg.svg") no-repeat;
background: url("/images/logo_with_text.svg") no-repeat;
background-size: contain;
}
&_with-text {
width: 192px;
height: 55px;
width: 117px;
height: 39px;
}
@@ -18,7 +18,7 @@
background-size: contain;
@media only screen and (min-width: 1024px) and (max-width: 1140px) {
background: url("/images/logo_with_text_dark_bg.svg") no-repeat;
background: url("/images/logo_with_text.svg") no-repeat;
background-size: contain;
}
}
@@ -32,12 +32,12 @@
.fixed-header .logo_with-text.logo_home .logo__link {
@media only screen and (min-width: 1024px) and (max-width: 1140px) {
background: url("/images/logo_with_text_dark_bg.svg") no-repeat;
background: url("/images/logo_with_text.svg") no-repeat;
background-size: contain;
}
}
// preload images
body::after{
position:absolute; width:0; height:0; overflow:hidden; z-index:-1; // hide images
content:url("/images/logo_with_text.svg") url("/images/logo_with_text_dark_bg.svg");
content:url("/images/logo_with_text.svg");
}
qdrant-landing/themes/qdrant/static/css/blocks/_mobile-menu.scss
+208
View File
@@ -0,0 +1,208 @@
/***
====================================================================
Mobile Menu
====================================================================
***/
.nav-outer .mobile-nav-toggler{
position: relative;
float: right;
font-size: 40px;
line-height: 50px;
cursor: pointer;
color:#ffffff;
display: none;
}
.mobile-menu{
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right:30px;
max-width:100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .nav-logo{
position:relative;
padding:20px 20px;
text-align:left;
}
.mobile-menu .nav-logo img{
max-width:200px;
}
.mobile-menu-visible{
overflow: hidden;
}
.mobile-menu-visible .mobile-menu{
opacity: 1;
visibility: visible;
}
.mobile-menu .menu-backdrop{
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,0.90);
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-backdrop{
opacity: 1;
visibility: visible;
/* -webkit-transition:all 0.7s ease; */
/* -moz-transition:all 0.7s ease; */
/* -ms-transition:all 0.7s ease; */
/* -o-transition:all 0.7s ease; */
/* transition:all 0.7s ease; */
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #ffffff;
padding: 0 0;
z-index: 5;
opacity: 0;
visibility: hidden;
border-radius: 0;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box{
opacity: 1;
visibility: visible;
/* -webkit-transition:all 0.7s ease 500ms; */
/* -moz-transition:all 0.7s ease 500ms; */
/* -ms-transition:all 0.7s ease 500ms; */
/* -o-transition:all 0.7s ease 500ms; */
/* transition:all 0.7s ease 500ms; */
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .close-btn{
position: absolute;
right: 3px;
top: 3px;
line-height: 30px;
width: 30px;
text-align: center;
font-size: 14px;
color: #202020;
cursor: pointer;
z-index: 10;
/* -webkit-transition:all 0.5s ease; */
/* -moz-transition:all 0.5s ease; */
/* -ms-transition:all 0.5s ease; */
/* -o-transition:all 0.5s ease; */
/* transition:all 0.5s ease; */
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn{
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.mobile-menu .close-btn:hover{
opacity: 0.50;
}
.mobile-menu .navigation{
position: relative;
display: block;
width:100%;
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li{
position: relative;
display: block;
border-bottom: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul > li:last-child{
border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child{
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > a{
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: 15px;
color: #404040;
text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
color:#f34a4d;
}
.mobile-menu .navigation li.dropdown .dropdown-btn{
position:absolute;
right:0;
top:0;
width:44px;
height:44px;
text-align:center;
font-size:16px;
line-height:44px;
color:#404040;
cursor:pointer;
z-index:5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after{
content:'';
position:absolute;
left:0;
top:10px;
width:1px;
height:24px;
border-left:1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
display: none;
}
.sticky-header .navbar-header{
display:none;
}
qdrant-landing/themes/qdrant/static/css/blocks/_optimized-section.scss
+88
View File
@@ -0,0 +1,88 @@
/***
====================================================================
Optimized Section
====================================================================
***/
.optimized-section{
position:relative;
padding:90px 0 40px;
}
.optimized-section .content-column{
position:relative;
margin-bottom:40px;
}
.optimized-section .content-column .inner-column{
position:relative;
padding-top:95px;
}
.newsletter-form{
margin-bottom:35px;
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: var(--brand-gray);
opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
color: var(--brand-gray);
opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
color: var(--brand-gray);
opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
color: var(--brand-gray);
opacity: 1;
}
}
.newsletter-form input[type="text"],
.newsletter-form input[type="email"] {
position:relative;
display:flex;
flex: auto;
padding: 10px 39px;
height:56px;
font-size:18px;
color:var(--brand-secondary);
background:none;
border-radius:50px;
border:1px solid var(--brand-dark-gray);
background:white;
font-family: $font-family-non-content;
margin-right: 24px;
margin-bottom: 0;
@include media-breakpoint-down(md) {
margin-right: 0;
margin-bottom: 10px;
}
&:focus {
border: 1px solid var(--brand-secondary);
}
}
.newsletter-form.style-two input,
.newsletter-form.style-two button{
border-radius:0;
}
.optimized-section .image-column{
position:relative;
}
.optimized-section .image-column .inner-column{
position:relative;
padding-left:35px;
text-align:center;
}
.optimized-section .image-column .image{
position:relative;
}
qdrant-landing/themes/qdrant/static/css/blocks/_page-title.scss
+46
View File
@@ -0,0 +1,46 @@
@use "../helpers/functions" as lib;
/***
====================================================================
Page Title
====================================================================
***/
.page-title {
padding: lib.rem(40) 0;
position: relative;
background: var(--brand-light);
overflow: hidden;
@include media-breakpoint-up(lg) {
padding: lib.rem(139) 0 0;
}
&__title {
margin-bottom: lib.rem(16);
position: relative;
color: var(--brand-gray);
font-size: lib.rem(56);
font-weight: 700;
line-height: lib.rem(67);
&_dark {
color: var(--brand-secondary);
}
}
&__subtitle {
color: var(--brand-secondary);
font-size: lib.rem(56);
font-weight: 700;
line-height: lib.rem(67);
}
&__image {
@include media-breakpoint-up(md) {
padding-left: lib.rem(60);
margin-top: lib.rem(-22);
}
}
}
qdrant-landing/themes/qdrant/static/css/blocks/post-preview.scss → qdrant-landing/themes/qdrant/static/css/blocks/_post-preview.scss
View File
qdrant-landing/themes/qdrant/static/css/blocks/_prices-page.scss
+312
View File
@@ -0,0 +1,312 @@
/***
====================================================================
Price Page Section
====================================================================
***/
.price-page-section {
padding: 30px 0 0 0;
position: relative;
@include media-breakpoint-up(lg) {
padding-top: 140px;
}
h4 {
font-weight: 400;
}
.sec-title .theme-btn .txt {
@include media-breakpoint-down(sm) {
font-size: 18px;
}
}
}
.price-block {
margin-bottom: 30px;
position: relative;
}
.price-block .inner-box {
position: relative;
border-radius: 7px;
box-shadow: 0 0 0 1px var(--brand-gray);
}
.price-block .inner-box .title {
display: block;
padding: 24px 15px;
position: relative;
text-align: center;
text-transform: capitalize;
color: var(--brand-secondary);
border-bottom: 1px solid #f2f2f2;
font-family: $font-family-non-content;
font-size: 28px;
font-weight: 700;
line-height: 1.3em;
}
.price-block .inner-box .content-box {
padding: 30px 28px;
position: relative;
text-align: center;
}
.price-block .inner-box .content-box .price-box {
position: relative;
color: var(--brand-primary);
font-family: $font-family-non-content;
font-size: 28px;
font-weight: 700;
}
.price-block .inner-box .content-box .price-box .icon {
display: inline-block;
position: relative;
color: #a163f5;
font-weight: 400;
line-height: 1em;
}
.price-block .inner-box .content-box .price-box .price-title {
display: block;
margin-top: 18px;
position: relative;
color: var(--brand-secondary);
font-size: 18px;
font-weight: 400;
}
.price-block .inner-box .content-box .text {
margin-top: 20px;
margin-bottom: 30px;
position: relative;
text-align: center;
color: var(--brand-secondary);
font-size: 16px;
line-height: 1.8em;
}
.price-block .inner-box .content-box .start-btn {
display: flex;
justify-content: center;
padding: 13px 20px;
position: relative;
color: var(--brand-primary);
border: 1px solid var(--brand-primary);
border-radius: 50px;
font-family: $font-family-non-content;
font-size: 18px;
font-weight: 400;
}
.price-block .inner-box .content-box .start-btn:hover {
color: #ffffff;
background-color: var(--brand-primary);
}
.price-block .inner-box .price-list {
margin-top: 35px;
margin-left: 15px;
position: relative;
text-align: left;
}
.price-block .inner-box .price-list li {
margin-bottom: 8px;
padding-left: 15px;
position: relative;
color: var(--brand-secondary);
font-family: $font-family-non-content;
font-size: 14px;
font-weight: 500;
}
.price-block .inner-box .price-list li:before {
width: 6px;
height: 6px;
position: absolute;
top: 7px;
left: 0;
content: '';
border-radius: 50px;
background-color: var(--brand-primary);
}
/* Price Block Two */
.price-block-two {
margin-bottom: 30px;
position: relative;
}
.price-block-two .inner-box {
position: relative;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
}
.price-block-two .inner-box .upper-box {
position: relative;
background-repeat: no-repeat;
background-position: center center;
}
.price-block-two .inner-box .upper-box:before {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
background-image: linear-gradient(to bottom, #6a15d0, #5d2ec3, #543ab4, #4f42a3, #4d4891);
}
.price-block-two .inner-box .upper-box .title {
display: block;
padding: 24px 15px;
position: relative;
text-align: center;
text-transform: capitalize;
color: #ffffff;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
font-family: $font-family-non-content;
font-size: 36px;
font-weight: 700;
line-height: 1.3em;
}
.price-block-two .inner-box .upper-box .price-box {
display: block;
padding: 44px 0 24px;
position: relative;
text-align: center;
color: var(--brand-primary);
font-family: $font-family-non-content;
font-size: 66px;
font-weight: 700;
line-height: 35px;
}
.price-block-two .inner-box .upper-box .price-box .price-title {
display: block;
margin-top: 18px;
position: relative;
color: #ffffff;
font-size: 18px;
font-weight: 400;
}
.price-block-two .inner-box .lower-content {
padding: 40px 35px 50px;
position: relative;
text-align: center;
}
.price-block-two .inner-box .lower-content:before {
width: 100%;
height: 0;
position: absolute;
top: 0;
left: 0;
content: '';
/* transition:all 500ms ease; */
/* -moz-transition:all 500ms ease; */
/* -webkit-transition:all 500ms ease; */
/* -ms-transition:all 500ms ease; */
/* -o-transition:all 500ms ease; */
background-image: linear-gradient(to bottom, #4c4891, #4c4891, #4c4891, #4c4891, #4c4891);
}
.price-block-two .inner-box:hover .lower-content:before {
height: 100%;
}
.price-block-two .inner-box .lower-content .start-btn {
padding: 13px 80px;
position: relative;
color: var(--brand-primary);
border: 1px solid var(--brand-primary);
border-radius: 50px;
font-family: $font-family-non-content;
font-size: 18px;
font-weight: 400;
/* transition:all 500ms ease; */
/* -moz-transition:all 500ms ease; */
/* -webkit-transition:all 500ms ease; */
/* -ms-transition:all 500ms ease; */
/* -o-transition:all 500ms ease; */
}
.price-block-two .inner-box:hover .lower-content .start-btn {
color: var(--brand-primary);
border-color: #ffffff;
background-color: #ffffff;
}
.price-block-two .inner-box .lower-content .start-btn:hover {
color: #ffffff;
background-color: var(--brand-primary);
}
.price-block-two .inner-box .lower-content .price-list {
margin-bottom: 30px;
margin-left: 15px;
position: relative;
text-align: left;
}
.price-block-two .inner-box .lower-content .price-list li {
margin-bottom: 10px;
padding-left: 15px;
position: relative;
color: var(--brand-secondary);
font-family: $font-family-non-content;
font-size: 15px;
font-weight: 500;
/* transition:all 500ms ease; */
/* -moz-transition:all 500ms ease; */
/* -webkit-transition:all 500ms ease; */
/* -ms-transition:all 500ms ease; */
/* -o-transition:all 500ms ease; */
}
.price-block-two .inner-box .lower-content .price-list li.check:after {
position: absolute;
right: 0;
content: "\f1d1";
color: #c194f5;
font-family: "Flaticon";
font-size: 10px;
font-weight: 700;
line-height: 1em;
}
.price-block-two .inner-box .lower-content .price-list li.cross:after {
position: absolute;
right: 0;
content: "\f144";
color: var(--brand-primary);
font-family: "Flaticon";
font-size: 10px;
font-weight: 700;
line-height: 1em;
}
.price-block-two .inner-box:hover .lower-content .price-list li {
color: #ffffff;
}
.price-block-two .inner-box .lower-content .price-list li:before {
width: 6px;
height: 6px;
position: absolute;
top: 7px;
left: 0;
content: '';
border-radius: 50px;
background-color: var(--brand-primary);
}
qdrant-landing/themes/qdrant/static/css/blocks/_scroll-to-top.scss
+34
View File
@@ -0,0 +1,34 @@
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:15px;
right:15px;
width:60px;
height:60px;
color:#ffffff;
font-size:24px;
text-transform:uppercase;
line-height:60px;
text-align:center;
z-index:100;
cursor:pointer;
background:#0a0a0a;
display:none;
/* -webkit-transition:all 300ms ease; */
/* -ms-transition:all 300ms ease; */
/* -o-transition:all 300ms ease; */
/* -moz-transition:all 300ms ease; */
/* transition:all 300ms ease; */
}
.scroll-to-top:hover{
color:#ffffff;
background:var(--brand-primary);
}
qdrant-landing/themes/qdrant/static/css/blocks/_sec-title.scss
+70
View File
@@ -0,0 +1,70 @@
/***
====================================================================
Section Title
====================================================================
***/
.sec-title{
position:relative;
z-index:1;
margin-bottom:20px;
@include media-breakpoint-up(md) {
margin-bottom:45px;
}
&.text {
font-size: 12px;
line-height: 23px;
}
}
.sec-title h2{
position:relative;
font-weight:700;
line-height:1.2em;
margin-bottom:0;
}
.sec-title h2 span,
.sec-title h5 span{
color:var(--brand-primary);
}
.sec-title .text,
.sec-title .text > p{
position:relative;
font-size: 18px;
line-height: 28px;
color: var(--brand-dark-gray);
margin-top: 8px;
}
.sec-title.centered{
text-align: center !important;
}
.sec-title.light h2{
color:#ffffff;
}
.sec-title.light .text{
color:#ffffff;
}
.sec-title.style-two h2{
font-weight:700;
}
.sec-title.style-two h2 span{
color:#ff5b00;
}
.sec-title h5{
position:relative;
color: var(--brand-secondary);
font-size: 36px;
font-weight:700;
line-height:1.2em;
margin-bottom:0;
}
qdrant-landing/themes/qdrant/static/css/blocks/_share-post.scss
+28
View File
@@ -0,0 +1,28 @@
.share-post {
display: flex;
align-items: center;
position: relative;
&__text {
display: inline-block;
position: relative;
font-size: 1rem;
margin-right: 1rem;
}
&__icon {
display: inline-block;
margin-left: 22px;
position: relative;
a {
position: relative;
font-size: 24px;
color: var(--brand-gray);
&:hover {
color: var(--brand-dark-gray);
}
}
}
}
qdrant-landing/themes/qdrant/static/css/blocks/steps-form.scss → qdrant-landing/themes/qdrant/static/css/blocks/_steps-form.scss
+10 -8
View File
@@ -30,6 +30,12 @@
}
}
&__group {
display: flex;
flex-direction: column;
justify-content: center;
}
&__input {
padding-right: 0;
padding-left: 0;
@@ -67,24 +73,20 @@
color: inherit;
font-size: inherit;
transition: 0.25s ease all;
&:hover {
color: var(--brand-primary);
text-decoration: none;
}
}
.owl-stage {
display: flex;
align-items: center;
}
.owl-nav {
&__arrows {
display: flex;
justify-content: space-between;
}
.owl-prev.disabled .btn,
.owl-next.disabled .btn {
.btn[disabled],
{
display: none;
}
}
qdrant-landing/themes/qdrant/static/css/blocks/_tags-widget.scss
+48
View File
@@ -0,0 +1,48 @@
/* Tags */
.tags-widget .widget-content{
position:relative;
padding:25px 30px;
border-radius:8px;
box-shadow:0 0 15px rgba(0,0,0,0.10);
}
.tags-widget ul{
position:relative;
}
.tags-widget ul li{
position:relative;
padding-left:22px;
margin-bottom:12px;
margin-right:20px;
display:inline-block;
}
.tags-widget ul li:before{
position:absolute;
content:'';
left:0;
top:8px;
width:6px;
height:6px;
border-radius:50px;
background-color:var(--brand-primary);
}
.tags-widget ul li a{
position:relative;
color:#2b2b2b;
font-size:16px;
font-weight:500;
font-family: $font-family-non-content;
/* transition:all 0.3s ease; */
/* -moz-transition:all 0.3s ease; */
/* -webkit-transition:all 0.3s ease; */
/* -ms-transition:all 0.3s ease; */
/* -o-transition:all 0.3s ease; */
}
.tags-widget ul li a:hover{
color:var(--brand-primary);
}
qdrant-landing/themes/qdrant/static/css/blocks/widget-header.scss → qdrant-landing/themes/qdrant/static/css/blocks/_widget-header.scss
View File
qdrant-landing/themes/qdrant/static/css/blocks/hero-code.scss
-33
View File
@@ -1,33 +0,0 @@
/* Block of code on the home page */
/* #bem */
@import url("colors.css");
.hero-code {
display: inline-block;
padding: 1rem 3rem 1rem 1.6rem;
margin-bottom: 1rem;
background: #f6f8fa;
background: var(--brand-secondary);
border-radius: 5px;
font-family: "Anonymous Pro", monospace;
font-size: 1.6rem;
position: relative;
}
.hero-code__text {
color: white;
}
.hero-code__btn {
position: absolute;
top: 15px;
right: 1rem;
}
@media (max-width: 1140px) {
.hero-code {
background: var(--gray);
padding-right: 3rem;
}
}
qdrant-landing/themes/qdrant/static/css/colors.css
-6
View File
@@ -1,6 +0,0 @@
/* https://coolors.co/b81438-6e0c21-182b3a-86ba90-f5f3bb */
:root {
--brand-primary: #bc1439;
--brand-secondary: #182b3a;
}
qdrant-landing/themes/qdrant/static/css/helpers/_functions.scss
+6
View File
@@ -0,0 +1,6 @@
@use "sass:math";
@function rem($value) {
$remValue: math.div($value, 16) + rem;
@return $remValue;
}
qdrant-landing/themes/qdrant/static/css/helpers/_mixins.scss
+49
View File
@@ -0,0 +1,49 @@
@use "../helpers/functions" as lib;
@mixin content-reset {
table {
@extend .table;
color: var(--brand-secondary);
}
pre {
position: relative;
}
img {
display: block;
margin-right: auto;
margin-left: auto;
}
ul,
ol {
margin-top: 1em;
margin-bottom: 1em;
}
ul > li {
margin: 0 0 0 lib.rem(19);
position: relative;
list-style: disc;
}
ol > li {
margin: 0 0 0 lib.rem(19);
position: relative;
list-style: decimal;
}
figure {
text-align: center;
}
}
@mixin transitionAll($ms) {
-webkit-transition: all $ms ease;
-ms-transition: all $ms ease;
-o-transition: all $ms ease;
-moz-transition: all $ms ease;
transition: all $ms ease;
}
qdrant-landing/themes/qdrant/static/css/main.css
+2 -2
View File
File diff suppressed because one or more lines are too long
qdrant-landing/themes/qdrant/static/css/main.scss
+125 -6957
View File
File diff suppressed because it is too large Load Diff
qdrant-landing/themes/qdrant/static/css/qdr-search.min.css
Vendored
+1
View File
File diff suppressed because one or more lines are too long
qdrant-landing/themes/qdrant/static/css/qdrant.css
-76
View File
@@ -1,76 +0,0 @@
/*
QDRANT - RELATED
*/
@import url("colors.css");
code {
color: #6e0c21;
}
.features-section .feature-block .text li {
display: block;
position: relative;
text-align: left;
padding-left: 25px;
}
.features-section .feature-block .text li:before {
position: absolute;
content: "\f107";
left: 0;
top: 0;
width: 24px;
height: 24px;
color: var(--brand-primary);
font-size: 12px;
line-height: 24px;
text-align: center;
font-family: "Flaticon";
}
/** Link Group **/
.link-group.active .link-group-heading {
box-shadow: inset 3px 0 0 0 var(--brand-primary);
}
.link-group-heading span {
font-family: "Roboto Condensed";
}
.link-group .btn,
.link-group a {
color: var(--brand-secondary);
}
.link-group a:hover {
color: var(--brand-primary);
}
.installation-section p {
font-size: 16px;
color: #5a5a5a;
}
/* .os-link {
text-decoration: underline;
} */
/* .business-tabs .tabs-content {
min-height: 550px;
} */
.text-brand-p {
color: var(--brand-primary);
}
.text-brand-s {
color: var(--brand-secondary);
}
.news-icon {
font-size: 40px;
}
qdrant-landing/themes/qdrant/static/images/qdrant_hero_image.svg
+597
View File
@@ -0,0 +1,597 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1055.1" height="889.84" fill="none" version="1.1" viewBox="0 0 1055.1 889.84" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path transform="translate(-.01306 64)" d="m501.22 818.29-487.56-281.5c-17.55-10.13-17.55-35.47 0-45.6l500.72-289.1c8.15-4.7 18.18-4.7 26.33 0l500.73 289.1c17.55 10.13 17.55 35.47 0 45.6l-487.56 281.5c-16.29 9.4-36.36 9.4-52.66 0z" clip-path="url(#clipPath1557)" stroke="#d9e2ff" stroke-linecap="round" stroke-miterlimit="10"/>
<path transform="translate(-.01306 64)" d="m504.3 782.53-430.66-248.64c-15.5-8.95-15.5-31.33 0-40.28l442.28-255.35c7.2-4.15 16.06-4.15 23.26 0l442.29 255.36c15.5 8.95 15.5 31.33 0 40.28l-430.66 248.63c-14.39 8.31-32.12 8.31-46.51 0z" clip-path="url(#clipPath1551)" stroke="#b2bfe8" stroke-linecap="round" stroke-miterlimit="10"/>
<path transform="translate(-.01306 64)" d="m507.55 744.65-370.36-213.83c-13.33-7.7-13.33-26.94 0-34.64l380.36-219.61c6.19-3.57 13.81-3.57 20 0l380.37 219.61c13.33 7.7 13.33 26.94 0 34.64l-370.37 213.83c-12.37 7.15-27.62 7.15-40 0z" clip-path="url(#clipPath1545)" fill="#dc244c"/>
<path transform="translate(-.01306 64)" d="m517.55 695.1-299.53-172.94c-6.67-3.85-6.67-13.47 0-17.32l304.53-175.82c3.09-1.79 6.91-1.79 10 0l304.54 175.83c6.67 3.85 6.67 13.47 0 17.32l-299.54 172.93c-6.18 3.57-13.81 3.57-20 0z" clip-path="url(#clipPath1539)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m527.64 343c3.038 0 5.5-1.567 5.5-3.5s-2.462-3.5-5.5-3.5-5.5 1.567-5.5 3.5 2.462 3.5 5.5 3.5z" clip-path="url(#clipPath1533)" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10"/>
<path transform="translate(-.01306 64)" d="m798.27 472.43h-55.54l-200.18-115.57c-9.28-5.36-20.72-5.36-30 0l-200.18 115.57h-55.53l0.02 40.22c-0.17 5.22 2.32 10.51 7.48 13.5l248.21 143.31c9.28 5.36 20.72 5.36 30 0l248.22-143.31c5-2.89 7.5-7.94 7.5-12.99z" clip-path="url(#clipPath1527)" fill="#b2bfe8"/>
<g transform="translate(-.01306 64)" clip-path="url(#clipPath1521)" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10">
<path d="m530.56 363.37 33.54-19.36c2-1.15 4.5 0.29 4.5 2.6v38.73c0 2.14-1.14 4.12-2.99 5.19l-33.54 19.41c-2 1.16-4.5-0.29-4.5-2.6v-38.78c-0.01-2.13 1.13-4.11 2.99-5.19z"/>
<path d="m524.55 363.37-33.54-19.36c-2-1.15-4.5 0.29-4.5 2.6v38.73c0 2.14 1.14 4.12 2.99 5.19l33.54 19.41c2 1.16 4.5-0.29 4.5-2.6v-38.78c0.01-2.13-1.13-4.11-2.99-5.19z"/>
<path d="m564.09 338.82-33.54-19.36c-1.86-1.07-4.14-1.07-6 0l-33.54 19.36c-2 1.15-2 4.04 0 5.2l33.54 19.36c1.86 1.07 4.14 1.07 6 0l33.54-19.36c2-1.16 2-4.05 0-5.2z"/>
</g>
<path transform="translate(-.01306 64)" d="m512.55 628.73-248.21-143.31c-10-5.77-10-20.21 0-25.98l248.21-143.31c9.28-5.36 20.72-5.36 30 0l248.22 143.31c10 5.77 10 20.21 0 25.98l-248.22 143.31c-9.28 5.36-20.71 5.36-30 0z" clip-path="url(#clipPath1515)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m513.8 615.77-227.63-131.43c-9.17-5.29-9.17-18.53 0-23.83l227.63-131.42c8.51-4.91 19-4.91 27.51 0l227.63 131.42c9.17 5.29 9.17 18.53 0 23.83l-227.63 131.43c-8.51 4.91-19 4.91-27.51 0z" clip-path="url(#clipPath1509)" fill="#ffffff"/>
<g fill="#b2bfe8">
<path transform="translate(-.01306 64)" d="m670.43 493.04-161.05-92.59-106.83 61.67 125 72.17 53.58-30.93 36.06 20.82z" clip-path="url(#clipPath1503)"/>
<path transform="translate(-.01306 64)" d="m598.98 328.4 53.58-31.24-125.01-72.17 0.09 61.91z" clip-path="url(#clipPath1497)"/>
<path transform="translate(-.01306 64)" d="m463.44 347.43-60.885-50.27 125.01-72.17 0.08 61.91z" clip-path="url(#clipPath1491)"/>
</g>
<path transform="translate(-.01306 64)" d="m652.56 297.16v164.96l-53.22 30.93-0.36-164.65z" clip-path="url(#clipPath1485)" fill="#24386c"/>
<path transform="translate(-.01306 64)" d="m402.55 297.16v144.34l125.09 72.17v-61.91l-71.51-41.19-0.26-82.33z" clip-path="url(#clipPath1479)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m581.13 420.88-53.49 30.88v61.91l53.49-30.93z" clip-path="url(#clipPath1473)" fill="#24386c"/>
<path transform="translate(-.01306 64)" d="m599.34 493.05-18.21-10.31v-61.86l-53.49 30.88-71.51-41.19-0.26-82.33 71.77-41.34 71.34 41.5z" clip-path="url(#clipPath1467)" fill="#dc244c"/>
<path transform="translate(-.01306 64)" d="m568.59 347.43h-82.08v47.39l41.04 23.75z" clip-path="url(#clipPath1461)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m670.43 493.04-53.59 30.94v20.62l53.57-30.83z" clip-path="url(#clipPath1455)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m616.84 523.98-35.71-20.62v20.62l35.71 20.62z" clip-path="url(#clipPath1449)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m581.13 503.36-53.58 30.93 0.09 20.67 53.49-30.98z" clip-path="url(#clipPath1443)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m402.55 462.12 125 72.17 0.09 20.67-125.08-72.22z" clip-path="url(#clipPath1437)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m378.43 249.55-41.04-23.69-41.04 23.69 41.04 71.14z" clip-path="url(#clipPath1431)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m337.39 273.24 41.04-23.69v47.39l-41.04 23.75z" clip-path="url(#clipPath1425)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m337.39 273.24-41.04-23.69v47.39l41.04 23.75z" clip-path="url(#clipPath1419)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m854.87 331.5-41.04-23.69-41.04 23.69 38.04 57.65z" clip-path="url(#clipPath1413)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m813.83 355.2 41.04-23.7v47.39l-41.04 23.75z" clip-path="url(#clipPath1407)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m813.83 355.2-41.04-23.7v47.39l41.04 23.75z" clip-path="url(#clipPath1401)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m743.56 268.38-41.04-23.69-41.04 23.69 41.04 71.14z" clip-path="url(#clipPath1395)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m702.53 292.07 41.03-23.69 0.01 47.39-41.05 23.75z" clip-path="url(#clipPath1389)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m702.52 292.07-41.04-23.69v47.39l41.04 23.75z" clip-path="url(#clipPath1383)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m785.77 353.58-41.04-23.69-41.04 23.69 41.04 71.14z" clip-path="url(#clipPath1377)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m744.73 377.27 41.04-23.69v47.39l-41.04 23.75z" clip-path="url(#clipPath1371)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m744.73 377.27-41.04-23.69v47.39l41.04 23.75z" clip-path="url(#clipPath1365)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m398.95 316.62-41.04-23.69-41.04 23.69 41.04 71.14z" clip-path="url(#clipPath1359)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m357.92 340.32 41.03-23.7v47.39l-41.04 23.75z" clip-path="url(#clipPath1353)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m357.91 340.32-41.04-23.7v47.39l41.04 23.75z" clip-path="url(#clipPath1347)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m851.87 391.76-41.04-23.69-41.04 23.69 41.04 71.14z" clip-path="url(#clipPath1341)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m810.83 415.46 41.04-23.7v47.39l-41.04 23.75z" clip-path="url(#clipPath1335)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m810.83 415.46-41.04-23.7v47.39l41.04 23.75z" clip-path="url(#clipPath1329)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m297.88 329.1-41.04-23.69-41.04 23.69 41.04 62.089z" clip-path="url(#clipPath1323)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m256.84 352.8 41.04-23.7v47.39l-41.04 23.75z" clip-path="url(#clipPath1317)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m256.84 352.8-41.04-23.7v47.39l41.04 23.75z" clip-path="url(#clipPath1311)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m234.55 570.05-41.04-23.69-41.04 23.69 41.04 71.14z" clip-path="url(#clipPath1305)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m193.52 593.75 41.03-23.7v47.39l-41.04 23.75z" clip-path="url(#clipPath1299)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m193.51 593.75-41.04-23.7v47.39l41.04 23.75z" clip-path="url(#clipPath1293)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m309.67 374.96-41.04-23.7-41.04 23.7 41.04 71.14z" clip-path="url(#clipPath1287)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m268.63 398.65 41.04-23.69v47.38l-41.04 23.76z" clip-path="url(#clipPath1281)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m268.63 398.65-41.04-23.69v47.38l41.04 23.76z" clip-path="url(#clipPath1275)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m330.05 577.44-41.05-23.7-41.04 23.7 41.04 71.14z" clip-path="url(#clipPath1269)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m289.01 601.13 41.04-23.69v47.39l-41.05 23.75z" clip-path="url(#clipPath1263)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m289 601.13-41.04-23.69v47.39l41.05 23.75z" clip-path="url(#clipPath1257)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m416.62 642.22-41.04-23.69-41.04 23.69 41.04 71.14z" clip-path="url(#clipPath1251)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m375.58 665.91 41.04-23.69v47.39l-41.04 23.75z" clip-path="url(#clipPath1245)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m375.58 665.91-41.04-23.69v47.39l41.04 23.75z" clip-path="url(#clipPath1239)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m762.11 622.16-41.04-23.69-41.04 23.69 41.04 71.14z" clip-path="url(#clipPath1233)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m721.08 645.86 41.03-23.7 0.01 47.39-41.05 23.75z" clip-path="url(#clipPath1227)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m721.07 645.86-41.04-23.7v47.39l41.04 23.75z" clip-path="url(#clipPath1221)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m346.75 656.06-41.04-23.7-41.04 23.7 41.04 71.14z" clip-path="url(#clipPath1215)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m305.71 679.75 41.04-23.69v47.39l-41.04 23.75z" clip-path="url(#clipPath1209)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m305.71 679.75-41.04-23.69v47.39l41.04 23.75z" clip-path="url(#clipPath1203)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m844.08 548.26-41.04-23.7-41.04 23.7 41.04 71.14z" clip-path="url(#clipPath1197)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m803.04 571.95 41.04-23.69v47.39l-41.04 23.75z" clip-path="url(#clipPath1191)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m803.04 571.95-41.04-23.69v47.39l41.04 23.75z" clip-path="url(#clipPath1185)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m871.61 612.37-41.04-23.7-41.04 23.7 41.04 71.14z" clip-path="url(#clipPath1179)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m830.57 636.06 41.04-23.69v47.39l-41.04 23.75z" clip-path="url(#clipPath1173)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m830.57 636.06-41.04-23.69v47.39l41.04 23.75z" clip-path="url(#clipPath1167)" fill="#d9e2ff"/>
<g transform="translate(-.01306 64)" clip-path="url(#clipPath1161)" stroke="#b2bfe8" stroke-linecap="round" stroke-miterlimit="10">
<path d="m634.96 534.29 23.65 13.75"/>
<path d="m599.16 534.19-46.22 26.69c-3.34 1.93-3.33 6.75 0.01 8.67l34.32 19.69"/>
<path d="m491.84 513.5v20.79l-10.36 5.98c-3.33 1.92-3.33 6.74 0 8.66l20.69 11.94c3.34 1.93 3.33 6.75-0.01 8.67l-34.33 19.69"/>
<path d="m438.27 482.74v20.42l-28.27 16.48c-3.32 1.93-3.31 6.73 0.02 8.65l20.51 11.84c3.31 1.91 3.34 6.68 0.06 8.63l-16.19 9.62"/>
<path d="m420.42 472.43v20.68l-59.59 34.34"/>
<path d="m765.71 458.65-72.44 41.82c-3.09 1.79-6.91 1.79-10 0l-7.86-4.54c-1.55-0.89-3.27-1.34-5-1.34"/>
<path d="m652.56 462.12 59.58-34.4"/>
<path d="m652.56 441.5 41.72-24.09"/>
<path d="m402.56 482.74-30.71 17.73c-3.09 1.79-6.91 1.79-10 0l-25.71-14.84c-3.09-1.79-6.9-1.79-10 0l-18.88 10.89"/>
</g>
<path transform="translate(-.01306 64)" d="m527.56 371.12 41.03-23.69v47.39l-41.04 23.75z" clip-path="url(#clipPath1155)" fill="#b2bfe8"/>
<g stroke-linecap="round" stroke-miterlimit="10">
<path transform="translate(-.01306 64)" d="m402.55 462.12-12.85-7.42c-3.09-1.79-6.91-1.79-10 0l-7.85 4.53c-3.09 1.79-6.91 1.79-10 0l-36.73-21.2" clip-path="url(#clipPath1149)" stroke="#b2bfe8"/>
<g transform="translate(-.01306 64)" clip-path="url(#clipPath1143)" stroke="#ffffff">
<path d="m534.77 369.26v42.73"/>
<path d="m541.54 365.1v42.72"/>
<path d="m548.3 361.51v42.72"/>
<path d="m555.07 357.9v42.72"/>
<path d="m561.84 353.86v42.72"/>
</g>
<g transform="translate(-.01306 64)" clip-path="url(#clipPath1137)" stroke="#b2bfe8">
<path d="m535.63 449.55v57.01"/>
<path d="m543.3 445.77v56.33"/>
<path d="m550.96 441.21v56.73"/>
<path d="m558.63 436.54v56.76"/>
<path d="m566.29 431.95v56.74"/>
<path d="m573.95 427.93v56.67"/>
<path d="m626.08 317.72v156.23"/>
<path d="m643.63 306.77v156.78"/>
</g>
<path transform="translate(-.01306 64)" d="m634.85 312.11v156.84" clip-path="url(#clipPath1119)" stroke="#b2bfe8"/>
</g>
<path transform="translate(-.01306 64)" d="m568.59 347.43-41.04-23.7-41.04 23.7 41.04 23.69z" clip-path="url(#clipPath1107)" fill="#ffffff"/>
<g transform="translate(-.01306 64)" clip-path="url(#clipPath1101)" stroke-linecap="round" stroke-miterlimit="10">
<path d="m527.56 347.43v-83.68" stroke="url(#paint0_linear_1837_344)"/>
<path d="m558.37 537.15 2.85 1.62c3.37 1.91 3.38 6.76 0.02 8.69l-26.05 14.95c-3.35 1.92-3.35 6.75 0 8.67l41.86 24.05" stroke="#b2bfe8"/>
<path d="m402.56 420.88-23.87-13.78" stroke="#b2bfe8"/>
</g>
<path transform="translate(-.01306 64)" d="m209.27 394.83-41.04-23.7-41.04 23.7 41.04 71.14z" clip-path="url(#clipPath1095)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m168.23 418.52 41.04-23.69v47.39l-41.04 23.75z" clip-path="url(#clipPath1089)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m168.23 418.52-41.04-23.69v47.39l41.04 23.75z" clip-path="url(#clipPath1083)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m938.23 437.62-41.04-23.7-41.04 23.7 41.04 71.14z" clip-path="url(#clipPath1077)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m897.19 461.31 41.04-23.69v47.38l-41.04 23.76z" clip-path="url(#clipPath1071)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m897.18 461.31-41.03-23.69-0.01 47.38 41.05 23.76z" clip-path="url(#clipPath1065)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m486.51 701.91-41.04-23.69-41.04 23.69 41.04 71.14z" clip-path="url(#clipPath1059)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m445.47 725.6 41.04-23.69v47.39l-41.04 23.75z" clip-path="url(#clipPath1053)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m445.47 725.6-41.04-23.69v47.39l41.04 23.75z" clip-path="url(#clipPath1047)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m699.58 693.63-41.04-23.69-41.04 23.69 41.04 71.14z" clip-path="url(#clipPath1041)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m658.54 717.33 41.04-23.7v47.39l-41.04 23.75z" clip-path="url(#clipPath1035)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m658.54 717.33-41.04-23.7v47.39l41.04 23.75z" clip-path="url(#clipPath1029)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m943.68 535.29-41.04-23.69-41.04 23.69 41.04 71.14z" clip-path="url(#clipPath1023)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m902.64 558.99 41.04-23.7v47.39l-41.04 23.75z" clip-path="url(#clipPath1017)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m902.64 558.99-41.04-23.7v47.39l41.04 23.75z" clip-path="url(#clipPath1011)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m160.47 482.88-41.05-23.7-41.03 23.7 41.03 71.14z" clip-path="url(#clipPath1005)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m119.43 506.57 41.04-23.69v47.39l-41.05 23.75z" clip-path="url(#clipPath999)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m119.42 506.57-41.03-23.69-0.01 47.39 41.05 23.75z" clip-path="url(#clipPath993)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m585.09 747.44-41.04-23.69-41.04 23.69 41.04 71.14z" clip-path="url(#clipPath987)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m544.05 771.14 41.04-23.7v47.39l-41.04 23.75z" clip-path="url(#clipPath981)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m544.04 771.14-41.03-23.7-0.01 47.39 41.05 23.75z" clip-path="url(#clipPath975)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m416.62 741.33-41.04-23.69-41.04 23.69 41.04 71.14z" clip-path="url(#clipPath969)" fill="#ebf1ff"/>
<path transform="translate(-.01306 64)" d="m375.58 765.03 41.04-23.7v47.39l-41.04 23.75z" clip-path="url(#clipPath963)" fill="#b2bfe8"/>
<path transform="translate(-.01306 64)" d="m375.58 765.03-41.04-23.7v47.39l41.04 23.75z" clip-path="url(#clipPath957)" fill="#d9e2ff"/>
<g transform="translate(-.01306 64)" clip-path="url(#clipPath951)" stroke="#b2bfe8" stroke-linecap="round" stroke-miterlimit="10">
<path d="m558.37 516.68v20.47"/>
<path d="m599.16 513.82v20.37"/>
<path d="m634.96 513.82v20.47"/>
<path d="m558.18 347.43-30.63-17.68-30.62 17.68 30.62 17.68z"/>
<path d="m546.91 347.43-19.36-11.18-19.35 11.18 19.35 11.17z"/>
<path d="m537.42 347.43-9.87-5.7-9.86 5.7 9.86 5.69z"/>
<path d="m617.3 323.6v154.81"/>
<path d="m608.53 328.4v155.28"/>
<path d="m652.56 523.83 23.65 13.76"/>
<path d="m652.56 503.36v20.47"/>
<path d="m482.07 508.08v20.68l-59.59 34.34"/>
<path d="m417.62 453.42-59.71-34.47"/>
</g>
<path transform="translate(-.01306 64)" d="m527.64 220.11c30.42 0 55.08-15.768 55.08-35.22 0-19.451-24.66-35.22-55.08-35.22s-55.08 15.769-55.08 35.22c0 19.452 24.66 35.22 55.08 35.22z" clip-path="url(#clipPath945)" fill="#24386c" opacity=".15"/>
<path transform="translate(-.01306 64)" d="m527.56 215.15v-30.935" clip-path="url(#clipPath939)" opacity=".58297" stroke="url(#linearGradient898)" stroke-linecap="round" stroke-miterlimit="10"/>
<path transform="translate(-.01306 64)" d="m527.64 162.47c25.53 0 47 11.06 53.24 26.05 1.2-2.87 1.84-5.89 1.84-9 0-19.36-24.66-35.05-55.08-35.05s-55.08 15.69-55.08 35.05c0 3.11 0.65 6.13 1.84 9 6.24-14.99 27.71-26.05 53.24-26.05z" clip-path="url(#clipPath933)" fill="#24386c"/>
<path transform="translate(-.01306 64)" d="m527.64 147.63c-30.42 0-59.23 18.51-59.23 37.87s28.81 37.87 59.23 37.87 59.23-18.51 59.23-37.87-28.81-37.87-59.23-37.87zm0 67.52c-27.15 0-49.16-13.48-49.16-30.1s22.01-30.1 49.16-30.1 49.16 13.48 49.16 30.1-22.01 30.1-49.16 30.1z" clip-path="url(#clipPath927)" fill="#ffffff"/>
<g transform="translate(-.01306 64)" clip-path="url(#clipPath921)" stroke="#ffffff" stroke-miterlimit="10">
<path d="m527.64 206.34c19.076 0 34.54-9.532 34.54-21.29s-15.464-21.29-34.54-21.29-34.54 9.532-34.54 21.29 15.464 21.29 34.54 21.29z" opacity=".2"/>
<path d="m527.64 197.16c10.852 0 19.65-5.421 19.65-12.11 0-6.688-8.798-12.11-19.65-12.11s-19.65 5.422-19.65 12.11c0 6.689 8.798 12.11 19.65 12.11z" opacity=".2"/>
<path d="m527.64 188.56c3.143 0 5.69-1.571 5.69-3.51 0-1.938-2.547-3.51-5.69-3.51-3.142 0-5.69 1.572-5.69 3.51 0 1.939 2.548 3.51 5.69 3.51z" opacity=".2"/>
</g>
<path transform="translate(-.01306 64)" d="m527.6 222.06v8.29" clip-path="url(#clipPath915)" stroke="#d9e2ff" stroke-linecap="round" stroke-miterlimit="10"/>
<path transform="translate(-.01306 64)" d="m642.49 186.2-0.02-2.45h-7.77l-97.15-56.08c-6.18-3.57-13.81-3.57-20 0l-97.14 56.08h-7.85v10.31c0 1.68 0.42 3.37 1.25 4.87 0.83 1.51 2.08 2.83 3.75 3.79l100 57.74c6.19 3.57 13.81 3.57 20 0l100-57.74c3.33-1.92 5-5.29 5-8.66zm-114.94-36.19c30.43 0 55.09 15.69 55.09 35.05s-24.66 35.06-55.09 35.06c-30.42 0-55.08-15.7-55.08-35.06s24.66-35.05 55.08-35.05z" clip-path="url(#clipPath909)" fill="#24386c"/>
<path transform="translate(-.01306 64)" d="m642.47 183.75c-0.37-2.9-2.01-5.68-4.91-7.35l-100.01-57.73c-6.18-3.57-13.81-3.57-20 0l-99.99 57.73c-2.91 1.67-4.54 4.44-4.91 7.35-0.06 0.43-0.09 0.87-0.09 1.31 0 3.37 1.66 6.74 5 8.66l100 57.74c6.19 3.57 13.81 3.57 20 0l100-57.74c2.95-1.7 4.6-4.55 4.93-7.52 0.09-0.81 0.09-1.63-0.02-2.45zm-114.92 36.37c-30.42 0-55.08-15.7-55.08-35.06s24.66-35.05 55.08-35.05c30.43 0 55.09 15.69 55.09 35.05s-24.66 35.06-55.09 35.06z" clip-path="url(#clipPath903)" fill="#dc244c"/>
<path transform="translate(-.01306 64)" d="m479.07 180.86c3.63-14.43 23.99-25.46 48.57-25.46s44.94 11.04 48.57 25.46h0.11c-3.33-14.65-23.85-25.92-48.68-25.92s-45.35 11.28-48.68 25.92z" clip-path="url(#clipPath897)" fill="#24386c"/>
<path transform="translate(-.01306 64)" d="m527.64 223.37c32.712 0 59.23-16.955 59.23-37.87s-26.518-37.87-59.23-37.87-59.23 16.955-59.23 37.87 26.518 37.87 59.23 37.87z" clip-path="url(#clipPath891)" opacity=".15" stroke="#24386c" stroke-miterlimit="10"/>
<g transform="translate(-.01306 64)" clip-path="url(#clipPath885)" stroke-linecap="round" stroke-miterlimit="10">
<path d="m527.55 183.88v-155.29" stroke="url(#linearGradient693)"/>
<path d="m532.3 130.57v-9.91" stroke="url(#paint2_linear_1837_344)"/>
<path d="m522.66 145.52v-16.61" stroke="url(#paint3_linear_1837_344)"/>
<path d="m532.3 278.5v6.847" stroke="url(#paint4_linear_1837_344)"/>
<path d="m523.3 287.5v14.07" stroke="url(#paint5_linear_1837_344)"/>
<path d="m523.3 327.5v14.07" stroke="url(#paint6_linear_1837_344)"/>
<path d="m532.3 179v-12.74" stroke="url(#paint7_linear_1837_344)"/>
<path d="m532.3 320.69v-11.189" stroke="url(#paint8_linear_1837_344)"/>
<path d="m522.66 111v-7.98" stroke="url(#paint9_linear_1837_344)"/>
</g>
<path transform="translate(-.01306)" d="m568.59 23.69-41.04-23.69-41.04 23.69 41.04 71.14z" clip-path="url(#clipPath1131)" fill="#ebf1ff"/>
<path transform="translate(-.01306)" d="m527.56 47.39 41.03-23.7v47.39l-41.04 23.75z" clip-path="url(#clipPath1125)" fill="#b2bfe8"/>
<path transform="translate(-.01306)" d="m527.55 47.39-41.04-23.7v47.39l41.04 23.75z" clip-path="url(#clipPath1113)" fill="#d9e2ff"/>
<path transform="translate(-.01306 64)" d="m575.56 202.25c-9.45 10.66-27.31 17.77-47.92 17.77s-38.65-7.1-48.09-17.77h-0.41c9.33 10.91 27.51 18.413 48.41 18.413s39.08-7.4928 48.41-18.413z" clip-path="url(#clipPath879)" fill="#24386c"/>
<g stroke-linecap="round" stroke-miterlimit="10">
<path transform="translate(-.01306 64)" d="m523.3 266.01v5.54" clip-path="url(#clipPath873)" stroke="url(#paint10_linear_1837_344)"/>
<path transform="translate(-.01306 39.455)" d="m532.3 102.16v-7.2401" clip-path="url(#clipPath867)" stroke="url(#paint11_linear_1837_344)"/>
<path transform="translate(-9.6531 20.85)" d="m532.3 102.16v-5.2401" clip-path="url(#clipPath867-2)" stroke="url(#paint11_linear_1837_344-3)"/>
<path transform="translate(-.01306 59.455)" d="m532.3 102.16v-5.2401" clip-path="url(#clipPath867-5)" stroke="url(#paint11_linear_1837_344-3)"/>
</g>
<defs>
<linearGradient id="paint0_linear_1837_344" x1="527.51" x2="527.51" y1="287.5" y2="336" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" offset="0"/>
<stop stop-color="#B2BFE8" offset="1"/>
</linearGradient>
<linearGradient id="paint1_linear_1837_344" x1="527.5" x2="527.5" y1="169" y2="124.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" offset="0"/>
<stop stop-color="#B2BFE8" offset="1"/>
</linearGradient>
<linearGradient id="paint2_linear_1837_344" x1="532.3" x2="532.3" y1="129.11" y2="122.07" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" offset="0"/>
<stop stop-color="#B2BFE8" stop-opacity="0" offset="1"/>
</linearGradient>
<linearGradient id="paint3_linear_1837_344" x1="522.66" x2="522.66" y1="143.08" y2="131.27" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" offset="0"/>
<stop stop-color="#B2BFE8" stop-opacity="0" offset="1"/>
</linearGradient>
<linearGradient id="paint4_linear_1837_344" x1="532.3" x2="532.3" y1="282.82" y2="279.22" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" offset="0"/>
<stop stop-color="#B2BFE8" stop-opacity="0" offset="1"/>
</linearGradient>
<linearGradient id="paint5_linear_1837_344" x1="523.3" x2="523.3" y1="299.5" y2="289.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" offset="0"/>
<stop stop-color="#B2BFE8" stop-opacity="0" offset="1"/>
</linearGradient>
<linearGradient id="paint6_linear_1837_344" x1="523.3" x2="523.3" y1="331.5" y2="342" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" stop-opacity="0" offset="0"/>
<stop stop-color="#B2BFE8" offset="1"/>
</linearGradient>
<linearGradient id="paint7_linear_1837_344" x1="531.94" x2="531.94" y1="174.2" y2="167.58" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" offset="0"/>
<stop stop-color="#B2BFE8" stop-opacity="0" offset="1"/>
</linearGradient>
<linearGradient id="paint8_linear_1837_344" x1="532.3" x2="532.3" y1="318.82" y2="312" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" offset="0"/>
<stop stop-color="#B2BFE8" stop-opacity="0" offset="1"/>
</linearGradient>
<linearGradient id="paint9_linear_1837_344" x1="522.66" x2="522.66" y1="104.03" y2="110.11" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" offset="0"/>
<stop stop-color="#B2BFE8" offset="1"/>
</linearGradient>
<linearGradient id="paint10_linear_1837_344" x1="523.3" x2="523.3" y1="269.5" y2="266.37" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" offset="0"/>
<stop stop-color="#B2BFE8" stop-opacity="0" offset="1"/>
</linearGradient>
<linearGradient id="paint11_linear_1837_344" x1="532.3" x2="532.3" y1="97.5" y2="99.54" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" offset="0"/>
<stop stop-color="#B2BFE8" offset="1"/>
</linearGradient>
<linearGradient id="linearGradient898" x1="527.5" x2="527.5" y1="169" y2="124.5" gradientTransform="translate(.010005 88.895)" gradientUnits="userSpaceOnUse" xlink:href="#paint1_linear_1837_344"/>
<linearGradient id="linearGradient693" x1="527.5" x2="527.5" y1="169" y2="124.5" gradientUnits="userSpaceOnUse" xlink:href="#paint1_linear_1837_344"/>
<clipPath id="clipPath867">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath873">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath879">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath885">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath891">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath897">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath903">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath909">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath915">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath921">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath927">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath933">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath939">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath945">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath951">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath957">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath963">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath969">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath975">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath981">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath987">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath993">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath999">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1005">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1011">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1017">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1023">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1029">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1035">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1041">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1047">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1053">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1059">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1065">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1071">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1077">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1083">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1089">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1095">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1101">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1107">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1113">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1119">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1125">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1131">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1137">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1143">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1149">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1155">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1161">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1167">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1173">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1179">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1185">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1191">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1197">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1203">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1209">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1215">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1221">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1227">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1233">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1239">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1245">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1251">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1257">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1263">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1269">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1275">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1281">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1287">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1293">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1299">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1305">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1311">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1317">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1323">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1329">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1335">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1341">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1347">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1353">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1359">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1365">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1371">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1377">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1383">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1389">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1395">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1401">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1407">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1413">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1419">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1425">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1431">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1437">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1443">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1449">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1455">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1461">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1467">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1473">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1479">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1485">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1491">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1497">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1503">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1509">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1515">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1521">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1527">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1533">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1539">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1545">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1551">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath1557">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<linearGradient id="paint11_linear_1837_344-3" x1="532.3" x2="532.3" y1="97.5" y2="101" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" offset="0"/>
<stop stop-color="#B2BFE8" offset="1"/>
</linearGradient>
<clipPath id="clipPath867-5">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
<clipPath id="clipPath867-2">
<rect width="1055.1" height="825.84" fill="#ffffff"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

qdrant-landing/themes/qdrant/static/js/element-in-view.js
-53
View File
@@ -1,53 +0,0 @@
(function($) {
/**
* Copyright 2012, Digital Fusion
* Licensed under the MIT license.
* http://teamdf.com/jquery-plugins/license/
*
* @author Sam Sehnert
* @desc A small plugin that checks whether elements are within
* the user visible viewport of a web browser.
* only accounts for vertical position, not horizontal.
*/
$.fn.visible = function(partial) {
var $t = $(this),
$w = $(window),
viewTop = $w.scrollTop(),
viewBottom = viewTop + $w.height(),
_top = $t.offset().top,
_bottom = _top + $t.height(),
compareTop = partial === true ? _bottom : _top,
compareBottom = partial === true ? _top : _bottom;
return ((compareBottom <= viewBottom) && (compareTop >= viewTop));
};
})(jQuery);
$(window).on('scroll', function() {
$(".banner-section-two .layers-box .layer-one,.banner-section-two .layers-box .layer-two,.banner-section-two .layers-box .layer-three,.main-footer .left-layer,.main-footer .left-layer-2,.main-footer .left-layer-3, #testimonials-slider-pager a.pager-item.icon-one,#testimonials-slider-pager a.pager-item.icon-two,#testimonials-slider-pager a.pager-item.icon-three,#testimonials-slider-pager a.pager-item.icon-four,#testimonials-slider-pager a.pager-item.icon-five,#testimonials-slider-pager a.pager-item.icon-six, #testimonials-slider-pager a.pager-item.icon-one").each(function(i, el) {
var el = $(el);
if (el.visible(true)) {
el.addClass("now-in-view");
} else {
el.removeClass("now-in-view");
}
});
});
$(document).on('ready', function() {
$(".banner-section-two .layers-box .layer-one,.banner-section-two .layers-box .layer-two,.banner-section-two .layers-box .layer-three,.main-footer .left-layer,.main-footer .left-layer-2,.main-footer .left-layer-3, #testimonials-slider-pager a.pager-item.icon-one,#testimonials-slider-pager a.pager-item.icon-two,#testimonials-slider-pager a.pager-item.icon-three,#testimonials-slider-pager a.pager-item.icon-four,#testimonials-slider-pager a.pager-item.icon-five,#testimonials-slider-pager a.pager-item.icon-six, #testimonials-slider-pager a.pager-item.icon-one").each(function(i, el) {
var el = $(el);
if (el.visible(true)) {
el.addClass("now-in-view");
} else {
el.removeClass("now-in-view");
}
});
});
qdrant-landing/themes/qdrant/static/js/jquery-ui.js
Vendored
-18709
View File
File diff suppressed because it is too large Load Diff
qdrant-landing/themes/qdrant/static/js/jquery.easing.min.js
Vendored
-69
View File
@@ -1,69 +0,0 @@
/*
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
*
* Uses the built in easing capabilities added In jQuery 1.1
* to offer multiple easing options
*
* TERMS OF USE - jQuery Easing
*
* Open source under the BSD License.
*
* Copyright © 2008 George McGinley Smith
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/
jQuery.easing["jswing"]=jQuery.easing["swing"];jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(a,b,c,d,e){return jQuery.easing[jQuery.easing.def](a,b,c,d,e)},easeInQuad:function(a,b,c,d,e){return d*(b/=e)*b+c},easeOutQuad:function(a,b,c,d,e){return-d*(b/=e)*(b-2)+c},easeInOutQuad:function(a,b,c,d,e){if((b/=e/2)<1)return d/2*b*b+c;return-d/2*(--b*(b-2)-1)+c},easeInCubic:function(a,b,c,d,e){return d*(b/=e)*b*b+c},easeOutCubic:function(a,b,c,d,e){return d*((b=b/e-1)*b*b+1)+c},easeInOutCubic:function(a,b,c,d,e){if((b/=e/2)<1)return d/2*b*b*b+c;return d/2*((b-=2)*b*b+2)+c},easeInQuart:function(a,b,c,d,e){return d*(b/=e)*b*b*b+c},easeOutQuart:function(a,b,c,d,e){return-d*((b=b/e-1)*b*b*b-1)+c},easeInOutQuart:function(a,b,c,d,e){if((b/=e/2)<1)return d/2*b*b*b*b+c;return-d/2*((b-=2)*b*b*b-2)+c},easeInQuint:function(a,b,c,d,e){return d*(b/=e)*b*b*b*b+c},easeOutQuint:function(a,b,c,d,e){return d*((b=b/e-1)*b*b*b*b+1)+c},easeInOutQuint:function(a,b,c,d,e){if((b/=e/2)<1)return d/2*b*b*b*b*b+c;return d/2*((b-=2)*b*b*b*b+2)+c},easeInSine:function(a,b,c,d,e){return-d*Math.cos(b/e*(Math.PI/2))+d+c},easeOutSine:function(a,b,c,d,e){return d*Math.sin(b/e*(Math.PI/2))+c},easeInOutSine:function(a,b,c,d,e){return-d/2*(Math.cos(Math.PI*b/e)-1)+c},easeInExpo:function(a,b,c,d,e){return b==0?c:d*Math.pow(2,10*(b/e-1))+c},easeOutExpo:function(a,b,c,d,e){return b==e?c+d:d*(-Math.pow(2,-10*b/e)+1)+c},easeInOutExpo:function(a,b,c,d,e){if(b==0)return c;if(b==e)return c+d;if((b/=e/2)<1)return d/2*Math.pow(2,10*(b-1))+c;return d/2*(-Math.pow(2,-10*--b)+2)+c},easeInCirc:function(a,b,c,d,e){return-d*(Math.sqrt(1-(b/=e)*b)-1)+c},easeOutCirc:function(a,b,c,d,e){return d*Math.sqrt(1-(b=b/e-1)*b)+c},easeInOutCirc:function(a,b,c,d,e){if((b/=e/2)<1)return-d/2*(Math.sqrt(1-b*b)-1)+c;return d/2*(Math.sqrt(1-(b-=2)*b)+1)+c},easeInElastic:function(a,b,c,d,e){var f=1.70158;var g=0;var h=d;if(b==0)return c;if((b/=e)==1)return c+d;if(!g)g=e*.3;if(h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return-(h*Math.pow(2,10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g))+c},easeOutElastic:function(a,b,c,d,e){var f=1.70158;var g=0;var h=d;if(b==0)return c;if((b/=e)==1)return c+d;if(!g)g=e*.3;if(h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return h*Math.pow(2,-10*b)*Math.sin((b*e-f)*2*Math.PI/g)+d+c},easeInOutElastic:function(a,b,c,d,e){var f=1.70158;var g=0;var h=d;if(b==0)return c;if((b/=e/2)==2)return c+d;if(!g)g=e*.3*1.5;if(h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);if(b<1)return-.5*h*Math.pow(2,10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g)+c;return h*Math.pow(2,-10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g)*.5+d+c},easeInBack:function(a,b,c,d,e,f){if(f==undefined)f=1.70158;return d*(b/=e)*b*((f+1)*b-f)+c},easeOutBack:function(a,b,c,d,e,f){if(f==undefined)f=1.70158;return d*((b=b/e-1)*b*((f+1)*b+f)+1)+c},easeInOutBack:function(a,b,c,d,e,f){if(f==undefined)f=1.70158;if((b/=e/2)<1)return d/2*b*b*(((f*=1.525)+1)*b-f)+c;return d/2*((b-=2)*b*(((f*=1.525)+1)*b+f)+2)+c},easeInBounce:function(a,b,c,d,e){return d-jQuery.easing.easeOutBounce(a,e-b,0,d,e)+c},easeOutBounce:function(a,b,c,d,e){if((b/=e)<1/2.75){return d*7.5625*b*b+c}else if(b<2/2.75){return d*(7.5625*(b-=1.5/2.75)*b+.75)+c}else if(b<2.5/2.75){return d*(7.5625*(b-=2.25/2.75)*b+.9375)+c}else{return d*(7.5625*(b-=2.625/2.75)*b+.984375)+c}},easeInOutBounce:function(a,b,c,d,e){if(b<e/2)return jQuery.easing.easeInBounce(a,b*2,0,d,e)*.5+c;return jQuery.easing.easeOutBounce(a,b*2-e,0,d,e)*.5+d*.5+c}})
/*
*
* TERMS OF USE - EASING EQUATIONS
*
* Open source under the BSD License.
*
* Copyright © 2001 Robert Penner
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/
qdrant-landing/themes/qdrant/static/js/jquery.paroller.min.js
Vendored
-1
View File
@@ -1 +0,0 @@
!function(r){"use strict";"function"==typeof define&&define.amd?define("parollerjs",["jquery"],r):"object"==typeof module&&"object"==typeof module.exports?module.exports=r(require("jquery")):r(jQuery)}(function(m){"use strict";var g=!1,w=function(){g=!1},v=function(r,t){return r.css({"background-position":"center "+-t+"px"})},x=function(r,t){return r.css({"background-position":-t+"px center"})},b=function(r,t,o){return"none"!==o||(o=""),r.css({"-webkit-transform":"translateY("+t+"px)"+o,"-moz-transform":"translateY("+t+"px)"+o,transform:"translateY("+t+"px)"+o,transition:"transform linear","will-change":"transform"})},k=function(r,t,o){return"none"!==o||(o=""),r.css({"-webkit-transform":"translateX("+t+"px)"+o,"-moz-transform":"translateX("+t+"px)"+o,transform:"translateX("+t+"px)"+o,transition:"transform linear","will-change":"transform"})},y=function(r,t,o){var n=r.data("paroller-factor"),a=n||o.factor;if(t<576){var e=r.data("paroller-factor-xs"),i=e||o.factorXs;return i||a}if(t<=768){var c=r.data("paroller-factor-sm"),f=c||o.factorSm;return f||a}if(t<=1024){var u=r.data("paroller-factor-md"),s=u||o.factorMd;return s||a}if(t<=1200){var l=r.data("paroller-factor-lg"),d=l||o.factorLg;return d||a}if(t<=1920){var p=r.data("paroller-factor-xl"),h=p||o.factorXl;return h||a}return a},z=function(r,t){return Math.round(r*t)},M=function(r,t,o,n){return Math.round((r-o/2+n)*t)},X=function(r){return r.css({"background-position":"unset"})},j=function(r){return r.css({transform:"unset",transition:"unset"})};m.fn.paroller=function(d){var p=m(window).height(),h=m(document).height();d=m.extend({factor:0,factorXs:0,factorSm:0,factorMd:0,factorLg:0,factorXl:0,type:"background",direction:"vertical"},d);return this.each(function(){var t=m(this),o=m(window).width(),n=t.offset().top,a=t.outerHeight(),r=t.data("paroller-type"),e=t.data("paroller-direction"),i=t.css("transform"),c=r||d.type,f=e||d.direction,u=y(t,o,d),s=z(n,u),l=M(n,u,p,a);"background"===c?"vertical"===f?v(t,s):"horizontal"===f&&x(t,s):"foreground"===c&&("vertical"===f?b(t,l,i):"horizontal"===f&&k(t,l,i)),m(window).on("resize",function(){var r=m(this).scrollTop();o=m(window).width(),n=t.offset().top,a=t.outerHeight(),u=y(t,o,d),s=Math.round(n*u),l=Math.round((n-p/2+a)*u),g||(window.requestAnimationFrame(w),g=!0),"background"===c?(X(t),"vertical"===f?v(t,s):"horizontal"===f&&x(t,s)):"foreground"===c&&r<=h&&(j(t),"vertical"===f?b(t,l):"horizontal"===f&&k(t,l))}),m(window).on("scroll",function(){var r=m(this).scrollTop();h=m(document).height(),s=Math.round((n-r)*u),l=Math.round((n-p/2+a-r)*u),g||(window.requestAnimationFrame(w),g=!0),"background"===c?"vertical"===f?v(t,s):"horizontal"===f&&x(t,s):"foreground"===c&&r<=h&&("vertical"===f?b(t,l,i):"horizontal"===f&&k(t,l,i))})})}});
qdrant-landing/themes/qdrant/static/js/owl.js
-3273
View File
File diff suppressed because it is too large Load Diff
qdrant-landing/themes/qdrant/static/js/parallax.min.js
Vendored
-2
View File
File diff suppressed because one or more lines are too long
qdrant-landing/themes/qdrant/static/js/qdr-scroll.min.js
Vendored
+1
View File
@@ -0,0 +1 @@
$(document).ready((function(){var o=new URLSearchParams(window.location.search).get("selector");if(o){console.log(window.atob(o));var e=document.querySelector(window.atob(o)),t=e.getBoundingClientRect().top+window.pageYOffset-250;window.scrollTo({top:t,behavior:"smooth"});var r=setTimeout((function(){e.style.backgroundColor="rgba(255,246,188,0.73)",clearTimeout(r)}),1500),n=setTimeout((function(){e.style.removeProperty("background-color"),clearTimeout(n)}),3e3)}}));
qdrant-landing/themes/qdrant/static/js/qdr-search.min.js
Vendored
+1
View File
File diff suppressed because one or more lines are too long
qdrant-landing/themes/qdrant/static/js/script.js
+233 -303
View File
@@ -1,309 +1,239 @@
(function($) {
"use strict";
//Hide Loading Box (Preloader)
function handlePreloader() {
if($('.preloader').length){
$('.preloader').delay(200).fadeOut(500);
}
}
//Submenu Dropdown Toggle
if($('.main-header li.dropdown ul').length){
$('.main-header li.dropdown').append('<div class="dropdown-btn"><span class="fa fa-angle-down"></span></div>');
//Dropdown Button
$('.main-header li.dropdown .dropdown-btn').on('click', function() {
$(this).prev('ul').slideToggle(500);
});
//Disable dropdown parent link
$('.main-header .navigation li.dropdown > a,.hidden-bar .side-menu li.dropdown > a').on('click', function(e) {
e.preventDefault();
});
}
//Update Header Style and Scroll to Top
function headerStyle() {
if($('.main-header').length){
var windowpos = $(window).scrollTop();
var siteHeader = $('.main-sticky-header');
var scrollLink = $('.scroll-to-top');
var sticky_header = $('.main-sticky-header .sticky-header');
if (windowpos > 100) {
siteHeader.addClass('fixed-header');
sticky_header.addClass("animated slideInDown");
scrollLink.fadeIn(300);
} else {
siteHeader.removeClass('fixed-header');
sticky_header.removeClass("animated slideInDown");
scrollLink.fadeOut(300);
}
}
}
headerStyle();
//Hidden Sidebar
if ($('.hidden-bar').length) {
var hiddenBar = $('.hidden-bar');
var hiddenBarOpener = $('.nav-toggler');
var hiddenBarCloser = $('.hidden-bar-closer');
$('.hidden-bar-wrapper').mCustomScrollbar();
//Show Sidebar
hiddenBarOpener.on('click', function () {
hiddenBar.addClass('visible-sidebar');
});
//Hide Sidebar
hiddenBarCloser.on('click', function () {
hiddenBar.removeClass('visible-sidebar');
});
}
//Hidden Bar Menu Config
function hiddenBarMenuConfig() {
var menuWrap = $('.hidden-bar .side-menu');
// appending expander button
menuWrap.find('.dropdown').children('a').append(function () {
return '<button type="button" class="btn expander"><i class="icon fa fa-angle-right"></i></button>';
});
// hidding submenu
menuWrap.find('.dropdown').children('ul').hide();
// toggling child ul
menuWrap.find('.btn.expander').each(function () {
$(this).on('click', function () {
$(this).parent() // return parent of .btn.expander (a)
.parent() // return parent of a (li)
.children('ul').slideToggle();
(function ($) {
// adding class to expander container
$(this).parent().toggleClass('current');
// toggling arrow of expander
$(this).find('i').toggleClass('fa-angle-right fa-angle-down');
"use strict";
return false;
});
});
}
hiddenBarMenuConfig();
//Fact Counter + Text Count
if($('.count-box').length){
$('.count-box').appear(function(){
var $t = $(this),
n = $t.find(".count-text").attr("data-stop"),
r = parseInt($t.find(".count-text").attr("data-speed"), 10);
if (!$t.hasClass("counted")) {
$t.addClass("counted");
$({
countNum: $t.find(".count-text").text()
}).animate({
countNum: n
}, {
duration: r,
easing: "linear",
step: function() {
$t.find(".count-text").text(Math.floor(this.countNum));
},
complete: function() {
$t.find(".count-text").text(this.countNum);
}
});
}
},{accY: 0});
}
//Mobile Nav Hide Show
if($('.mobile-menu').length){
$('.mobile-menu .menu-box').mCustomScrollbar();
var mobileMenuContent = $('.main-header .nav-outer .main-menu').html();
mobileMenuContent = $(mobileMenuContent).find('.fa-chevron-down').remove().end();
$('.mobile-menu .menu-box .menu-outer').append(mobileMenuContent);
$('.sticky-header .main-menu').append(mobileMenuContent);
$('.mobile-menu li.dropdown .dropdown-btn').on('click', function() {
$(this).toggleClass('open');
$(this).prev('ul').slideToggle(500);
});
//Menu Toggle Btn
$('.mobile-nav-toggler').on('click', function() {
$('body').addClass('mobile-menu-visible');
});
//Menu Toggle Btn
$('.mobile-menu .menu-backdrop,.mobile-menu .close-btn').on('click', function() {
$('body').removeClass('mobile-menu-visible');
});
}
//Tabs Box
if($('.tabs-box').length){
$('.tabs-box .tab-buttons .tab-btn').on('click', function(e) {
e.preventDefault();
var target = $($(this).attr('data-tab'));
if ($(target).is(':visible')){
return false;
}else{
target.parents('.tabs-box').find('.tab-buttons').find('.tab-btn').removeClass('active-btn');
$(this).addClass('active-btn');
target.parents('.tabs-box').find('.tabs-content').find('.tab').fadeOut(0);
target.parents('.tabs-box').find('.tabs-content').find('.tab').removeClass('active-tab');
$(target).fadeIn(300);
$(target).addClass('active-tab');
}
});
}
//Header Search
if($('.search-box-outer').length) {
$('.search-box-outer').on('click', function() {
$('body').addClass('search-active');
});
$('.close-search').on('click', function() {
$('body').removeClass('search-active');
});
}
if($('.paroller').length){
$('.paroller').paroller({
factor: 0.2, // multiplier for scrolling speed and offset, +- values for direction control
factorLg: 0.4, // multiplier for scrolling speed and offset if window width is less than 1200px, +- values for direction control
type: 'foreground', // background, foreground
direction: 'horizontal' // vertical, horizontal
});
}
//Event Countdown Timer
if($('.time-countdown').length){
$('.time-countdown').each(function() {
var $this = $(this), finalDate = $(this).data('countdown');
$this.countdown(finalDate, function(event) {
var $this = $(this).html(event.strftime('' + '<div class="counter-column"><span class="count">%D</span>Days</div> ' + '<div class="counter-column"><span class="count">%H</span>Hours</div> ' + '<div class="counter-column"><span class="count">%M</span>Minutes</div> ' + '<div class="counter-column"><span class="count">%S</span>Seconds</div>'));
});
});
}
//Custom Seclect Box
if($('.custom-select-box').length){
$('.custom-select-box').selectmenu().selectmenu('menuWidget').addClass('overflow');
}
//Jquery Spinner / Quantity Spinner
if($('.quantity-spinner').length){
$("input.quantity-spinner").TouchSpin({
verticalbuttons: true
});
}
//Gallery Filters
if($('.filter-list').length){
$('.filter-list').mixItUp({});
}
//LightBox / Fancybox
if($('.lightbox-image').length) {
$('.lightbox-image').fancybox({
openEffect : 'fade',
closeEffect : 'fade',
helpers : {
media : {}
}
});
}
//Contact Form Validation
if($('#contact-form').length){
$('#contact-form').validate({
rules: {
username: {
required: true
},
email: {
required: true,
email: true
},
phone: {
required: true
},
message: {
required: true
}
}
});
}
// Scroll to a Specific Div
if($('.scroll-to-target').length){
$(".scroll-to-target").on('click', function() {
var target = $(this).attr('data-target');
// animate
$('html, body').animate({
scrollTop: $(target).offset().top
}, 1500);
});
}
// Elements Animation
// if($('.wow').length){
// var wow = new WOW(
// {
// boxClass: 'wow', // animated element css class (default is wow)
// animateClass: 'animated', // animation css class (default is animated)
// offset: 0, // distance to the element when triggering the animation (default is 0)
// mobile: true, // trigger animations on mobile devices (default is true)
// live: true // act on asynchronously loaded content (default is true)
// }
// );
// wow.init();
// }
//Hide Loading Box (Preloader)
function handlePreloader() {
if ($('.preloader').length) {
$('.preloader').delay(200).fadeOut(500);
}
}
/* ==========================================================================
When document is Scrollig, do
========================================================================== */
$(window).on('scroll', function() {
headerStyle();
});
/* ==========================================================================
When document is loading, do
========================================================================== */
$(window).on('load', function() {
handlePreloader();
});
//Submenu Dropdown Toggle
if ($('.main-header li.dropdown ul').length) {
$('.main-header li.dropdown').append('<div class="dropdown-btn"><span class="fa fa-angle-down"></span></div>');
//Dropdown Button
$('.main-header li.dropdown .dropdown-btn').on('click', function () {
$(this).prev('ul').slideToggle(500);
});
//Disable dropdown parent link
$('.main-header .navigation li.dropdown > a,.hidden-bar .side-menu li.dropdown > a').on('click', function (e) {
e.preventDefault();
});
}
//Update Header Style and Scroll to Top
function headerStyle() {
if ($('.main-header').length) {
var windowpos = $(window).scrollTop();
var siteHeader = $('.main-sticky-header');
var scrollLink = $('.scroll-to-top');
var sticky_header = $('.main-sticky-header .sticky-header');
if (windowpos > 100) {
siteHeader.addClass('fixed-header');
sticky_header.addClass("animated slideInDown");
scrollLink.fadeIn(300);
} else {
siteHeader.removeClass('fixed-header');
sticky_header.removeClass("animated slideInDown");
scrollLink.fadeOut(300);
}
}
}
headerStyle();
//Hidden Sidebar
if ($('.hidden-bar').length) {
var hiddenBar = $('.hidden-bar');
var hiddenBarOpener = $('.nav-toggler');
var hiddenBarCloser = $('.hidden-bar-closer');
$('.hidden-bar-wrapper').mCustomScrollbar();
//Show Sidebar
hiddenBarOpener.on('click', function () {
hiddenBar.addClass('visible-sidebar');
});
//Hide Sidebar
hiddenBarCloser.on('click', function () {
hiddenBar.removeClass('visible-sidebar');
});
}
//Hidden Bar Menu Config
function hiddenBarMenuConfig() {
var menuWrap = $('.hidden-bar .side-menu');
// appending expander button
menuWrap.find('.dropdown').children('a').append(function () {
return '<button type="button" class="btn expander"><i class="icon fa fa-angle-right"></i></button>';
});
// hidding submenu
menuWrap.find('.dropdown').children('ul').hide();
// toggling child ul
menuWrap.find('.btn.expander').each(function () {
$(this).on('click', function () {
$(this).parent() // return parent of .btn.expander (a)
.parent() // return parent of a (li)
.children('ul').slideToggle();
// adding class to expander container
$(this).parent().toggleClass('current');
// toggling arrow of expander
$(this).find('i').toggleClass('fa-angle-right fa-angle-down');
return false;
});
});
}
hiddenBarMenuConfig();
//Mobile Nav Hide Show
if ($('.mobile-menu').length) {
$('.mobile-menu .menu-box').mCustomScrollbar();
var mobileMenuContent = $('.main-header .nav-outer .main-menu').html();
mobileMenuContent = $(mobileMenuContent).find('.fa-chevron-down').remove().end();
$('.mobile-menu .menu-box .menu-outer').append(mobileMenuContent);
$('.sticky-header .main-menu').append(mobileMenuContent);
$('.mobile-menu li.dropdown .dropdown-btn').on('click', function () {
$(this).toggleClass('open');
$(this).prev('ul').slideToggle(500);
});
//Menu Toggle Btn
$('.mobile-nav-toggler').on('click', function () {
$('body').addClass('mobile-menu-visible');
});
//Menu Toggle Btn
$('.mobile-menu .menu-backdrop,.mobile-menu .close-btn').on('click', function () {
$('body').removeClass('mobile-menu-visible');
});
}
//Header Search
if ($('.search-box-outer').length) {
$('.search-box-outer').on('click', function () {
$('body').addClass('search-active');
});
$('.close-search').on('click', function () {
$('body').removeClass('search-active');
});
}
if ($('.paroller').length) {
$('.paroller').paroller({
factor: 0.2, // multiplier for scrolling speed and offset, +- values for direction control
factorLg: 0.4, // multiplier for scrolling speed and offset if window width is less than 1200px, +- values for direction control
type: 'foreground', // background, foreground
direction: 'horizontal' // vertical, horizontal
});
}
//Event Countdown Timer
if ($('.time-countdown').length) {
$('.time-countdown').each(function () {
var $this = $(this), finalDate = $(this).data('countdown');
$this.countdown(finalDate, function (event) {
var $this = $(this).html(event.strftime('' + '<div class="counter-column"><span class="count">%D</span>Days</div> ' + '<div class="counter-column"><span class="count">%H</span>Hours</div> ' + '<div class="counter-column"><span class="count">%M</span>Minutes</div> ' + '<div class="counter-column"><span class="count">%S</span>Seconds</div>'));
});
});
}
//Custom Seclect Box
if ($('.custom-select-box').length) {
$('.custom-select-box').selectmenu().selectmenu('menuWidget').addClass('overflow');
}
//Jquery Spinner / Quantity Spinner
if ($('.quantity-spinner').length) {
$("input.quantity-spinner").TouchSpin({
verticalbuttons: true
});
}
//Gallery Filters
if ($('.filter-list').length) {
$('.filter-list').mixItUp({});
}
//LightBox / Fancybox
if ($('.lightbox-image').length) {
$('.lightbox-image').fancybox({
openEffect: 'fade',
closeEffect: 'fade',
helpers: {
media: {}
}
});
}
//Contact Form Validation
if ($('#contact-form').length) {
$('#contact-form').validate({
rules: {
username: {
required: true
},
email: {
required: true,
email: true
},
phone: {
required: true
},
message: {
required: true
}
}
});
}
// Scroll to a Specific Div
if ($('.scroll-to-target').length) {
$(".scroll-to-target").on('click', function () {
var target = $(this).attr('data-target');
// animate
$('html, body').animate({
scrollTop: $(target).offset().top
}, 1500);
});
}
/* ==========================================================================
When document is Scrollig, do
========================================================================== */
$(window).on('scroll', function () {
headerStyle();
});
/* ==========================================================================
When document is loading, do
========================================================================== */
$(window).on('load', function () {
handlePreloader();
});
})(window.jQuery);
qdrant-landing/themes/qdrant/static/js/swiper.min.js
Vendored
-18
View File
File diff suppressed because one or more lines are too long
qdrant-landing/themes/qdrant/static/js/tilt.jquery.min.js
Vendored
-6
View File
File diff suppressed because one or more lines are too long
qdrant-landing/themes/qdrant/static/js/vendor.min.js
Vendored
+2
View File
File diff suppressed because one or more lines are too long
qdrant-landing/themes/qdrant/static/js/wow.js
-2
View File
File diff suppressed because one or more lines are too long
qdrant-landing/themes/qdrant/vendor/js/vendor.js
Vendored
+17
View File
@@ -0,0 +1,17 @@
// todo: move here all vendor scripts and initialisations
import 'bootstrap';
import Splide from '@splidejs/splide';
// onload
document.addEventListener( 'DOMContentLoaded', function() {
if (document.querySelector('.splide')) {
const splide = new Splide('.splide');
splide.on( 'ready', function () {
const e = new CustomEvent('splideIsReady', {detail: splide});
document.dispatchEvent(e);
});
splide.mount();
}
});