From c89af8b74076c1019923e0ba9e51d5466932d515 Mon Sep 17 00:00:00 2001 From: KunaalAgarwal Date: Fri, 1 Sep 2023 10:42:53 -0400 Subject: [PATCH] edit nav bar --- app/styles.css | 26 +++++++ index.html | 199 +++++++++++++++++++++++++------------------------ 2 files changed, 126 insertions(+), 99 deletions(-) diff --git a/app/styles.css b/app/styles.css index 5a8610c..7879e1f 100644 --- a/app/styles.css +++ b/app/styles.css @@ -396,6 +396,31 @@ footer { } } +@media(max-width: 400px){ + h1 { + font-size: 17px; + } + .navElement { + font-size: 10px; + padding: 5px 10px; + } + .hero-title { + font-size: 35px; + } + .hero-headings{ + font-size: 10px; + } + h2{ + font-size: 25px; + } + .core-text, p, code{ + font-size: 10px; + } + .api-text, p { + font-size: 8px; + } +} + @media (max-width: 768px) { .api-logo { width: 100px; @@ -439,3 +464,4 @@ footer { } } + diff --git a/index.html b/index.html index 5ce36ea..232a583 100644 --- a/index.html +++ b/index.html @@ -9,111 +9,112 @@ -
-

MedicaidJS

-
- Github - Documentation - Observable Notebook -
-
-
-
-

Welcome to MedicaidJS

-

- MedicaidJS is a software development kit (SDK) that interacts with the vast amount - of data contained within the Medicaid, FDA, and rxNorm datastores. - The SDK is a lightweight, portable, and easy-to-use JavaScript library - requiring no downloads or installations. -

- Get Started -
+
+

MedicaidJS

+
+ Github + Documentation + Observable + Tutorial
-
-
-

Core Capabilities

-

- Performing realtime drug analytics is easy with MedicaidJS. - Simply select diseases or drugs of interest in order to begin - the visualization process. The SDK contains data regarding drug utilization at - both the state and national levels, drug pricing over time, and even contains - large repositories of social metrics and healthcare quality data. -

-
- -
- -
- Try it Yourself -
-
-
-
- -
- FDA APIs -

MedicaidJS allows developers to programmatically utilize the FDA API to gain insight - on drug efficacy, history, and purpose.

-
+
+
+
+

Welcome to MedicaidJS

+

+ MedicaidJS is a software development kit (SDK) that interacts with the vast amount + of data contained within the Medicaid, FDA, and rxNorm datastores. + The SDK is a lightweight, portable, and easy-to-use JavaScript library + requiring no downloads or installations. +

+ Get Started +
+
+
+
+

Core Capabilities

+

+ Performing realtime drug analytics is easy with MedicaidJS. + Simply select diseases or drugs of interest in order to begin + the visualization process. The SDK contains data regarding drug utilization at + both the state and national levels, drug pricing over time, and even contains + large repositories of social metrics and healthcare quality data. +

+
+ +
+ +
+ Try it Yourself +
+
+
+
+ +
+ FDA APIs +

MedicaidJS allows developers to programmatically utilize the FDA API to gain insight + on drug efficacy, history, and purpose.

-
- -
- Medicaid APIs -

MedicaidJS allows for seamless access to the largest Medicaid Datasets - including NADAC (National Average Drug and Acquisition Cost) and - State Drug Utilization. -

-
+
+
+ +
+ Medicaid APIs +

MedicaidJS allows for seamless access to the largest Medicaid Datasets + including NADAC (National Average Drug and Acquisition Cost) and + State Drug Utilization. +

-
- -
- RxNorm APIs -

Instead of foraging through NDC or ICD codes MedicaidJS permits users - to search for specific drugs based on singular ingredients, disease classes, or generic - names. -

-
+
+
+ +
+ RxNorm APIs +

Instead of foraging through NDC or ICD codes MedicaidJS permits users + to search for specific drugs based on singular ingredients, disease classes, or generic + names. +

-
-
-

Installation

-

Installing MedicaidJS can be performed with a single line of code +

+ +
+

Installation

+

Installing MedicaidJS can be performed with a single line of code following the ES6 conventions. Run the following command in your browser or IDE of choice to import the module. To learn more about the specific - functions the module contains visit the documentation.

- MedicaidSDK = await import ('https://episphere.github.io/medicaid/sdk.js'); - -
-
- -
-
-

Reach Out

-

If you have any questions or inquiries, please feel free to get in touch with us using the form below.

-
-
- - -
-
- - -
-
- - -
- -
-
- - + functions the module contains visit the documentation.

+ MedicaidSDK = await import ('https://episphere.github.io/medicaid/sdk.js'); + + +
+ +
+
+

Reach Out

+

If you have any questions or inquiries, please feel free to get in touch with us using the form below.

+
+
+ + +
+
+ + +
+
+ + +
+ +
+
+ +