NewportDataProject.github.io/index.html at master · NewportDataProject/NewportDataProject.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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Newport Data Project</title>
    <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/plain.css">
    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
</head>

<!--This is basic styling to get meaningful information up on the web. Future updates should keep it streamlined and
simple, but the site could use some more interesting visuals.-->

<body>
<div>
    <div class="cover align-items-center" style="">
        <div class="inner-cover">
            <h1 class="display-2 font-weight-bold" style="background-color:white; padding: 5px">The Newport Data
                Project</h1>
            <!--
            <h3>
                <span style="background-color:gold; color:black; padding: 8px; margin-top: -10px">[new things are coming soon!]</span>
            </h3>
            -->
            <!--
            <h3 style="margin-top: 10vh">
                <span style="background-color:gold; color:black; padding: 8px; margin-top: 20px">updates coming soon</span>
            </h3>
            -->
        </div>
        <div style="margin-top: 20px;">
            <a class="btn btn-lg btn-warning" href="https://paulopperman.github.io/aquidneck-island-transport">Aquidneck Island Transport Model</a>
        </div>
    </div>
<!--
    <div class="container-fluid content">
        <div class="fixed-top" style="background-color:magenta; padding:8px; color:white">
            <div class="pt-3 align-items-center text-center">
                <h4 class="font-weight-bold">Newport Open Data Day is March 3.  <a href="https://attending.io/events/newport-open-data-day" target="_blank" style="color: ghostwhite; text-decoration: underline">Learn More</a></h4>
            </div>
        </div>

        <div class="content-section">
            <h1><span class="display-4" style="background-color:orangered; color:white">Community Innovation</span></h1>
            <div class="section-body">
                <p>The Newport Data Project is made up of community members interested in exploring new approaches to
                    addressing local issues. The Project’s goal is to foster conversations about innovation in the
                    community and provide the collective resources to follow through.</p>
            </div>
        </div>

        <div class="content-section">
            <h1><span class="display-4" style="background-color:magenta; color:white">Open Data</span>
            </h1>
            <div class="section-body">
                <p>The Newport Data Project is based on the idea that everyone has something to contribute if they have
                    access to the right tools. Open datasets are an important part of that idea. The Newport Data
                    Project
                    advocates opening datasets to the public, and seeks out existing open datasets from local, state,
                    national, and international sources. You can explore these datasets on our <a
                            href="http://portal.newportdataproject.org">Data Portal</a>.</p>
            </div>
        </div>

        <div class="content-section">
            <h1><span class="display-4" style="background-color:blue; color:white">Data Analysis</span>
            </h1>
            <div class="section-body">
                <p>Data provides a unique way of looking at issues. We look at challenges and opportunities in our
                communities using data-driven methods to provide fact-based options to community members. We post
                our code on <a href="https://github.com/newportdataproject">GitHub</a>.</p>
            </div>
        </div>

        <div class="content-section">
            <h1><span class="display-4" style="background-color:black; color:white">Get Involved</span>
            </h1>
            <div class="section-body">
                <p>If the Newport Data Project interests you, please <a href="http://eepurl.com/cJgdfD">join the mailing
                list</a>. We'll keep you
                in the loop (<em>without spamming you!</em>), and we'll also send you an invite to the <a
                        href="https://newportdataproject.slack.com">Slack
                    channel</a> where most of the conversation takes place.</p>
            <p>The <a href="http://www.newportdataproject.org/docs/Introduction.html">Member Introduction</a> has
                more information on how the Project works.</p>
            <p>Do you have questions, ideas, or datasets? We'd love to hear from you! Send us an email at: <a
                    href="mailto:hello@newportdataproject.org">hello@newportdataproject.org</a>. </p>
            </div>
        </div>
    </div>
    -->
    <div class="fixed-bottom text-center" style="background-color:white">
            <p><a href="https://creativecommons.org/licenses/by-nd/4.0/"><small>CC BY-ND 4.0</small></a></p>
    </div>
</div>
</body>
</html>