diff --git a/.eleventy.js b/.eleventy.js index ca3e87e..1d2e23b 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -26,7 +26,7 @@ module.exports = function (eleventyConfig) { eleventyConfig.addPlugin(i18n, { translations, fallbackLocales: { - 'es-ES': 'en-US' + '*': 'en-US' } }); @@ -42,7 +42,7 @@ module.exports = function (eleventyConfig) { files: './_site/assets/styles/main.css', }); - // use this to redirect to en-GB + // use this to redirect to en-US // eleventyConfig.setBrowserSyncConfig({ // files: './_site/assets/styles/main.css', // callbacks: { @@ -50,7 +50,7 @@ module.exports = function (eleventyConfig) { // bs.addMiddleware('*', (req, res) => { // if (req.url === '/') { // res.writeHead(302, { - // location: '/en-GB/' + // location: '/en-US/' // }); // res.end(); // } @@ -62,7 +62,9 @@ module.exports = function (eleventyConfig) { eleventyConfig.addPassthroughCopy("styles/fonts"); eleventyConfig.addPassthroughCopy("src/assets/images/**/*.png"); eleventyConfig.addPassthroughCopy("src/assets/images/**/*.svg"); + eleventyConfig.addPassthroughCopy("src/assets/images/**/*.jpg"); eleventyConfig.addPassthroughCopy("node_modules/@glidejs/glide/dist"); + eleventyConfig.addPassthroughCopy("node_modules/blueimp-md5/js"); eleventyConfig.addTransform('htmlmin', (content, outputPath) => { if (outputPath.endsWith('.html')) { diff --git a/package-lock.json b/package-lock.json index 1b60ae9..d4ecae8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,6 +10,7 @@ "license": "ISC", "dependencies": { "@glidejs/glide": "^3.4.1", + "blueimp-md5": "^2.19.0", "eleventy-plugin-i18n": "^0.1.3", "fast-glob": "^3.2.7" }, @@ -39,7 +40,9 @@ "prettier": "^2.3.0", "rimraf": "^3.0.2", "serve": "^11.3.2", + "svg-url-loader": "^7.1.1", "tailwindcss": "^2.1.2", + "url-loader": "^4.1.1", "webpack": "^5.37.1", "webpack-cli": "^4.7.0" } @@ -1708,6 +1711,11 @@ "integrity": "sha512-gaqbzQPqOoamawKg0LGVd7SzLgXS+JH61oWprSLH+P+abTczqJbhTR8CmJ2u9/bUYNmHTGJx/UEmn6doAvvuig==", "dev": true }, + "node_modules/blueimp-md5": { + "version": "2.19.0", + "resolved": "https://registry.npmjs.org/blueimp-md5/-/blueimp-md5-2.19.0.tgz", + "integrity": "sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==" + }, "node_modules/boolbase": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", @@ -13235,6 +13243,22 @@ "node": ">=8" } }, + "node_modules/svg-url-loader": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/svg-url-loader/-/svg-url-loader-7.1.1.tgz", + "integrity": "sha512-NlsMCePODm7FQhU9aEZyGLPx5Xe1QRI1cSEUE6vTq5LJc9l9pStagvXoEIyZ9O3r00w6G3+Wbkimb+SC3DI/Aw==", + "dev": true, + "dependencies": { + "file-loader": "~6.2.0", + "loader-utils": "~2.0.0" + }, + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "webpack": "^4.0.0 || ^5.0.0" + } + }, "node_modules/svgo": { "version": "1.3.2", "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz", @@ -14355,6 +14379,33 @@ "node": ">=6" } }, + "node_modules/url-loader": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/url-loader/-/url-loader-4.1.1.tgz", + "integrity": "sha512-3BTV812+AVHHOJQO8O5MkWgZ5aosP7GnROJwvzLS9hWDj00lZ6Z0wNak423Lp9PBZN05N+Jk/N5Si8jRAlGyWA==", + "dev": true, + "dependencies": { + "loader-utils": "^2.0.0", + "mime-types": "^2.1.27", + "schema-utils": "^3.0.0" + }, + "engines": { + "node": ">= 10.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "file-loader": "*", + "webpack": "^4.0.0 || ^5.0.0" + }, + "peerDependenciesMeta": { + "file-loader": { + "optional": true + } + } + }, "node_modules/url-parse-lax": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-1.0.0.tgz", @@ -16518,6 +16569,11 @@ "integrity": "sha512-gaqbzQPqOoamawKg0LGVd7SzLgXS+JH61oWprSLH+P+abTczqJbhTR8CmJ2u9/bUYNmHTGJx/UEmn6doAvvuig==", "dev": true }, + "blueimp-md5": { + "version": "2.19.0", + "resolved": "https://registry.npmjs.org/blueimp-md5/-/blueimp-md5-2.19.0.tgz", + "integrity": "sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==" + }, "boolbase": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", @@ -25515,6 +25571,16 @@ "has-flag": "^4.0.0" } }, + "svg-url-loader": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/svg-url-loader/-/svg-url-loader-7.1.1.tgz", + "integrity": "sha512-NlsMCePODm7FQhU9aEZyGLPx5Xe1QRI1cSEUE6vTq5LJc9l9pStagvXoEIyZ9O3r00w6G3+Wbkimb+SC3DI/Aw==", + "dev": true, + "requires": { + "file-loader": "~6.2.0", + "loader-utils": "~2.0.0" + } + }, "svgo": { "version": "1.3.2", "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz", @@ -26422,6 +26488,17 @@ } } }, + "url-loader": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/url-loader/-/url-loader-4.1.1.tgz", + "integrity": "sha512-3BTV812+AVHHOJQO8O5MkWgZ5aosP7GnROJwvzLS9hWDj00lZ6Z0wNak423Lp9PBZN05N+Jk/N5Si8jRAlGyWA==", + "dev": true, + "requires": { + "loader-utils": "^2.0.0", + "mime-types": "^2.1.27", + "schema-utils": "^3.0.0" + } + }, "url-parse-lax": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-1.0.0.tgz", diff --git a/package.json b/package.json index cbecd83..4c31aa3 100644 --- a/package.json +++ b/package.json @@ -45,7 +45,9 @@ "prettier": "^2.3.0", "rimraf": "^3.0.2", "serve": "^11.3.2", + "svg-url-loader": "^7.1.1", "tailwindcss": "^2.1.2", + "url-loader": "^4.1.1", "webpack": "^5.37.1", "webpack-cli": "^4.7.0" }, @@ -66,6 +68,7 @@ }, "dependencies": { "@glidejs/glide": "^3.4.1", + "blueimp-md5": "^2.19.0", "eleventy-plugin-i18n": "^0.1.3", "fast-glob": "^3.2.7" } diff --git a/src/_data/sections.js b/src/_data/sections.js index 2e219a7..ac8cd03 100644 --- a/src/_data/sections.js +++ b/src/_data/sections.js @@ -1,9 +1,11 @@ module.exports = [ - { slug: 'home', name: 'Home' }, + //{ slug: 'home', name: 'Home' }, { slug: 'info', name: 'Info' }, { slug: 'screenshots', name: 'Screenshots' }, { slug: 'systems', name: 'Systems' }, { slug: 'pricing', name: 'Pricing' }, { slug: 'download', name: 'Download' }, - { slug: 'reviews', name: 'Reviews' } + { slug: 'reviews', name: 'Reviews' }, + { slug: 'contact', name: 'Contact' } + ] \ No newline at end of file diff --git a/src/_data/site.json b/src/_data/site.json index df85f0f..d0155f3 100644 --- a/src/_data/site.json +++ b/src/_data/site.json @@ -1,8 +1,8 @@ { "site_name": "Visual Anatomy 3d", "title": "Visual Anatomy 3d", - "description": "Starter code for your 11ty blog Boilerplate", - "url": "https://example.com", + "description": "Learn human anatomy quickly and easily by zooming, panning, hiding layers and interacting in real time.", + "url": "http://www.humananatomy3d.app/", "locale": "en", - "author": "Anonymous" + "author": "Spencer Flagg" } diff --git a/src/_data/systems.js b/src/_data/systems.js index 2536a62..3a3f99f 100644 --- a/src/_data/systems.js +++ b/src/_data/systems.js @@ -1,12 +1,13 @@ -module.exports = [ - { slug: 'skeletal', name: 'Skeletal', status: 'free', order: 1 }, - { slug: 'ligamentous', name: 'Ligamentous', status: 'free', order: 1 }, - { slug: 'muscular', name: 'Muscular', status: 'pro', order: 1 }, - { slug: 'digestive', name: 'Digestive', status: 'pro', order: 1 }, - { slug: 'respiratory', name: 'Respiratory', status: 'pro', order: 1 }, - { slug: 'urogenital', name: 'Urogenital', status: 'pro', order: 1 }, - { slug: 'endocrine', name: 'Endocrine', status: 'pro', order: 1 }, - { slug: 'circulatory', name: 'Circulatory', status: 'soon', order: 1 }, - { slug: 'nervous', name: 'Nervous', status: 'soon', order: 1 }, - { slug: 'limphatic', name: 'Limphatic', status: 'soon', order: 1 } - ] \ No newline at end of file +module.exports = [ + { slug: 'skeletal', name: 'Skeletal', status: 'free', order: 1 }, + { slug: 'ligamentous', name: 'Ligamentous', status: 'free', order: 2 }, + { slug: 'muscular', name: 'Muscular', status: 'pro', order: 3 }, + { slug: 'digestive', name: 'Digestive', status: 'pro', order: 4 }, + { slug: 'respiratory', name: 'Respiratory', status: 'pro', order: 5 }, + { slug: 'urogenital', name: 'Urogenital', status: 'pro', order: 6 }, + { slug: 'endocrine', name: 'Endocrine', status: 'pro', order: 7 }, + { slug: 'circulatory', name: 'Circulatory', status: 'soon', order: 8 }, + { slug: 'nervous', name: 'Nervous', status: 'soon', order: 9 }, + { slug: 'lymphatic', name: 'Lymphatic', status: 'soon', order: 10 }, + { slug: 'integumentary', name: 'Integumentary', status: 'soon', order: 11 } +] \ No newline at end of file diff --git a/src/_includes/blurb.ejs b/src/_includes/blurb.ejs index 75a0c1b..a3d77f3 100644 --- a/src/_includes/blurb.ejs +++ b/src/_includes/blurb.ejs @@ -1,7 +1,8 @@

