lab244finalproject.github.io/index.html at master · daydreamingdude/lab244finalproject.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="./main.css" />
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin="" />
    <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin=""></script>
    <script src="https://unpkg.com/esri-leaflet@2.2.4/dist/esri-leaflet.js" integrity="sha512-tyPum7h2h36X52O2gz+Pe8z/3l+Y9S1yEUscbVs5r5aEY5dFmP1WWRY/WLLElnFHa+k1JBQZSCDGwEAnm2IxAQ==" crossorigin=""></script>
    <!-- load in google fonts -->
    <link href="https://fonts.googleapis.com/css?family=Anton|Roboto&display=swap" rel="stylesheet" />
</head>

<body>
    <div class="app-container">
        <div class="nav-container">
            <div>
                <img id="logo" src="https://i.ibb.co/G5m7WZ4/ohalg500-18-1.png" />
            </div>
            <div id="logo-name">Oregon Health Plan Coordinated Care Organizations - Coverage per County Population</div>
            <div id="spacer"></div>
            <div id="about">
                About
            </div>
            <div id="contact">
                Contact
            </div>
            <div id="icon"><img src="assets/hamburger-button.png" alt="navigation-menu"></div>
        </div>
        <div class="map-container">
            <!-- map to be filled with js -->
            <div id="map">
            </div>
        </div>
        <div class="side-pane-container">
            <div id="side-pane-title">
                What is the Coordinated Care Organization Coverage in Your County?
                <!-- div to be filled in -->
            </div>
            <div id="map-legend"></div>
            <div>
                <img src="https://i.ibb.co/BjKS8sh/ohp-logo-transparent375x211.png" />
            </div>
            <div>
                The <strong>Oregon Health Plan</strong> (OHP) provides health care coverage for Oregonians from all walks of life. This includes working families, children, pregnant women, single adults and seniors. <a href="https://www.oregon.gov/oha/HSD/OHP/Pages/Apply.aspx">Apply for OHP today.</a> Already have OHP? <a href="https://aix-xweb1p.state.or.us/es_xweb/DHSforms/Served/he9035.pdf">Check out the OHP handbook</a> to learn about how to use your benefits. Interested in public charge? You can read <a href="https://www.oregon.gov/OHA/ERD/Pages/public-charge.aspx">more about the federal rule.</a>
                <br>
                <br>
                A <strong>coordinated care organization</strong> (CCO) is a network of all types of health care providers (physical health care, addictions and mental health care and dental care providers) who work together in their local communities to serve people who receive health care coverage under the Oregon Health Plan (Medicaid). CCOs focus on prevention and helping people manage chronic conditions, like diabetes. This helps reduce unnecessary emergency room visits and gives people support to be healthy.
            </div>
            <div><button class="button">click me</button></div>
        </div>
    </div>

    <!-- add the map.js script down here -->
    <script src="./map.js"></script>

</body>

</html>