diff --git a/package.json b/package.json index 8fddf48..4e24555 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "graphicvizion", "version": "1.0.0", - "description": "Visual Anatomy 3D", + "description": "GraphicViZion", "scripts": { "build-dev:webpack": "webpack", "watch:webpack": "webpack --watch", diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png index c036501..bb1bf5c 100644 Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ diff --git a/public/assets/images/logo-32x32.png b/public/assets/images/logo-32x32.png index 13a7c4b..181fcc5 100644 Binary files a/public/assets/images/logo-32x32.png and b/public/assets/images/logo-32x32.png differ diff --git a/public/assets/images/logo.png b/public/assets/images/logo.png index 057ca5e..0742c60 100644 Binary files a/public/assets/images/logo.png and b/public/assets/images/logo.png differ diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png index 01d7abf..b698d47 100644 Binary files a/public/favicon-16x16.png and b/public/favicon-16x16.png differ diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png index 13a7c4b..181fcc5 100644 Binary files a/public/favicon-32x32.png and b/public/favicon-32x32.png differ diff --git a/public/favicon.ico b/public/favicon.ico old mode 100755 new mode 100644 index 42b311b..7cc24e7 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/src/_data/reviews.js b/src/_data/reviews.js index ac6022d..974306c 100644 --- a/src/_data/reviews.js +++ b/src/_data/reviews.js @@ -19,5 +19,19 @@ module.exports = [ stars: 5, site: 'App Store', link: '' + }, + { + name: 'Lara T', + quote: 'Best acupuncture app on the market. Easy to work with and complete', + stars: 5, + site: 'App Store', + link: '' + }, + { + name: 'johnson lawley', + quote: 'I had a little problem with the app (my own fault), graphicvizion responded very quickly and solved it right away.', + stars: 5, + site: 'App Store', + link: '' } ] \ No newline at end of file diff --git a/src/_data/sections.js b/src/_data/sections.js index ac8cd03..870a63e 100644 --- a/src/_data/sections.js +++ b/src/_data/sections.js @@ -1,9 +1,7 @@ module.exports = [ //{ slug: 'home', name: 'Home' }, { slug: 'info', name: 'Info' }, - { slug: 'screenshots', name: 'Screenshots' }, - { slug: 'systems', name: 'Systems' }, - { slug: 'pricing', name: 'Pricing' }, + { slug: 'showcase', name: 'Showcase' }, { slug: 'download', name: 'Download' }, { slug: 'reviews', name: 'Reviews' }, { slug: 'contact', name: 'Contact' } diff --git a/src/_data/showcase.js b/src/_data/showcase.js new file mode 100644 index 0000000..776b3bd --- /dev/null +++ b/src/_data/showcase.js @@ -0,0 +1,65 @@ +module.exports = [ + { + name: 'Visual Anatomy 3d', + slug: 'visual-anatomy-3d', + url: 'https://visualanatomy3d.app', + description: + ` + Complete and easy-to-use virtual guide for learning, understanding, and visualizing the complexities of human anatomy.
+ Includes information and images for each part, multiple options to interact with the 3D models (hiding, fading, etc), and much more. + `, + order: 1 + }, + { + name: 'Visual Acupuncture 3d', + slug: 'visual-acupuncture-3d', + url: 'https://visualacupuncture3d.app', + description: + ` + Study acupuncture visually and interactively.
+ Get a good feel for the flow of meridian pathways and their (anatomical) point locations. + `, + order: 2 + }, + { + name: 'Visual Anatomy Canine', + slug: 'visual-anatomy-canine', + url: 'https://youtu.be/alb5UK6tY5E', + description: + ` + An interactive visual guide for learning and understanding canine(dog) anatomy quickly get a clear and complete 3 dimensional understanding of all muscles, bones & organs.
+ Includes the option to search, save/restore states, quality settings and more. + `, + order: 3 + }, + { + name: 'Total Reflexology', + slug: 'total-reflexology', + url: 'https://youtu.be/EANNJv0d2eI', + description: + ` + Total Reflexology is aimed to create a more fun, easy and interactive way to learn, look up or share information and provides you with a portable reflexology guide (quickly and easily look up anything reflexology related from anywhere). + `, + order: 4 + }, + { + name: 'Easy Acupuncture', + slug: 'easy-acupuncture', + url: 'https://youtu.be/rtuRrrLPNvk', + description: + ` + Simple and easy to use app to view all acupuncture points and meridians in both full interactive 3D(zoom, pan, rotate & touch) and with the help of 2D illustrated images, animations and detailed text. + `, + order: 5 + }, + { + name: 'Diffriend', + slug: 'diffriend', + url: '', + description: + ` + Peer support app for people with physical or psychological ailments; get in touch with people who are 'different' themselves in an easy and convenient way. + `, + order: 6 + }, +] \ No newline at end of file diff --git a/src/_data/site.json b/src/_data/site.json index 4668c4f..9d9cc43 100644 --- a/src/_data/site.json +++ b/src/_data/site.json @@ -1,8 +1,8 @@ { - "site_name": "Visual Anatomy 3D", - "title": "Visual Anatomy 3D", + "site_name": "GraphicViZion", + "title": "GraphicViZion", "description": "Learn human anatomy quickly and easily by zooming, panning, hiding layers and interacting in real time.", - "url": "https://visualanatomy3d.app/", + "url": "https://graphicvizion.com/", "locale": "en", "author": "Spencer Flagg" } diff --git a/src/_includes/blurb.ejs b/src/_includes/blurb.ejs index 30f7728..5c20002 100644 --- a/src/_includes/blurb.ejs +++ b/src/_includes/blurb.ejs @@ -1,43 +1,24 @@

- Complete and easy-to-use virtual guide for learning, understanding, and visualizing the complexities of human anatomy in 3D. - Includes information and images for each anatomical system and part, multiple options to interact with the 3D anatomy models (hiding, fading, etc), and much more. + <%= site.site_name %> is here to help you learn complex medical subjects like anatomy and acupuncture in the easiest way possible: VISUALLY. + With our suite of slick, professional products you can focus on what's important to you, and spend less time searching through books and atlasses to find what you need.

- The <%= site.site_name %> app can be downloaded and tested for free, which contains the skeleton and ligaments, other anatomical systems can be purchased separately. - The anatomy app is available on most platforms (android, iOS, windows and mac) and can be used on your phone, tablet or desktop pc. + Our goal is to bring you world-class, crystal clearest images, polished interactive 3D models, and an easy-to-use interface, suitable for all students of anatomy. + Through learning in a more visual and interactive way, we believe you will learn deeper, understand more, and excel faster.

-
- -
- - diff --git a/src/_includes/download.ejs b/src/_includes/download.ejs index b9e1be9..0f333a3 100644 --- a/src/_includes/download.ejs +++ b/src/_includes/download.ejs @@ -3,6 +3,10 @@

download now

+
diff --git a/src/_includes/hero.ejs b/src/_includes/hero.ejs index 815146c..f9794be 100644 --- a/src/_includes/hero.ejs +++ b/src/_includes/hero.ejs @@ -5,7 +5,7 @@ --> -
+
-

Interactive human anatomy in real-time 3D

+

Interactive,
creative &
beautiful apps

\ No newline at end of file diff --git a/src/_includes/layouts/home.ejs b/src/_includes/layouts/home.ejs index 0981cec..b0ab648 100644 --- a/src/_includes/layouts/home.ejs +++ b/src/_includes/layouts/home.ejs @@ -2,29 +2,6 @@ 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 + \ No newline at end of file diff --git a/src/_includes/showcase.ejs b/src/_includes/showcase.ejs new file mode 100644 index 0000000..51dd264 --- /dev/null +++ b/src/_includes/showcase.ejs @@ -0,0 +1,41 @@ +
\ No newline at end of file diff --git a/src/assets/images/favicon.png b/src/assets/images/favicon.png index 6bbada3..38bcfca 100644 Binary files a/src/assets/images/favicon.png and b/src/assets/images/favicon.png differ diff --git a/src/assets/images/hero.png b/src/assets/images/hero.png index 5e67a2d..abee89d 100644 Binary files a/src/assets/images/hero.png and b/src/assets/images/hero.png differ diff --git a/src/assets/images/intro.jpg b/src/assets/images/intro.jpg new file mode 100644 index 0000000..7f7a115 Binary files /dev/null and b/src/assets/images/intro.jpg differ diff --git a/src/assets/images/logo-orig.png b/src/assets/images/logo-orig.png index 617dccb..0742c60 100644 Binary files a/src/assets/images/logo-orig.png and b/src/assets/images/logo-orig.png differ diff --git a/src/assets/images/products/heros/diffriend.jpg b/src/assets/images/products/heros/diffriend.jpg new file mode 100644 index 0000000..eafc034 Binary files /dev/null and b/src/assets/images/products/heros/diffriend.jpg differ diff --git a/src/assets/images/products/heros/easy-acupuncture.jpg b/src/assets/images/products/heros/easy-acupuncture.jpg new file mode 100644 index 0000000..a2b6b6b Binary files /dev/null and b/src/assets/images/products/heros/easy-acupuncture.jpg differ diff --git a/src/assets/images/products/heros/total-reflexology.jpg b/src/assets/images/products/heros/total-reflexology.jpg new file mode 100644 index 0000000..091a888 Binary files /dev/null and b/src/assets/images/products/heros/total-reflexology.jpg differ diff --git a/src/assets/images/products/heros/visual-acupuncture-3d.jpg b/src/assets/images/products/heros/visual-acupuncture-3d.jpg new file mode 100644 index 0000000..1eedf60 Binary files /dev/null and b/src/assets/images/products/heros/visual-acupuncture-3d.jpg differ diff --git a/src/assets/images/products/heros/visual-anatomy-3d.jpg b/src/assets/images/products/heros/visual-anatomy-3d.jpg new file mode 100644 index 0000000..7e07519 Binary files /dev/null and b/src/assets/images/products/heros/visual-anatomy-3d.jpg differ diff --git a/src/assets/images/products/heros/visual-anatomy-canine.jpg b/src/assets/images/products/heros/visual-anatomy-canine.jpg new file mode 100644 index 0000000..694d323 Binary files /dev/null and b/src/assets/images/products/heros/visual-anatomy-canine.jpg differ diff --git a/src/assets/images/products/icons/diffriend.png b/src/assets/images/products/icons/diffriend.png new file mode 100644 index 0000000..5279039 Binary files /dev/null and b/src/assets/images/products/icons/diffriend.png differ diff --git a/src/assets/images/products/icons/easy-acupuncture.png b/src/assets/images/products/icons/easy-acupuncture.png new file mode 100644 index 0000000..a264854 Binary files /dev/null and b/src/assets/images/products/icons/easy-acupuncture.png differ diff --git a/src/assets/images/products/icons/total-reflexology.png b/src/assets/images/products/icons/total-reflexology.png new file mode 100644 index 0000000..716cd17 Binary files /dev/null and b/src/assets/images/products/icons/total-reflexology.png differ diff --git a/src/assets/images/products/icons/visual-acupuncture-3d.png b/src/assets/images/products/icons/visual-acupuncture-3d.png new file mode 100644 index 0000000..11b4aa3 Binary files /dev/null and b/src/assets/images/products/icons/visual-acupuncture-3d.png differ diff --git a/src/assets/images/products/icons/visual-anatomy-3d.png b/src/assets/images/products/icons/visual-anatomy-3d.png new file mode 100644 index 0000000..057ca5e Binary files /dev/null and b/src/assets/images/products/icons/visual-anatomy-3d.png differ diff --git a/src/assets/images/products/icons/visual-anatomy-canine.png b/src/assets/images/products/icons/visual-anatomy-canine.png new file mode 100644 index 0000000..f4313ba Binary files /dev/null and b/src/assets/images/products/icons/visual-anatomy-canine.png differ diff --git a/src/assets/images/slider-1.png b/src/assets/images/slider-1.png deleted file mode 100644 index 711e625..0000000 Binary files a/src/assets/images/slider-1.png and /dev/null differ diff --git a/src/assets/images/slider-2.png b/src/assets/images/slider-2.png deleted file mode 100644 index 3f33697..0000000 Binary files a/src/assets/images/slider-2.png and /dev/null differ diff --git a/src/assets/styles/_hero.css b/src/assets/styles/_hero.css index bae0571..e681e8b 100644 --- a/src/assets/styles/_hero.css +++ b/src/assets/styles/_hero.css @@ -42,13 +42,13 @@ } .hero__info { -position: absolute; -top: 30%; -right: 15%; -display: flex; -flex-direction: column; -gap: 1rem; -align-items: center; + position: absolute; + top: 30%; + right: 15%; + display: flex; + flex-direction: column; + gap: 1rem; + align-items: center; } .no-flexbox-gap .hero__info > *:not(:last-child) { diff --git a/src/assets/styles/_showcase.css b/src/assets/styles/_showcase.css new file mode 100644 index 0000000..69eab3e --- /dev/null +++ b/src/assets/styles/_showcase.css @@ -0,0 +1,79 @@ +article.showcase__wrapper { + flex-direction: column; + gap: 3rem; +} + +.showcase__wrapper header { + display: flex; + gap: 1rem; + margin-left: var(--r-1); +} + +.showcase__wrapper header h2 { + margin-top: 1rem; +} + +.showcase__wrapper ul { + display: flex; + flex-direction: column; + gap: 5rem; +} + +.showcase__wrapper ul li { + display: flex; + flex-direction: column; + gap: 1rem; +} + +.showcase__wrapper .hero { + border-radius: var(--r-1); +} +.showcase__wrapper .icon { + height: 5rem; + width: 5rem; + transition: 0.2s all; + border: 3px solid var(--c-1); + border-radius: 1rem; +} + +.product-hero__wrapper{ + position: relative; + max-width: 880px; + --weird-gap: 0.04rem; + /* border-radius: var(--r-1); + background-color: var(--c-3); */ +} + +.product-hero__bkg{ + width: 100%; + background-color: aqua; +} +.product-hero__banner{ + background: var(--c-1); + border-radius: var(--r-1) 0 0 0; + padding: var(--p-1); + position: absolute; + bottom: 0; + right: 0; + width: 60ch; +} + +.product-hero__banner .banner-edge-right { + right: 0; + top: calc(-1 * var(--r-1)); + transform: scaleX(-1) rotate(90deg); +} + +.product-hero__banner .banner-edge-bottom { + position: absolute; + left: calc(-1 * var(--r-1)); + height: var(--r-1); + width: var(--r-1); + bottom: calc(-1 * var(--weird-gap)); + transform: scaleX(-1) rotate(90deg); + +} + +.banner-edge-right path, .banner-edge-bottom path { + fill: var(--c-1) !important; +} \ No newline at end of file diff --git a/src/assets/styles/main.css b/src/assets/styles/main.css index d4aae32..ac1a767 100644 --- a/src/assets/styles/main.css +++ b/src/assets/styles/main.css @@ -148,7 +148,7 @@ body{ /* --c-1: #00C2FF; */ --c-1: #ececec; --c-2: black; - --c-3: #00C2FF; + --c-3: #0477d7; --viewportWidth: calc(100vw - var(--scrollbarWidth)); } @@ -168,14 +168,15 @@ body { .site-logo { height: 5rem; width: 5rem; - transform: rotateZ(0deg) translateY(0.4rem); + transform: rotateZ(0deg) translateY(1.2rem); transition: 0.2s all; - border: 3px solid var(--c-1); + /* border: 3px solid var(--c-1); */ border-radius: 1rem; + z-index: 2; } .site-logo:hover { - transform: rotateZ(4deg) translateY(0.4rem) scale(1.1); + transform: rotateZ(4deg) translateY(1.2rem) scale(1.1); } .site-header { @@ -316,7 +317,7 @@ h2 { @import '_blurb.css'; -@import '_info.css'; +@import '_showcase.css'; @import '_screenshots.css'; diff --git a/src/index.ejs b/src/index.ejs index 51c1975..65a82b3 100644 --- a/src/index.ejs +++ b/src/index.ejs @@ -15,17 +15,7 @@ eleventyComputed:
- <% include /info %> - -
- -<% include /screenshots %> - -<% include /systems %> - -
- - <% include /pricing %> + <% include /showcase %> <% include /download %> diff --git a/webpack.config.js b/webpack.config.js index 2de2e8c..99b28bd 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -65,6 +65,18 @@ module.exports = { name: 'images/systems/[name].[ext]', }, }, + { + loader: 'file-loader', + options: { + name: 'images/products/icons/[name].[ext]', + }, + }, + { + loader: 'file-loader', + options: { + name: 'images/products/heros/[name].[ext]', + }, + }, { loader: 'image-webpack-loader', options: {