- Learn human anatomy quickly and easily by zooming, panning, hiding layers and interacting in real time. + Learn human anatomy quickly and easily by zooming, panning, hiding layers and interacting in real + time.

@@ -27,113 +28,14 @@ \ No newline at end of file diff --git a/src/_includes/contact.ejs b/src/_includes/contact.ejs new file mode 100644 index 0000000..44bc191 --- /dev/null +++ b/src/_includes/contact.ejs @@ -0,0 +1,22 @@ +
+
+

Contact Us

+
+
+ +
+ + your email address isn't valid 👆 + + +
+
+
\ No newline at end of file diff --git a/src/_includes/download.ejs b/src/_includes/download.ejs index c04337d..aef9e39 100644 --- a/src/_includes/download.ejs +++ b/src/_includes/download.ejs @@ -42,52 +42,4 @@
-
- - \ No newline at end of file + \ No newline at end of file diff --git a/src/_includes/footer.ejs b/src/_includes/footer.ejs index b0567bd..bae203f 100644 --- a/src/_includes/footer.ejs +++ b/src/_includes/footer.ejs @@ -1,19 +1,19 @@ - - \ No newline at end of file + \ No newline at end of file diff --git a/src/_includes/hero.ejs b/src/_includes/hero.ejs index 2553ed9..35eb6b0 100644 --- a/src/_includes/hero.ejs +++ b/src/_includes/hero.ejs @@ -1,10 +1,10 @@
<% include /nav %> - + + +
download now @@ -27,85 +27,4 @@

muscles, bones, organs and blood vessels in 3D

