odpl-tools/index.html at main · GovLab/odpl-tools · 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description"
        content="The GovLab and the Open Data Policy Lab have produced a variety of resources to help data practitioners address the challenges they face in opening datasets and encouraging better data reuse. On this page, we compile prominent resources you may find useful." />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="ODPL Tools" />
    <meta property="og:description"
        content="The GovLab and the Open Data Policy Lab have produced a variety of resources to help data practitioners address the challenges they face in opening datasets and encouraging better data reuse. On this page, we compile prominent resources you may find useful." />
    <meta property="og:image" content="img/covid-logo-color.png" />
    <title>ODPL Tools</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://use.typekit.net/qfb0yjw.css">
    <link href="css/styles.css" rel="stylesheet">
    <script src="https://unpkg.com/@directus/sdk-js@5.3.4/dist/directus-sdk.umd.min.js"></script>
</head>


<body>
    <div class="topnav">
        <div class="menu-bars">
          <div class="bar-wrap">
            <a href="javascript:void(0);" class="icon" onclick="myFunction()">
              <i class="fa fa-bars"></i>
            </a>
          </div>
        </div>
        <a class="top_logo" href="#home"><img src="img/the-govlab-logo-white.png" alt="The GovLab"></a>
        <!-- Navigation links (hidden by default) -->
        <div class='lang-select'>

        </div>
      </div>
      <div id="myLinks">
        <div class="menu-items">
          <div class="menu-sub" onclick="dismiss_menu()"><a href="#">Home</a></div>
          <!-- <div class="menu-sub" onclick="dismiss_menu()"><a href="https://ailocalism.org#about">About</a></div>
          <div class="menu-sub" onclick="dismiss_menu()"> <a href="https://ailocalism.org#projects">Projects and Publications</a></div>
          <div class="menu-sub" onclick="dismiss_menu()"><a href="https://ailocalism.org#whatwedo">What We Do</a></div> -->
          <div class="menu-sub" onclick="dismiss_menu()"><a href="https://opendatapolicylab.org/team/">Team</a></div>
        </div>
      </div>

      <div class="repo-header">
        <div class="">

          <a href="http://opendatapolicylab.org" target="_blank"><img class="" src="img/open-data-policy-lab-logo-horizontal-white.svg"
              alt="AI Localism logo"></a>
              <h2>Tools and Resources</h2>
        </div>
        <p>The GovLab and the Open Data Policy Lab have produced a variety of resources to help data practitioners address the challenges they face in opening datasets and encouraging better data reuse. On this page, we compile prominent resources you may find useful.</p>

      </div>

<div id="home-page">
    <div class="divider">
        <h1>Guides and Worksheets</h1>
        <p>These resources are short documents that provide the reader with an explanation of how to pursue different kinds of open data work.</p>
    </div>

    <div class="project-list">
        <div class="project-row">
        <div class="project-item" v-for="item in indexData" v-if="item.category == 'Guides and Worksheets' ">
            <div class="project-card">
                <div class="project-img">
                     <img v-if="!item.thumbnail" src="img/default-thumb.png">
                     <img v-if="item.thumbnail" :src="item.thumbnail.data.thumbnails[4].url">

                </div>
                <div class="project-text">
                    <p id="title">{{item.title}}</p>
                    <p>{{item.description}}</p>
                    <a :href="item.link" target="_blank"  class="odpl-button">Read More</a>
                </div>

            </div>
        </div>
    </div>
 </div>


 <div class="divider">
    <h1>Models and Frameworks</h1>
    <p>These resources provide new ways of thinking about core concepts or structuring your work in new and interesting ways</p>
</div>
<div class="project-list">

    <div class="project-row">
    <div class="project-item" v-for="item in indexData" v-if="item.category == 'Models and Frameworks' ">
        <div class="project-card">
            <div class="project-img">
                 <img v-if="!item.thumbnail" src="img/default-thumb-2.png">
                 <img v-if="item.thumbnail" :src="item.thumbnail.data.thumbnails[4].url">
            </div>
            <div class="project-text">
                <p id="title">{{item.title}}</p>
                <p>{{item.description}}</p>
                <a :href="item.link" target="_blank"  class="odpl-button">Read More</a>
            </div>

        </div>
    </div>
</div>
</div>

<div class="divider">
    <h1>Methodologies</h1>
    <p>These resources provide ways of approaching a problem in a systematic fashion.</p>
</div>
<div class="project-list">

    <div class="project-row">
    <div class="project-item" v-for="item in indexData" v-if="item.category == 'Methodologies' ">
        <div class="project-card">
            <div class="project-img">
                <img v-if="!item.thumbnail" src="img/default-thumb-3.png">
                <img v-if="item.thumbnail" :src="item.thumbnail.data.thumbnails[4].url">
            </div>
            <div class="project-text">
                <p id="title">{{item.title}}</p>
                <p>{{item.description}}</p>
                <a :href="item.link" target="_blank" class="odpl-button">Read More</a>
            </div>

        </div>
    </div>
</div>
</div>

<div class="divider">
    <h1>Repositories</h1>
    <p>These resources compile examples of interesting work around the world that practitioners might learn from.</p>
</div>
<div class="project-list">

    <div class="project-row">
    <div class="project-item" v-for="item in indexData" v-if="item.category == 'Repositories' ">
        <div class="project-card">
            <div class="project-img">

                <img v-if="!item.thumbnail" src="img/default-thumb-4.png">
                <img v-if="item.thumbnail" :src="item.thumbnail.data.thumbnails[4].url">
            </div>
            <div class="project-text">
                <p id="title">{{item.title}}</p>
                <p>{{item.description}}</p>
                <a :href="item.link" target="_blank"  class="odpl-button">Read More</a>
            </div>

        </div>
    </div>
</div>
</div>
</div>

<footer>
    <div class="logo-side">
        <img src="img/govlab-logo-white.png">
        <p>The Governance Lab's mission is to improve people's lives by changing the way we govern. Our goal at The GovLab is to strengthen the ability of institutions — including but not limited to governments — and people to work more openly, collaboratively, effectively, and legitimately to make better decisions and solve public problems. We believe that increased availability and use of data, new ways to leverage the capacity, intelligence, and expertise of people in the problem-solving process, combined with new advances in technology and science, can transform governance. We approach each challenge and opportunity in an interdisciplinary, collaborative way, irrespective of the problem, sector, geography, and level of government. For more information, visit thegovlab.org.</p>
    </div>
    <div class="address">
    <h4>CONTACT US</h4>
    <p>The GovLab<br>
         info@thegovlab.org
        </p>
    </div>
</footer>
</body>

<script src='https://unpkg.com/vue@2.0.3/dist/vue.js'></script>
<script src="https://unpkg.com/vue-meta/dist/vue-meta.min.js"></script>
<script src="js/scripts.js"></script>

</html>