mirror of https://github.com/qdrant/landing_page.git synced 2026-09-27 15:08:30 +02:00

Files

T

* 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>

2022-10-31 14:21:21 +01:00

3.7 KiB

Raw Blame History

To rebuild scss to css:

npm install

Build css from scss

Install sass if you don't have it:

npm install -g sass

cd qdrant-landing
sass --watch --style=compressed ./qdrant-landing/themes/qdrant/static/css/main.scss ./qdrant-landing/themes/qdrant/static/css/main.css

Articles

Metadata

Articles are written in markdown and stored in content/articles directory. Each article has a header with metadata:

---
title: Here goes the title of the article #required
short_description: Short description of the article
description: This is a longer description of the article, you can get a little bit more wordly here. Try to keep it under 140 characters. #required
social_preview_image: /articles_data/cars-recognition/social_preview.jpg # This image will be used in social media previews, should be 1200x630px. Required.
small_preview_image: /articles_data/cars-recognition/icon.svg # This image will be used in the list of articles at the footer, should be 40x40px
preview_dir: /articles_data/cars-recognition/preview # This directory contains images that will be used in the article preview. They can be generated from one image. Read more below. Required.
weight: 10 # This is the order of the article in the list of articles at the footer. The lower the number, the higher the article will be in the list.
author: Yusuf Sarıgöz # Author of the article. Required.
author_link: https://medium.com/@yusufsarigoz # Link to the author's page. Required.
date: 2022-06-28T13:00:00+03:00 # Date of the article. Required.
draft: false # If true, the article will not be published
keywords: # Keywords for SEO
  - vector databases comparative benchmark
  - benchmark
  - performance
  - latency
---

Article preview

Article preview is a set of images that will be used in the article preview. They can be generated from one image. To generate preview images, you need to have ImageMagick and cwebp installed.

You can install cwebp with the following command:

curl -s https://raw.githubusercontent.com/Intervox/node-webp/latest/bin/install_webp | sudo bash

Prepare preview image

For the preview use image with the aspect ratio 3 to 1 in jpg or png format. With resolution not smaller than 898x300px. The image should illustrate in some way the article's core idea. Fill free got creative. Check out that most important part of the image is in the center.

Generating preview images

To generate preview images, run the following command from the root of project:

bash -x automation/process-article-img.sh <path-to-image> <alias-for-the-article>

For example:

bash -x automation/process-article-img.sh ~/Pictures/my_preview.jpg filtrable-hnsw

This command will create a directory preview in static/article_data/filtrable-hnsw and generate preview images in it. If the directory static/article_data/filtrable-hnsw doesn't exist, it will be created. If it exists, only files in children preview directory will be affected. In this case preview images will be overwritten. Your original image will not be affected.

Preview images set

Preview images set consists of the following images:

preview.jpg - 530x145px (used on the article preview card for browsers, not supporting webp) preview.webp - 530x145px (used on the article preview card for browsers, supporting webp) title.jpg - 898x300px (used on the article's page as the main image before the article title for browsers, not supporting webp) title.webp - 898x300px (used on the article's page as the main image before the article title for browsers, supporting webp)

3.7 KiB Raw Blame History Unescape Escape