diff --git a/src/_data/showcase.js b/src/_data/showcase.js index 776b3bd..dd03926 100644 --- a/src/_data/showcase.js +++ b/src/_data/showcase.js @@ -8,7 +8,8 @@ module.exports = [ 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 + order: 1, + color: 'linear-gradient(#10506b, #4f99b7)' }, { name: 'Visual Acupuncture 3d', @@ -19,7 +20,8 @@ module.exports = [ Study acupuncture visually and interactively.
Get a good feel for the flow of meridian pathways and their (anatomical) point locations. `, - order: 2 + order: 2, + color: 'linear-gradient(#283738, #1fb1d7)' }, { name: 'Visual Anatomy Canine', @@ -30,7 +32,8 @@ module.exports = [ 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 + order: 3, + color: 'linear-gradient(#3790b7, #7ebdbf)' }, { name: 'Total Reflexology', @@ -40,7 +43,8 @@ module.exports = [ ` 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 + order: 4, + color: 'linear-gradient(#e2b25f, #e47dcf)' }, { name: 'Easy Acupuncture', @@ -50,7 +54,8 @@ module.exports = [ ` 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 + order: 5, + color: 'linear-gradient(#27abec, #70d6f6)' }, { name: 'Diffriend', @@ -60,6 +65,7 @@ module.exports = [ ` 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 + order: 6, + color: 'linear-gradient(#6cd7fa, #bad32c)' }, ] \ No newline at end of file diff --git a/src/_includes/download.ejs b/src/_includes/download.ejs index 0f333a3..16e2898 100644 --- a/src/_includes/download.ejs +++ b/src/_includes/download.ejs @@ -9,7 +9,7 @@
- + <% include /store-icons/ios.svg %>

iOS @@ -18,7 +18,7 @@ go to store - + <% include /store-icons/android.svg %>

Android @@ -27,7 +27,7 @@ go to store - + <% include /store-icons/macos.svg %>

macOS @@ -36,7 +36,7 @@ go to store - + <% include /store-icons/windows.svg %>

Windows diff --git a/src/_includes/layouts/base.ejs b/src/_includes/layouts/base.ejs index 8c70363..5f7cb44 100644 --- a/src/_includes/layouts/base.ejs +++ b/src/_includes/layouts/base.ejs @@ -183,10 +183,10 @@ emailError.classList.remove('form-alert--visible'); var details = { - 'hash': md5(fromEmail.value + 'erkbn234987kjs'), + 'hash': md5(fromEmail.value + '192y34kjsdf32gt'), 'fromEmail': fromEmail.value, 'message': message.value, - 'title': 'Support - Visual Anatomy 3D (site)' + 'title': 'Support - GraphicViZion (site)' }; var formBody = []; diff --git a/src/_includes/showcase.ejs b/src/_includes/showcase.ejs index 51dd264..0058f52 100644 --- a/src/_includes/showcase.ejs +++ b/src/_includes/showcase.ejs @@ -13,27 +13,34 @@ diff --git a/src/assets/images/hero.png b/src/assets/images/hero.png index abee89d..4c0d882 100644 Binary files a/src/assets/images/hero.png and b/src/assets/images/hero.png differ diff --git a/src/assets/images/products/heros/diffriend.jpg b/src/assets/images/products/heros/diffriend.jpg deleted file mode 100644 index eafc034..0000000 Binary files a/src/assets/images/products/heros/diffriend.jpg and /dev/null differ diff --git a/src/assets/images/products/heros/diffriend.png b/src/assets/images/products/heros/diffriend.png new file mode 100644 index 0000000..f56c572 Binary files /dev/null and b/src/assets/images/products/heros/diffriend.png differ diff --git a/src/assets/images/products/heros/easy-acupuncture.jpg b/src/assets/images/products/heros/easy-acupuncture.jpg deleted file mode 100644 index a2b6b6b..0000000 Binary files a/src/assets/images/products/heros/easy-acupuncture.jpg and /dev/null differ diff --git a/src/assets/images/products/heros/easy-acupuncture.png b/src/assets/images/products/heros/easy-acupuncture.png new file mode 100644 index 0000000..934694d Binary files /dev/null and b/src/assets/images/products/heros/easy-acupuncture.png differ diff --git a/src/assets/images/products/heros/hero.png b/src/assets/images/products/heros/hero.png new file mode 100644 index 0000000..4c0d882 Binary files /dev/null and b/src/assets/images/products/heros/hero.png differ diff --git a/src/assets/images/products/heros/total-reflexology.jpg b/src/assets/images/products/heros/total-reflexology.jpg deleted file mode 100644 index 091a888..0000000 Binary files a/src/assets/images/products/heros/total-reflexology.jpg and /dev/null differ diff --git a/src/assets/images/products/heros/total-reflexology.png b/src/assets/images/products/heros/total-reflexology.png new file mode 100644 index 0000000..84c3d14 Binary files /dev/null and b/src/assets/images/products/heros/total-reflexology.png differ diff --git a/src/assets/images/products/heros/visual-acupuncture-3d.jpg b/src/assets/images/products/heros/visual-acupuncture-3d.jpg deleted file mode 100644 index 1eedf60..0000000 Binary files a/src/assets/images/products/heros/visual-acupuncture-3d.jpg and /dev/null differ diff --git a/src/assets/images/products/heros/visual-acupuncture-3d.png b/src/assets/images/products/heros/visual-acupuncture-3d.png new file mode 100644 index 0000000..987bf6d Binary files /dev/null and b/src/assets/images/products/heros/visual-acupuncture-3d.png differ diff --git a/src/assets/images/products/heros/visual-anatomy-3d.jpg b/src/assets/images/products/heros/visual-anatomy-3d.jpg deleted file mode 100644 index 7e07519..0000000 Binary files a/src/assets/images/products/heros/visual-anatomy-3d.jpg and /dev/null differ diff --git a/src/assets/images/products/heros/visual-anatomy-3d.png b/src/assets/images/products/heros/visual-anatomy-3d.png new file mode 100644 index 0000000..b2f4ea9 Binary files /dev/null and b/src/assets/images/products/heros/visual-anatomy-3d.png differ diff --git a/src/assets/images/products/heros/visual-anatomy-canine.jpg b/src/assets/images/products/heros/visual-anatomy-canine.jpg deleted file mode 100644 index 694d323..0000000 Binary files a/src/assets/images/products/heros/visual-anatomy-canine.jpg and /dev/null differ diff --git a/src/assets/images/products/heros/visual-anatomy-canine.png b/src/assets/images/products/heros/visual-anatomy-canine.png new file mode 100644 index 0000000..cace91e Binary files /dev/null and b/src/assets/images/products/heros/visual-anatomy-canine.png differ diff --git a/src/assets/styles/_hero.css b/src/assets/styles/_hero.css index e681e8b..4340d49 100644 --- a/src/assets/styles/_hero.css +++ b/src/assets/styles/_hero.css @@ -8,6 +8,7 @@ .hero__video { border-radius: var(--r-1); + background-color: var(--c-3); } .hero__banner { diff --git a/src/assets/styles/_showcase.css b/src/assets/styles/_showcase.css index 69eab3e..e5b536a 100644 --- a/src/assets/styles/_showcase.css +++ b/src/assets/styles/_showcase.css @@ -19,16 +19,30 @@ article.showcase__wrapper { gap: 5rem; } -.showcase__wrapper ul li { +.showcase__wrapper ul li a { display: flex; flex-direction: column; gap: 1rem; + position: relative; +} + +/* .showcase__wrapper ul li a::before { + height: 100%; + width: 100%; + background-color: white; + content: ''; + position: absolute; + opacity: 0; } +.showcase__wrapper ul li a:hover::before { + opacity: 1; +} */ + .showcase__wrapper .hero { border-radius: var(--r-1); } -.showcase__wrapper .icon { +.showcase__wrapper .product-icon { height: 5rem; width: 5rem; transition: 0.2s all; @@ -36,6 +50,11 @@ article.showcase__wrapper { border-radius: 1rem; } +.showcase__wrapper .icon { + height: 0.8em; + margin-left: 0.5em; +} + .product-hero__wrapper{ position: relative; max-width: 880px; @@ -44,6 +63,10 @@ article.showcase__wrapper { background-color: var(--c-3); */ } +.product-hero__wrapper .hero{ + background-color: var(--c-3); +} + .product-hero__bkg{ width: 100%; background-color: aqua; @@ -56,6 +79,7 @@ article.showcase__wrapper { bottom: 0; right: 0; width: 60ch; + color: var(--c-2); } .product-hero__banner .banner-edge-right { diff --git a/src/assets/styles/main.css b/src/assets/styles/main.css index ac1a767..aa818d5 100644 --- a/src/assets/styles/main.css +++ b/src/assets/styles/main.css @@ -1,13 +1,5 @@ @tailwind base; -a { - @apply text-blue-700; -} - -a:hover { - @apply underline; -} - /* @tailwind components; */ /* @tailwind utilities; */ @@ -148,7 +140,7 @@ body{ /* --c-1: #00C2FF; */ --c-1: #ececec; --c-2: black; - --c-3: #0477d7; + --c-3: #40cbf2; --viewportWidth: calc(100vw - var(--scrollbarWidth)); } @@ -165,6 +157,10 @@ body { animation: pageload 1.5s 1; } +a { + color: var(--c-3); +} + .site-logo { height: 5rem; width: 5rem;