krzysztof/landing_page
1
0
Fork 0
mirror of https://github.com/qdrant/landing_page.git synced 2026-09-29 07:58:31 +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/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;
}
}
}