From f69c842ba6b78d9a15acdd7e41e07e7aa6e69968 Mon Sep 17 00:00:00 2001 From: "M. Sarmad Qadeer" Date: Sat, 29 Jul 2023 18:20:51 +0500 Subject: [PATCH] website: simplex explained graphics animation (#2713) * website: animate simplex explained graphics * website: update simplex network animation * website: add lottie.min.js through node_modules * website: update lottie.min.js copy command location --- .gitignore | 1 + website/.eleventy.js | 1 + website/package.json | 1 + website/src/_includes/simplex_explained.html | 50 +++++++++++++++++-- .../lottie_file/SimpleXExplainedLottie.json | 1 + website/web.sh | 1 + 6 files changed, 52 insertions(+), 3 deletions(-) create mode 100644 website/src/lottie_file/SimpleXExplainedLottie.json diff --git a/.gitignore b/.gitignore index 44fd61e359..d7106ec8fa 100644 --- a/.gitignore +++ b/.gitignore @@ -53,6 +53,7 @@ website/src/docs/ website/translations.json website/src/img/images/ website/src/images/ +website/src/js/lottie.min.js # Generated files website/package/generated* diff --git a/website/.eleventy.js b/website/.eleventy.js index 1592f5ab95..6c629af1b8 100644 --- a/website/.eleventy.js +++ b/website/.eleventy.js @@ -238,6 +238,7 @@ module.exports = function (ty) { ty.addPassthroughCopy("src/video") ty.addPassthroughCopy("src/css") ty.addPassthroughCopy("src/js") + ty.addPassthroughCopy("src/lottie_file") ty.addPassthroughCopy("src/contact/*.js") ty.addPassthroughCopy("src/call") ty.addPassthroughCopy("src/hero-phone") diff --git a/website/package.json b/website/package.json index 5eddf63031..bbe3a17a68 100644 --- a/website/package.json +++ b/website/package.json @@ -32,6 +32,7 @@ "fs": "^0.0.1-security", "gray-matter": "^4.0.3", "jsdom": "^22.1.0", + "lottie-web": "5.12.2", "markdown-it": "^13.0.1" } } diff --git a/website/src/_includes/simplex_explained.html b/website/src/_includes/simplex_explained.html index 15bd8623c5..6ba20fb323 100644 --- a/website/src/_includes/simplex_explained.html +++ b/website/src/_includes/simplex_explained.html @@ -34,6 +34,8 @@
{{ "simplex-explained-tab-3-text" | i18n({}, lang ) | safe }}
+ +
@@ -41,7 +43,7 @@
{{ "simplex-explained-tab-1-text" | i18n({}, lang ) | safe }}
- +

{{ "simplex-explained-tab-1-p-1" | i18n({}, lang ) | safe }}

@@ -54,7 +56,7 @@
{{ "simplex-explained-tab-2-text" | i18n({}, lang ) | safe }}
- +

{{ "simplex-explained-tab-2-p-1" | i18n({}, lang ) | safe }}

@@ -67,7 +69,7 @@
{{ "simplex-explained-tab-3-text" | i18n({}, lang ) | safe }}
- +

{{ "simplex-explained-tab-3-p-1" | i18n({}, lang ) | safe }}

@@ -83,17 +85,59 @@
+