-
- - \ No newline at end of file + \ No newline at end of file diff --git a/src/_includes/info.ejs b/src/_includes/info.ejs index f4e46e2..41ab9f8 100644 --- a/src/_includes/info.ejs +++ b/src/_includes/info.ejs @@ -32,55 +32,4 @@ - - - \ No newline at end of file + \ No newline at end of file diff --git a/src/_includes/layouts/base.ejs b/src/_includes/layouts/base.ejs index ca7f7f0..8377448 100644 --- a/src/_includes/layouts/base.ejs +++ b/src/_includes/layouts/base.ejs @@ -1,5 +1,5 @@ - + @@ -77,26 +77,6 @@ -
<%- content %> @@ -109,10 +89,17 @@ + + + @@ -143,14 +183,14 @@ \ No newline at end of file diff --git a/src/_includes/layouts/home.ejs b/src/_includes/layouts/home.ejs new file mode 100644 index 0000000..0981cec --- /dev/null +++ b/src/_includes/layouts/home.ejs @@ -0,0 +1,30 @@ +--- +layout: layouts/base.ejs +--- + +asdf +<%= 'hello' | i18n %> + +<% include /hero %> + +<% include /blurb %> + +
+ + <% include /info %> + +
+ +<% include /screenshots %> + +<% include /systems %> + +
+ + <% include /pricing %> + + <% include /download %> + +
+ +<% include /reviews %> \ No newline at end of file diff --git a/src/_includes/nav.ejs b/src/_includes/nav.ejs index e00038d..b08e592 100644 --- a/src/_includes/nav.ejs +++ b/src/_includes/nav.ejs @@ -18,72 +18,4 @@ - - - \ No newline at end of file + \ No newline at end of file diff --git a/src/_includes/pricing.ejs b/src/_includes/pricing.ejs index be0aee5..be93da8 100644 --- a/src/_includes/pricing.ejs +++ b/src/_includes/pricing.ejs @@ -58,11 +58,18 @@ <% if (system.status==='free' ) { %> -
  • ✔
    • +
  • + + +
    • <% } else if (system.status==='pro' ) { %> -
  • ✖(in-app purchase)
    • +
  • + + + + (in-app purchase)
    • <% } else if (system.status==='soon' ) { %> @@ -77,7 +84,7 @@ download     -
    +

    monthly @@ -100,7 +107,11 @@ <% if (system.status==='pro' || system.status==='free' ) { %> -
  • ✔
    • +
  • + + + +
    • <% } else if (system.status==='soon' ) { %> @@ -115,7 +126,7 @@ coming soon

    -
    +

    yearly @@ -138,7 +149,10 @@ <% if (system.status==='pro' || system.status==='free' ) { %> -
  • ✔
    • +
  • + + +
    • <% } else if (system.status==='soon' ) { %> @@ -153,7 +167,7 @@ coming soon

    -
    +

    lifetime @@ -165,7 +179,7 @@

    - $39.95 + $24.95 one time fee @@ -176,7 +190,10 @@ <% if (system.status==='pro' || system.status==='free' ) { %> -
  • ✔
    • +
  • + + +
    • <% } else if (system.status==='soon' ) { %> @@ -192,136 +209,4 @@

    - - - \ No newline at end of file + \ No newline at end of file diff --git a/src/_includes/reviews.ejs b/src/_includes/reviews.ejs index ad94529..f6ae001 100644 --- a/src/_includes/reviews.ejs +++ b/src/_includes/reviews.ejs @@ -33,68 +33,4 @@ <% }) %> - - - \ No newline at end of file + \ No newline at end of file diff --git a/src/_includes/screenshots.ejs b/src/_includes/screenshots.ejs index 5fd1391..38e3582 100644 --- a/src/_includes/screenshots.ejs +++ b/src/_includes/screenshots.ejs @@ -22,47 +22,4 @@

    - - - \ No newline at end of file + \ No newline at end of file diff --git a/src/_includes/systems.ejs b/src/_includes/systems.ejs index ec8ba4d..9e3d23a 100644 --- a/src/_includes/systems.ejs +++ b/src/_includes/systems.ejs @@ -21,6 +21,8 @@ <% }) %>
    + background <% systems.forEach((system, index)=> { %> <%= system.name %> - - \ No newline at end of file + \ No newline at end of file diff --git a/src/assets/images/check.svg b/src/assets/images/check.svg index c4f8c13..72953ae 100644 --- a/src/assets/images/check.svg +++ b/src/assets/images/check.svg @@ -1,6 +1,6 @@ - + diff --git a/src/assets/images/hero.png b/src/assets/images/hero.png new file mode 100644 index 0000000..5e67a2d Binary files /dev/null and b/src/assets/images/hero.png differ diff --git a/src/assets/images/screenshots/head-torso--en.png b/src/assets/images/screenshots/01-head-torso--en.png similarity index 100% rename from src/assets/images/screenshots/head-torso--en.png rename to src/assets/images/screenshots/01-head-torso--en.png diff --git a/src/assets/images/screenshots/head-torso--en.resized.png b/src/assets/images/screenshots/01-head-torso--en.resized.png similarity index 100% rename from src/assets/images/screenshots/head-torso--en.resized.png rename to src/assets/images/screenshots/01-head-torso--en.resized.png diff --git a/src/assets/images/screenshots/head-torso--nl.png b/src/assets/images/screenshots/01-head-torso--nl.png similarity index 100% rename from src/assets/images/screenshots/head-torso--nl.png rename to src/assets/images/screenshots/01-head-torso--nl.png diff --git a/src/assets/images/screenshots/head-torso--nl.resized.png b/src/assets/images/screenshots/01-head-torso--nl.resized.png similarity index 100% rename from src/assets/images/screenshots/head-torso--nl.resized.png rename to src/assets/images/screenshots/01-head-torso--nl.resized.png diff --git a/src/assets/images/screenshots/torso--en.png b/src/assets/images/screenshots/02-torso--en.png similarity index 100% rename from src/assets/images/screenshots/torso--en.png rename to src/assets/images/screenshots/02-torso--en.png diff --git a/src/assets/images/screenshots/torso--en.resized.png b/src/assets/images/screenshots/02-torso--en.resized.png similarity index 100% rename from src/assets/images/screenshots/torso--en.resized.png rename to src/assets/images/screenshots/02-torso--en.resized.png diff --git a/src/assets/images/screenshots/torso--nl.png b/src/assets/images/screenshots/02-torso--nl.png similarity index 100% rename from src/assets/images/screenshots/torso--nl.png rename to src/assets/images/screenshots/02-torso--nl.png diff --git a/src/assets/images/screenshots/torso--nl.resized.png b/src/assets/images/screenshots/02-torso--nl.resized.png similarity index 100% rename from src/assets/images/screenshots/torso--nl.resized.png rename to src/assets/images/screenshots/02-torso--nl.resized.png diff --git a/src/assets/images/screenshots/hips--en.png b/src/assets/images/screenshots/03-hips--en.png similarity index 100% rename from src/assets/images/screenshots/hips--en.png rename to src/assets/images/screenshots/03-hips--en.png diff --git a/src/assets/images/screenshots/hips--en.resized.png b/src/assets/images/screenshots/03-hips--en.resized.png similarity index 100% rename from src/assets/images/screenshots/hips--en.resized.png rename to src/assets/images/screenshots/03-hips--en.resized.png diff --git a/src/assets/images/screenshots/hips--nl.png b/src/assets/images/screenshots/03-hips--nl.png similarity index 100% rename from src/assets/images/screenshots/hips--nl.png rename to src/assets/images/screenshots/03-hips--nl.png diff --git a/src/assets/images/screenshots/hips--nl.resized.png b/src/assets/images/screenshots/03-hips--nl.resized.png similarity index 100% rename from src/assets/images/screenshots/hips--nl.resized.png rename to src/assets/images/screenshots/03-hips--nl.resized.png diff --git a/src/assets/images/screenshots/trap--en.png b/src/assets/images/screenshots/04-trap--en.png similarity index 100% rename from src/assets/images/screenshots/trap--en.png rename to src/assets/images/screenshots/04-trap--en.png diff --git a/src/assets/images/screenshots/trap--en.resized.png b/src/assets/images/screenshots/04-trap--en.resized.png similarity index 100% rename from src/assets/images/screenshots/trap--en.resized.png rename to src/assets/images/screenshots/04-trap--en.resized.png diff --git a/src/assets/images/screenshots/trap--nl.png b/src/assets/images/screenshots/04-trap--nl.png similarity index 100% rename from src/assets/images/screenshots/trap--nl.png rename to src/assets/images/screenshots/04-trap--nl.png diff --git a/src/assets/images/screenshots/trap--nl.resized.png b/src/assets/images/screenshots/04-trap--nl.resized.png similarity index 100% rename from src/assets/images/screenshots/trap--nl.resized.png rename to src/assets/images/screenshots/04-trap--nl.resized.png diff --git a/src/assets/images/screenshots/guts--en.png b/src/assets/images/screenshots/05-guts--en.png similarity index 100% rename from src/assets/images/screenshots/guts--en.png rename to src/assets/images/screenshots/05-guts--en.png diff --git a/src/assets/images/screenshots/guts--en.resized.png b/src/assets/images/screenshots/05-guts--en.resized.png similarity index 100% rename from src/assets/images/screenshots/guts--en.resized.png rename to src/assets/images/screenshots/05-guts--en.resized.png diff --git a/src/assets/images/screenshots/guts--nl.png b/src/assets/images/screenshots/05-guts--nl.png similarity index 100% rename from src/assets/images/screenshots/guts--nl.png rename to src/assets/images/screenshots/05-guts--nl.png diff --git a/src/assets/images/screenshots/guts--nl.resized.png b/src/assets/images/screenshots/05-guts--nl.resized.png similarity index 100% rename from src/assets/images/screenshots/guts--nl.resized.png rename to src/assets/images/screenshots/05-guts--nl.resized.png diff --git a/src/assets/images/screenshots/torso-open--en.png b/src/assets/images/screenshots/06-torso-open--en.png similarity index 100% rename from src/assets/images/screenshots/torso-open--en.png rename to src/assets/images/screenshots/06-torso-open--en.png diff --git a/src/assets/images/screenshots/torso-open--en.resized.png b/src/assets/images/screenshots/06-torso-open--en.resized.png similarity index 100% rename from src/assets/images/screenshots/torso-open--en.resized.png rename to src/assets/images/screenshots/06-torso-open--en.resized.png diff --git a/src/assets/images/screenshots/torso-open--nl.png b/src/assets/images/screenshots/06-torso-open--nl.png similarity index 100% rename from src/assets/images/screenshots/torso-open--nl.png rename to src/assets/images/screenshots/06-torso-open--nl.png diff --git a/src/assets/images/screenshots/torso-open--nl.resized.png b/src/assets/images/screenshots/06-torso-open--nl.resized.png similarity index 100% rename from src/assets/images/screenshots/torso-open--nl.resized.png rename to src/assets/images/screenshots/06-torso-open--nl.resized.png diff --git a/src/assets/images/screenshots/back--en.png b/src/assets/images/screenshots/07-back--en.png similarity index 100% rename from src/assets/images/screenshots/back--en.png rename to src/assets/images/screenshots/07-back--en.png diff --git a/src/assets/images/screenshots/back--en.resized.png b/src/assets/images/screenshots/07-back--en.resized.png similarity index 100% rename from src/assets/images/screenshots/back--en.resized.png rename to src/assets/images/screenshots/07-back--en.resized.png diff --git a/src/assets/images/screenshots/back--nl.png b/src/assets/images/screenshots/07-back--nl.png similarity index 100% rename from src/assets/images/screenshots/back--nl.png rename to src/assets/images/screenshots/07-back--nl.png diff --git a/src/assets/images/screenshots/back--nl.resized.png b/src/assets/images/screenshots/07-back--nl.resized.png similarity index 100% rename from src/assets/images/screenshots/back--nl.resized.png rename to src/assets/images/screenshots/07-back--nl.resized.png diff --git a/src/assets/images/screenshots/hand--en.png b/src/assets/images/screenshots/08-hand--en.png similarity index 100% rename from src/assets/images/screenshots/hand--en.png rename to src/assets/images/screenshots/08-hand--en.png diff --git a/src/assets/images/screenshots/hand--en.resized.png b/src/assets/images/screenshots/08-hand--en.resized.png similarity index 100% rename from src/assets/images/screenshots/hand--en.resized.png rename to src/assets/images/screenshots/08-hand--en.resized.png diff --git a/src/assets/images/screenshots/hand--nl.png b/src/assets/images/screenshots/08-hand--nl.png similarity index 100% rename from src/assets/images/screenshots/hand--nl.png rename to src/assets/images/screenshots/08-hand--nl.png diff --git a/src/assets/images/screenshots/hand--nl.resized.png b/src/assets/images/screenshots/08-hand--nl.resized.png similarity index 100% rename from src/assets/images/screenshots/hand--nl.resized.png rename to src/assets/images/screenshots/08-hand--nl.resized.png diff --git a/src/assets/images/slider-1.png b/src/assets/images/slider-1.png new file mode 100644 index 0000000..711e625 Binary files /dev/null and b/src/assets/images/slider-1.png differ diff --git a/src/assets/images/slider-2.png b/src/assets/images/slider-2.png new file mode 100644 index 0000000..3f33697 Binary files /dev/null and b/src/assets/images/slider-2.png differ diff --git a/src/assets/images/systems/layers/circulatory.png b/src/assets/images/systems/icons/integumentary.png similarity index 52% rename from src/assets/images/systems/layers/circulatory.png rename to src/assets/images/systems/icons/integumentary.png index 39ca532..846a2ca 100644 Binary files a/src/assets/images/systems/layers/circulatory.png and b/src/assets/images/systems/icons/integumentary.png differ diff --git a/src/assets/images/systems/icons/lymphatic.png b/src/assets/images/systems/icons/lymphatic.png new file mode 100644 index 0000000..ee23d90 Binary files /dev/null and b/src/assets/images/systems/icons/lymphatic.png differ diff --git a/src/assets/images/systems/icons/nervous.png b/src/assets/images/systems/icons/nervous.png new file mode 100644 index 0000000..d397c91 Binary files /dev/null and b/src/assets/images/systems/icons/nervous.png differ diff --git a/src/assets/images/systems/layers/bkg.png b/src/assets/images/systems/layers/bkg.png new file mode 100644 index 0000000..7ebc5b7 Binary files /dev/null and b/src/assets/images/systems/layers/bkg.png differ diff --git a/src/assets/images/systems/layers/digestive.png b/src/assets/images/systems/layers/digestive.png index 400dadf..ea37ac3 100644 Binary files a/src/assets/images/systems/layers/digestive.png and b/src/assets/images/systems/layers/digestive.png differ diff --git a/src/assets/images/systems/layers/endocrine.png b/src/assets/images/systems/layers/endocrine.png index 81a4c8e..ddf071a 100644 Binary files a/src/assets/images/systems/layers/endocrine.png and b/src/assets/images/systems/layers/endocrine.png differ diff --git a/src/assets/images/systems/layers/ligamentous.png b/src/assets/images/systems/layers/ligamentous.png index 0ac0682..7239984 100644 Binary files a/src/assets/images/systems/layers/ligamentous.png and b/src/assets/images/systems/layers/ligamentous.png differ diff --git a/src/assets/images/systems/layers/muscular.png b/src/assets/images/systems/layers/muscular.png index 6ed4074..9226a04 100644 Binary files a/src/assets/images/systems/layers/muscular.png and b/src/assets/images/systems/layers/muscular.png differ diff --git a/src/assets/images/systems/layers/respiratory.png b/src/assets/images/systems/layers/respiratory.png index 011a21a..73ce981 100644 Binary files a/src/assets/images/systems/layers/respiratory.png and b/src/assets/images/systems/layers/respiratory.png differ diff --git a/src/assets/images/systems/layers/skeletal.png b/src/assets/images/systems/layers/skeletal.png index 44170df..02181bb 100644 Binary files a/src/assets/images/systems/layers/skeletal.png and b/src/assets/images/systems/layers/skeletal.png differ diff --git a/src/assets/images/systems/layers/urogenital.png b/src/assets/images/systems/layers/urogenital.png index c2d7466..1c362ab 100644 Binary files a/src/assets/images/systems/layers/urogenital.png and b/src/assets/images/systems/layers/urogenital.png differ diff --git a/src/assets/styles/_blurb.css b/src/assets/styles/_blurb.css new file mode 100644 index 0000000..43255cd --- /dev/null +++ b/src/assets/styles/_blurb.css @@ -0,0 +1,113 @@ +article.blurb__wrapper { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 3rem; + padding: 2rem 4rem; +} + +.blurb__wrapper section { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; +} + +.blurb__wrapper p { + font-family: Nunito, sans-serif; + font-size: max(1.5rem, 12pt); +} + +.blurb__wrapper p em { + background-color: var(--c-3); + padding: 0 .25em; + font-style: normal; +} + +.before-and-after { + position: relative; + height: 25rem; + width: calc(25rem * (781/1347)); + aspect-ratio: 781/1347; + border: 2px solid white; + border-radius: var(--r-1); + overflow: hidden; +} + +.before-and-after .img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-size: cover; +} + +.before-and-after .slider { + position: absolute; + -webkit-appearance: none; + appearance: none; + width: 100%; + height: 100%; + background: rgba(242, 242, 242, 0.3); + outline: none; + margin: 0; + transition: all 0.2s; + display: flex; + justify-content: center; + align-items: center; + cursor: w-resize; +} + +.before-and-after .slider:hover { + background: rgba(242, 242, 242, 0.1); +} + +.before-and-after .slider::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + width: 6px; + height: 600px; + background: white; + cursor: pointer; +} + +.before-and-after .slider::-moz-range-thumb { + width: 6px; + height: 600px; + background: white; + cursor: pointer; +} + +.before-and-after .slider-button { + pointer-events: none; + position: absolute; + width: 30px; + height: 30px; + border-radius: 50%; + background-color: white; + left: calc(50% - 18px); + top: calc(50% - 18px); + display: flex; + justify-content: center; + align-items: center; + cursor: w-resize; +} + +.before-and-after .slider-button:after { + content: ""; + padding: 3px; + display: inline-block; + border: solid #5D5D5D; + border-width: 0 2px 2px 0; + transform: rotate(-45deg); +} + +.before-and-after .slider-button:before { + content: ""; + padding: 3px; + display: inline-block; + border: solid #5D5D5D; + border-width: 0 2px 2px 0; + transform: rotate(135deg); +} \ No newline at end of file diff --git a/src/assets/styles/_contact.css b/src/assets/styles/_contact.css new file mode 100644 index 0000000..7e36fdd --- /dev/null +++ b/src/assets/styles/_contact.css @@ -0,0 +1,91 @@ +.contact__wrapper { + display: flex; + color: var(--c-bkg); + background: var(--c-3); + width: var(--viewportWidth); + margin-top: 2rem; + padding: 4rem 2rem 6rem 2rem; +} + +.contact__wrapper section { + display: flex; + flex-direction: column; + align-items: center; +} + +.contact__wrapper .form { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 1rem +} + +.contact__wrapper input { + border-radius: max(1rem, 16pt); + padding: 0.5rem 1rem; + width: min(35ch, 90vw); + font-size: max(1rem, 16pt); +} + +.contact__wrapper textarea { + color: black; + border-radius: max(1rem, 16pt); + padding: 0.5rem 1rem; + width: min(35ch, 90vw); + min-height: 10rem; + font-size: max(1rem, 16pt); +} + +.btn--contact { + text-align: center; + background: var(--c-2); + color: white; + border-radius: 999px; + text-transform: uppercase; + font-size: max(1.5rem, 20pt); + display: flex; + align-items: center; + justify-content: center; + line-height: 0; + padding: 0.5rem 1.5rem; + transition: 0.2s all; + gap: 0.5rem; +} + +.btn--contact svg { + height: 1em; +} + +.btn--contact:hover svg { + stroke: black; + transition: 0.2s color, 0.2s 0.2s transform; + transform: rotateZ(45deg); +} + +.btn--contact:hover { + background-color: white; + color: black; +} + +.btn--contact:disabled { + opacity: 0.2; + cursor: none; + pointer-events: none; +} + +.form-alert { + text-transform: uppercase; + transition: 0.2s all; + line-height: 1; + overflow: hidden; + opacity: 0; + display: block; + margin-top: -1rem; + height: 0; +} + +.form-alert--visible { + margin-top: 0; + height: 1rem; + opacity: 1; +} \ No newline at end of file diff --git a/src/assets/styles/_download.css b/src/assets/styles/_download.css new file mode 100644 index 0000000..64a38ce --- /dev/null +++ b/src/assets/styles/_download.css @@ -0,0 +1,54 @@ +.btn--store { + text-align: center; + background: var(--c-3); + padding: .5rem 1rem; + color: white; + display: block; + border-radius: 999px; + text-transform: uppercase; + font-size: 1rem; +} + +.download__content { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + gap: 1rem; +} + +.platform__wrapper { + display: flex; + flex-direction: column; + align-items: center; + padding: var(--p-1); + border-radius: var(--r-1); + background-color: var(--c-bkg); + gap: 1rem; + border: 0.3rem solid transparent; + transition: all 0.2s; +} + +.platform__wrapper:hover { + border-color: var(--c-3); +} + +.platform__wrapper:hover .btn--store { + background: var(--c-1); +} + +.platform__wrapper svg { + max-width: 100%; + height: 9rem; +} + +.platform__wrapper h2 { + font-size: 2.2rem; +} + +@media screen and (max-width: 768px) { + .download__content { + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr 1fr; + gap: 1rem; + } +} \ No newline at end of file diff --git a/src/assets/styles/_footer.css b/src/assets/styles/_footer.css new file mode 100644 index 0000000..3ab203a --- /dev/null +++ b/src/assets/styles/_footer.css @@ -0,0 +1,83 @@ +footer { + display: flex; + color: var(--c-bkg); + gap: 3rem; + background: black; + width: var(--viewportWidth); + padding: 4rem 2rem 6rem 2rem; +} + +footer section { + display: flex; + flex-direction: column; + align-items: flex-start; +} + +footer h3 a { +font-size: 2rem; +color: var(--c-3); +transition: .2s all; +} + +footer h3 a:hover { +color: var(--c-1); +} + +footer ul { + list-style: none; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + flex-wrap: wrap; + max-height: 8.5rem; + row-gap: 0.5rem; + column-gap: 3rem; +} + +footer li { +line-height: 1; +font-size: 1rem; +} + +footer li.menu-item { +opacity: 0.6; +} + +footer li svg { + max-height: 1.7rem; + transition: .2s all; +} + +footer li a { + display: flex; + align-items: center; + color: var(--c-bkg); + gap: 0.5rem; + transition: .2s all; +} + +footer li a:hover { + color: var(--c-3); +} + +footer li a:hover svg { + stroke: var(--c-3); +} + +.copywrite { + margin-bottom: 3rem; +} + +.credit { + opacity: 0.5; + font-size: 0.75rem; +} + +.credit a { + color: var(--c-1); +} + +.credit a:hover { + text-decoration: underline; +} \ No newline at end of file diff --git a/src/assets/styles/_hero.css b/src/assets/styles/_hero.css new file mode 100644 index 0000000..bbc4cba --- /dev/null +++ b/src/assets/styles/_hero.css @@ -0,0 +1,88 @@ +.hero__wrapper { + --offset: 8rem; + margin-bottom: var(--offset); + padding: 0 2rem; + --weird-gap: 0.04rem; + z-index: 1; /* temp, to overlap slider */ +} + +.hero__video { + border-radius: var(--r-1); +} + +.hero__banner { + background: var(--c-bkg); + border-radius: var(--r-1) var(--r-1) 0 0; + padding: var(--p-1); + position: absolute; + bottom: calc(-1 * var(--offset)); + left: 6rem; +} + +.hero__banner h1 { + width: 15ch; + font-size: 4.2rem; +} + +.banner-edge-left { + position: absolute; + left: calc(-1 * var(--r-1) + var(--weird-gap)); + height: var(--r-1); + width: var(--r-1); + bottom: calc(var(--offset) - var(--weird-gap)); +} + +.banner-edge-right { + position: absolute; + right: calc(-1 * var(--r-1) + var(--weird-gap)); + height: var(--r-1); + width: var(--r-1); + bottom: calc(var(--offset) - var(--weird-gap)); + transform: scaleX(-1); +} + +.hero__info { +position: absolute; +top: 30%; +right: 15%; +display: flex; +flex-direction: column; +gap: 1rem; +align-items: center; +} + +.hero__info .platform-list { +display: flex; +gap: 0.8rem; +} + +.hero__info .platform-list svg { +height: 1.8rem; +width: 1.8rem; +} + +.hero__info .platform-list svg path { +fill: var(--c-2); +opacity: 0.25; +} + +.btn--hero { +text-transform: uppercase; +font-size: 1.5rem; +background: var(--c-3); +border-radius: 999px; +padding: 1.5rem 2rem; +color: black; +} + +.btn--hero:hover { +background: var(--c-bkg); +} + + +.hero__wrapper { + position: relative; + display: flex; + flex-direction: column; + align-items: center; + } \ No newline at end of file diff --git a/src/assets/styles/_info.css b/src/assets/styles/_info.css new file mode 100644 index 0000000..c87e706 --- /dev/null +++ b/src/assets/styles/_info.css @@ -0,0 +1,46 @@ +article.info__wrapper { + flex-direction: row; + gap: 3rem; +} + +.info__wrapper section { + width: 50%; + display: flex; + flex-direction: column; + justify-content: center; +} + +.info__wrapper p { + font-family: Nunito, sans-serif; + font-size: max(1.15rem, 10pt); +} + +.info__wrapper section p:first-of-type{ + margin-bottom: 3rem; +} + +.info__wrapper ul { + margin-left: 2.5rem; +} + +.info__wrapper ul li{ + font-size: max(1.15rem, 12pt); + font-weight: 700; + font-style: italic; + line-height: 1; + margin-bottom: 2rem; + list-style: none; + position: relative; +} + +.info__wrapper ul li::before { + content: ''; + background: url('../images/check.svg'); + height: 1.8rem; + width: 1.8rem; + background-size: contain; + display: block; + background-repeat: no-repeat; + position: absolute; + left: -2.3rem; +} \ No newline at end of file diff --git a/src/assets/styles/_nav.css b/src/assets/styles/_nav.css new file mode 100644 index 0000000..ddceb2d --- /dev/null +++ b/src/assets/styles/_nav.css @@ -0,0 +1,65 @@ +.nav__wrapper { + border-radius: 0 0 var(--r-1) var(--r-1); + padding: 0.5rem var(--p-1) 1.5rem var(--p-1); + background: var(--c-bkg); + position: absolute; + z-index: 1; + + --weird-gap: 0.04rem; + } + + nav ul { + display: flex; + align-items: center; + gap: 1rem; + } + + nav ul li { + white-space: nowrap; + font-family: Nunito, sans-serif; + text-transform: uppercase; + font-size: 1rem; + } + + .nav-edge-left { + position: absolute; + left: calc(-1 * var(--r-1) + var(--weird-gap)); + height: var(--r-1); + width: var(--r-1); + top: calc(-1 * var(--weird-gap)); + transform: scaleY(-1); + } + + .nav-edge-right { + position: absolute; + right: calc(-1 * var(--r-1) + var(--weird-gap)); + height: var(--r-1); + width: var(--r-1); + top: calc(-1 * var(--weird-gap)); + transform: scaleX(-1) scaleY(-1); + } + +.nav-link { + position: relative; + transition: all 0.15s ease-out; + color: black; +} +.nav-link:before { + content: ""; + position: absolute; + width: 100%; + height: 1px; + bottom: 0; + left: 0; + background-color: var(--c-1); + visibility: hidden; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transition: all 0.5s cubic-bezier(1, 0.25, 0, 0.75) 0s; + transition: all 0.5s cubic-bezier(1, 0.25, 0, 0.75) 0s; +} +.nav-link:hover:before { + visibility: visible; + -webkit-transform: scaleX(1); + transform: scaleX(1); +} \ No newline at end of file diff --git a/src/assets/styles/_pricing.css b/src/assets/styles/_pricing.css new file mode 100644 index 0000000..2a10ae9 --- /dev/null +++ b/src/assets/styles/_pricing.css @@ -0,0 +1,145 @@ +.pricing__content { + display: grid; + grid-template-columns: 0.75fr 1fr 1fr 1fr 1fr; + gap: 1rem; +} + +.level__wrapper { + display: grid; + grid-template-rows: 3rem auto 2.5rem; + gap: 1rem; +} + +.level__wrapper--disabled { + opacity: 0.25; +} + +.level__wrapper header { + text-align: center; +} + +.level__wrapper header span { + font-size: max(0.75rem, 8pt); + color: var(--c-2); + font-family: Nunito, sans-serif; +} + +.level__wrapper header h2 { + color: var(--c-2); + display: inline-flex; + flex-direction: column; + align-items: end; +} + +.level__content { + border-radius: var(--r-1); + background: var(--c-bkg); + padding: 2rem 0; + display: grid; + grid-template-rows: 3rem auto; +} + +.level__content ul { + display: grid; + grid-template-rows: repeat(11, 3rem); + align-items: center; +} + +.level__content li { + display: flex; + flex-direction: column; + align-items: center; + gap: 0.25rem; + line-height: 1; + font-size: 1.5rem; +} + +.level__content li svg { + width: 1.5rem; +} + +.level__content li span { + font-size: max(0.75rem, 8pt); +} + +.level__price-wrapper { + text-align: center; +} + +.level__price-wrapper h2 { + display: inline-flex; + flex-direction: column; + align-items: end; +} + +.level__price-wrapper span { + font-size: max(0.75rem, 8pt); + font-family: Nunito, sans-serif; +} + +.level__wrapper .note { + color: var(--c-bkg); +} + +.level-wrapper--heading .level__content { + background: transparent; +} + +.level-wrapper--heading ul { + justify-items: end; + align-items: center; +} + +.level-wrapper--heading ul li { + color: var(--c-2); + font-weight: 600; + text-transform: uppercase; + text-align: right; + font-size: 1rem; +} + +.level-wrapper--trial .level__content { + background: #DBDBDB; +} + +.level__wrapper--trial .note { + color: gray; +} + +.btn--level { + text-align: center; + background: var(--c-3); + color: white; + display: block; + border-radius: 999px; + text-transform: uppercase; + font-size: 1rem; + display: flex; + align-items: center; + justify-content: center; + line-height: 0; +} + +.btn--level:hover { + background: var(--c-bkg); + color: var(--c-2); +} + +.btn--disabled { + background: var(--c-bkg); + color: black; + pointer-events: none; + cursor: not-allowed; +} + +@media screen and (max-width: 768px) { + .level__wrapper--monthly, .level__wrapper--yearly { + display: none; + } + + .pricing__content { + display: grid; + grid-template-columns: 0.5fr 1fr 1fr; + gap: 1rem; + } +} \ No newline at end of file diff --git a/src/assets/styles/_reviews.css b/src/assets/styles/_reviews.css new file mode 100644 index 0000000..dfea98b --- /dev/null +++ b/src/assets/styles/_reviews.css @@ -0,0 +1,60 @@ + /****** Style Star Rating Widget *****/ + + + .reviews-wrapper blockquote { + font-family: 'DM Serif Display', serif; + font-size: 3.4rem; + line-height: .9; + margin: 0 2rem; +} + +.rating-wrapper { + display: flex; + gap: 1rem; + align-items: center; +} + +.reviews { + display: flex; + flex-direction: column; + gap: 2rem +} + +.review { + display: flex; + flex-direction: column; +} + +.review__name { +align-self: flex-end; +margin-right: 6rem; +font-size: 1.5rem; +} + +.review__name::before { +content: '⁓ '; + +} + +.rating { + border: none; + display: flex; +} + +.rating>label:before { + margin: 0.3rem; + font-size: 1.25em; + font-family: FontAwesome; + display: inline-block; + content: "\f005"; +} + +.rating>.half:before { + content: "\f089"; + position: absolute; + color: var(--c-3); +} + +.rating>label { + color: var(--c-3); +} \ No newline at end of file diff --git a/src/assets/styles/_screenshots.css b/src/assets/styles/_screenshots.css new file mode 100644 index 0000000..8a1599f --- /dev/null +++ b/src/assets/styles/_screenshots.css @@ -0,0 +1,40 @@ +.glide { + overflow-x: scroll; +} + +.glide::-webkit-scrollbar { + width: 1rem; +} + +/* Track */ +.glide::-webkit-scrollbar-track { + background: transparent; +} + +/* Handle */ +.glide::-webkit-scrollbar-thumb { + background-color: var(--c-1); + border-radius: 999px; + transition: .2s all; +} + +/* Handle on hover */ +.glide::-webkit-scrollbar-thumb:hover { + background-color: var(--c-3); +} + +.glide__slides { + display: flex; + flex-wrap: nowrap; + gap: 1rem; + padding-bottom: 2rem; +} + +.glide__slide img { + max-width: 12rem; +} + +.glide__slide img { + border-radius: 2rem; + pointer-events: none; +} \ No newline at end of file diff --git a/src/assets/styles/_systems.css b/src/assets/styles/_systems.css new file mode 100644 index 0000000..c55f6d9 --- /dev/null +++ b/src/assets/styles/_systems.css @@ -0,0 +1,103 @@ +.system__wrapper section { + display: grid; + grid-template-columns: 30rem auto; +} + +.system__wrapper { + display: flex; + flex-direction: column; +} + +.system__list { + display: flex; + flex-wrap: wrap; + gap: 1rem; +} + +.system__list li { + aspect-ratio: 1; + height: 9rem; + width: 9rem; + background-color: var(--c-1); + border-radius: var(--r-1); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border: 0.3rem solid transparent; + transition: all 0.2s; + cursor: pointer; +} + +.system__list li:hover { + border-color: var(--c-3); +} + +.system__list li:hover img, +.system__list li:hover span { + transform: scale(1.05); +} + +.system__list li img { + width: 4rem; + transition: all 0.2s; +} + +.system__list li span { + color: var(--c-bkg); + transition: all 0.2s; +} + +.system__list li.system--selected { + background-color: var(--c-3); +} + +.system__zoom-wrapper { + position: relative; + background-color: var(--c-1); + padding: var(--p-1); + border-radius: var(--r-1); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + overflow: hidden; +} + +li.system--soon { + background: lightgray; + color: gray; + pointer-events: none; +} + +.zoom__image { + position: absolute; + top: 0; + left: 0; + opacity: 0; + transition: opacity 0.5s; + height: 100%; + width: 100%; + object-fit: cover; +} + +.zoom__image--bkg { + position: absolute; + top: 0; + left: 0; + opacity: 0.6; + transition: opacity 0.5s; + height: 100%; + width: 100%; + object-fit: cover; +} + +.zoom__image--visible { + opacity: 1; +} + +@media screen and (max-width: 768px) { + .system__wrapper section { + grid-template-columns: 20rem auto; + } +} \ No newline at end of file diff --git a/src/assets/styles/main.css b/src/assets/styles/main.css index 0004618..ff77226 100644 --- a/src/assets/styles/main.css +++ b/src/assets/styles/main.css @@ -8,11 +8,11 @@ a:hover { @apply underline; } -@tailwind components; +/* @tailwind components; */ -@tailwind utilities; +/* @tailwind utilities; */ -.content { +/* .content { @apply tracking-wider leading-8 text-xl; } @@ -83,7 +83,7 @@ a:hover { .content th { @apply bg-gray-100; -} +} */ /*************************************/ @@ -144,8 +144,10 @@ body{ --r-1: 2rem; --p-1: 1.5rem; --c-bkg: white; - --c-1: #00C2FF; + /* --c-1: #00C2FF; */ + --c-1: #ececec; --c-2: black; + --c-3: #00C2FF; --viewportWidth: calc(100vw - var(--scrollbarWidth)); } @@ -169,12 +171,13 @@ article { article > header { display: flex; - align-items: flex-end; + flex-direction: column; margin-bottom: 2rem; + gap: 2rem; } article > header > aside { - + font-size: max(1rem, 10pt) } .inset { @@ -223,11 +226,6 @@ h1 { padding-top: 0.75rem; } -h1.h1--hero { - font-size: 4.2rem; - width: auto; -} - h2 { font-family: Bebas Neue; font-size: 3rem; @@ -235,14 +233,29 @@ h2 { line-height: 0.85; } -.hero__wrapper { - position: relative; - display: flex; - flex-direction: column; - align-items: center; -} - .blurb__wrapper { border-radius: var(--radius); background: var(--c-bkg); -} \ No newline at end of file +} + +@import '_nav.css'; + +@import '_hero.css'; + +@import '_blurb.css'; + +@import '_info.css'; + +@import '_screenshots.css'; + +@import '_systems.css'; + +@import '_pricing.css'; + +@import '_download.css'; + +@import '_reviews.css'; + +@import '_contact.css'; + +@import '_footer.css'; \ No newline at end of file diff --git a/src/en-US/index.ejs b/src/en-US/index.ejs index 06816c7..ac4951c 100644 --- a/src/en-US/index.ejs +++ b/src/en-US/index.ejs @@ -1,5 +1,3 @@ --- -layout: layouts/base.ejs ---- - -hello \ No newline at end of file +layout: layouts/home.ejs +--- \ No newline at end of file diff --git a/src/index.ejs b/src/index.ejs index 72161a3..51c1975 100644 --- a/src/index.ejs +++ b/src/index.ejs @@ -31,4 +31,6 @@ eleventyComputed:
    -<% include /reviews %> \ No newline at end of file +<% include /reviews %> + +<% include /contact %> \ No newline at end of file diff --git a/src/js/eleventy-js.njk.stop b/src/js/eleventy-js.njk.stop deleted file mode 100644 index 12edf90..0000000 --- a/src/js/eleventy-js.njk.stop +++ /dev/null @@ -1,8 +0,0 @@ ---- -permalink: js/eleventy.js -eleventyExcludeFromCollections: true ---- -{% set js %} - -{% endset %} -{{ js | jsmin | safe }} \ No newline at end of file diff --git a/webpack.config.js b/webpack.config.js index eea03e4..2de2e8c 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -87,6 +87,30 @@ module.exports = { }, ], }, + { + test: /\.svg$/, + use: [ + { + loader: 'svg-url-loader', + options: { + limit: 10000, + }, + }, + ], + }, + { + test: /\.(png|jpg|gif)$/i, + use: [ + { + loader: 'url-loader', + options: { + name: 'images/[name].[ext]', + limit: 10000, + esModule: false + }, + }, + ] + } ], }, };