rzmk/qsvpro.dathere.com
1
0
Fork 0
mirror of https://github.com/dathere/qsvpro.dathere.com.git synced 2025-12-19 05:59:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: update GIFs and add potential image optimizations

Browse source
This commit is contained in:
rzmk 2024-09-27 16:21:15 -04:00
parent e65a720026
commit ea6026c8d1
No known key found for this signature in database
7 changed files with 11 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
src/assets/images/drag-and-drop.gif
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 356 KiB

After

Width:  |  Height:  |  Size: 879 KiB

Before After
Before After

BIN
src/assets/images/recipe-demo.gif
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 MiB

After

Width:  |  Height:  |  Size: 9.2 MiB

Before After
Before After

BIN
src/assets/images/sql-query-demo.gif
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

Before After
Before After

11
src/components/Features0.jsx
View file

@ -5,9 +5,7 @@ import { CheckArrowIcon } from "../assets/icons/CheckArrowIcon";
export const Features0 = () => {
return (
<section
className="w-full bg-customDarkBg2 mt-20 mb-8 sm:mt-16 sm:mb-16 xl:mt-0"
>
<section className="w-full bg-customDarkBg2 mt-20 mb-8 sm:mt-16 sm:mb-16 xl:mt-0">
<motion.div
initial={{ opacity: 0 }}
whileInView={{ opacity: 1 }}
@ -39,7 +37,8 @@ export const Features0 = () => {
<li className="mb-4 flex">
<CheckArrowIcon />
<span>
File formats: .csv, .xlsx, .tsv, .tab, .xls, .ods, .xlsm, .xlsb
File formats: .csv, .xlsx, .tsv, .tab,
.xls, .ods, .xlsm, .xlsb
</span>
</li>
<li className="mb-4 flex">
@ -52,8 +51,8 @@ export const Features0 = () => {
<li className="mb-4 flex">
<CheckArrowIcon />
<span>
Begins scanning and analysis of compatible file data
after import
Begins scanning and analysis of
compatible file data after import
</span>
</li>
<li className="mb-4 flex">

2
src/components/Features1.jsx
View file

@ -53,6 +53,8 @@ export const Features1 = () => {
</div>
<div className="w-full md:w-3/4 mb-8 md:mb-0 mx-auto lg:w-1/2 flex flex-wrap lg:-mx-4 sm:pr-8 justify-center">
<img
decoding="async"
loading="lazy"
src={recipedemo.src}
alt="Recipe Demo"
className="rounded-xl custom-border-gray"

2
src/components/Features2.jsx
View file

@ -14,6 +14,8 @@ export const Features2 = () => (
<div className="flex flex-wrap items-center 2xl:w-[1450px] xl:w-[1300px] w-11/12 mx-auto md:pl-4 xl:pr-16 xl:pl-16">
<div className="w-full md:w-1/2 mb-8 md:mb-0 lg:pl-16 flex justify-center mx-auto pt-16 lg:pt-0">
<img
decoding="async"
loading="lazy"
src={uploadtockan.src}
alt="CKAN Upload Demo"
className="rounded-xl custom-border-gray"

2
src/components/Features3.jsx
View file

@ -60,6 +60,8 @@ export const Features3 = () => {
</div>
<div className="w-full md:w-3/4 mb-8 md:mb-0 mx-auto lg:w-1/2 flex flex-wrap lg:-mx-4 sm:pr-8 justify-center">
<img
decoding="async"
loading="lazy"
src={recipedemo.src}
alt="Recipe Demo"
className="rounded-xl custom-border-gray"