diff --git a/docs/User-instructions.html b/docs/User-instructions.html index ba357837..b1b4c4ba 100644 --- a/docs/User-instructions.html +++ b/docs/User-instructions.html @@ -112,13 +112,18 @@ } .app-tour-container { display: flex; - flex-direction: column-reverse; - align-items: center; + flex-direction: row-reverse; + padding: 0.15in; } -.app-screenshot-container { +.app-tour-content { + padding-right: 0.15in; +} +.app-screenshot { min-width: 2in; max-width: 2in; - padding: 0.15in; + padding-left: 0.15in; + object-fit: contain; + filter: drop-shadow(lightgray 5px 5px 5px); } @@ -137,8 +142,15 @@

PharMe: Getting Started & Further Resources

If you have any questions or need assistance, please refer to the FAQ section or reach out via e-mail: ehivepgx@mssm.edu +
+
+ We hope you will enjoy using PharMe and that you will learn useful + information about how your genes influence how well medications work for + you!

-

App Intro

+ +

App Intro

+

Welcome to PharMe!

@@ -262,89 +274,164 @@

Keeping Your Information Safe

/>
+

App Tour

- +
- +
-
+
+

Get Started

To get started with PharMe, you first need to agree to our Terms of Use and Privacy Policy.
+
- +
-
+
+

Login

Login with the credentials you received from the study team to - load your pharmacogenomic (PGx) test data, medications you are - currently taking, and pharmacogenomic guideline data. + load your PGx test data, medications you are + currently taking, and PGx guideline data.
-
--> - + +
+
+
+ +
+
+

Getting Around

+ Great! You're almost ready to use PharMe. Let's show you how it works. +
+
+ At the bottom of your screen, you'll find four main buttons: + "Medications", "Genes", "FAQ", and "More". +
+
+ Want to see this tour again later? Just go to "More" and tap + "Repeat app tour" or "Print app information". +
+
+
+
+

Finding Medications

+ The "Medications" screen shows all medications in PharMe. +
+
+ You can search for medication names (both generic and brand names), look + for types of medications, and filter the list by how well they work with + your genes. +
+
+ Each medication has a color and symbol that shows how it might work for + you based on your genes: +
+
+

TODO: List of icons and descriptions

+
+
+
+
+
+ +
+
+

Learning About Your Medications

+ Tap any medication to see how well it might work for you, based on what + science tells us about this medication and your genes. +
+
+ Here you can also mark medications you're taking and save information + for your doctor. +
+
+
+
+
+ +
+
+

Understanding Your Genes

+ The "Genes" screen shows your gene test results that affect medications. +
+
+ Tap any gene to learn what your results mean and which medications it + affects. +
+
+ Want to learn more? Check out the FAQ or go to "More" > "Learn about + genetics." +
+
+
+
+
+ +
+
+ +
+
+

FAQ & Additional Features

+ Need help? Use "More" to get in touch with us or learn about the app, + or check the FAQ for common questions. +
+
+ Under "More" you can also edit your current medication list. +
+
+

Learn About Genetics

+ +

TODO: List from Aniwaa

+

FAQ

+ +

+