-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.php
113 lines (101 loc) · 6.8 KB
/
about.php
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Budgetpedia - Supporting informed debate about the Toronto budget</title>
<meta name="description" content="Learn about Budgetpedia">
<meta name="keywords" content="Budget, Open Data, Toronto, Canada, Data Visualization, Public Policy">
<meta name="author" content="Budgetpedia, Rafi Chaudhury">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="css/material.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/budgetpedia-apr2017.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
<link rel="shortcut icon" href="img/budgetpedia-favicon.ico" type="image/x-icon">
<!-- Material Design Lite -->
<script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<!-- Material Design icon font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>
<?php include 'nav-menu.php' ?>
<div class="page-content"> <!-- CONTAINER-FLUID excluded -->
<div class="row" id="about-header">
<div class="col-sm-12">
<div class="padded-top-sm">
<h1 class="center">ABOUT <br>BUDGETPEDIA</h1>
</div>
</div> <!-- COL-12 END -->
</div> <!-- ROW END -->
<div class="row padding-universal">
<div class="col-sm-12 padded-content-h">
<p>
<p><strong>Mission:</strong> Budgetpedia’s mission is to contribute to this vision by making the Toronto budget more accessible to the people of Toronto. This includes the information contained in the budget, including deeply granular data, as well as the process of collaboration and decision making</p>
<p><strong>Vision:</strong> Our shared vision starts with that of a modern government for the City of Toronto, including full integration of digital platforms, open government, open data, and collaborative management.</p>
<p><strong>Values:</strong> Our values are aligned with those of <a href="http://civictech.ca/about-us/">Civic Tech Toronto</a>; these include among others, the importance of inclusiveness, collaboration and respect in achieving lasting change. If you would like to learn more about CivicTechTO's values system, <a href="https://docs.google.com/document/d/16FaCfoPBfN_23sD3C8zZxLezy8HgoEbenfrEEDqWXLg/edit">click here</a>. Further reading about the Theory of Change is available <a href="https://medium.com/@liamilito/clarifying-impact-lessons-learned-at-civic-tech-toronto-d3d3b85318d7">here</a>.</p>
</div> <!-- COL-12-END -->
</div> <!-- ROW END -->
<div class="row padding-universal">
<div class="col-sm-12 padded-content-h">
<h2 class="center">PROJECT GOALS</h2>
<ul class="list-spacing">
<li>To support informed debate about the Toronto budget through budget literacy (education), visualization, and engagement</li>
<li>To provide constructive feedback to the City about the Toronto budget</li>
<li>To advocate for open data (granular data), and public collaboration regarding the City budget</li>
</ul>
</div> <!-- COL END -->
</div> <!-- ROW END -->
<div class="row padding-universal">
<div class="col-sm-12 center">
<h2 class="center">WHO WE ARE</h2>
<p class="center">The Budgetpedia team at a glance</p>
</div> <!-- COL-END -->
<div class="col-sm-4 center padded-top-sm">
<img class="img-responsive img-circle center-block" src="img/team/henrik-bechmann.png" style="width:50%;" alt="Henrik Bechmann image">
<h3 class="position-name">Henrik Bechmann</h3>
<p class="position-title"><em><strong>Founder & Project Lead</strong></em></p>
<a class="center" href="https://www.linkedin.com/in/henrikbechmann/?ppe=1"><img src="img/In-2C-28px-R.png" alt="LinkedIn"></a>
<p class="bio">Henrik Bechmann is a retired software developer with a data applications background and a passion for supporting community/civil service collaboration. In community action he has worked with food co-ops and neighbourhood safety groups.</p>
</div> <!-- COL-END -->
<div class="col-sm-4 center padded-top-sm">
<img class="img-responsive img-circle center-block" src="img/team/rafi-chaudhury.jpg" style="width:50%;" alt="Rafi Chaudhury image">
<h3>Rafi Chaudhury</h3>
<p class="position-title"><em><strong>Web Designer</strong></em></p>
<a class="center" href="https://www.linkedin.com/in/rafichaudhury/"><img src="img/In-2C-28px-R.png" alt="LinkedIn"></a>
<p class="bio">Rafi writes the code for this website and coordinates organizational objectives for the Budgetpedia team. Previously, he was a Product Manager for the mental health app <a href="http://feelingbetternow.com/">FeelingBetterNow</a>.</p>
</div> <!-- COL-END -->
<div class="col-sm-4 center padded-top-sm">
<img class="img-responsive img-circle center-block" src="img/team/chris-graham.png" style="width:50%;" alt="Chris Graham image">
<h3>Chris Graham</h3>
<p class="position-title"><em><strong>Product Champion</strong></em></p>
<p class="bio">Christopher Graham is our product champion, co-lead of our UX team, and is involved with research and project development.</p>
</div> <!-- COL-END -->
</div> <!-- ROW END -->
<div class="row padding-universal">
<div class="col-sm-4 col-sm-offset-4 center ">
<img class="img-responsive img-circle center-block" src="img/team/jim-rootham.png" style="width:50%;" alt="Jim Rootham image">
<h3>Jim Rootham</h3>
<p class="position-title"><em><strong>Database Developer</strong></em></p>
<p class="bio">Jim Rootham is a computer scientist and has taken on the challenge of reviewing the current codebase to prepare for the next development phase, and is co-lead of our software team.</p>
</div> <!-- COL-END -->
</div> <!-- ROW END -->
<div class="row padding-universal">
<div class="col-sm-12 center padded-content-h">
<h2>CONNECT WITH US</h2>
<p>We post short updates on Twitter, and use Medium to post longer articles and blog posts on budget-related topics.</p>
<ul class="no-bullets">
<li><img src="img/medium.png" alt="Medium Icon" class="img-icon"><a href="http://medium.com/budgetpedia">Medium</a></li>
<li><img src="img/twitter.png" alt="Twitter Icon" class="img-icon"><a href="http://twitter.com/budgetpedia">Twitter</a></li>
</ul>
</div> <!-- COL-12-END -->
</div> <!-- ROW END -->
<div class="row padding-universal" id="footer">
<?php include 'footer.php' ?>
</div> <!-- ROW END -->
</div> <!-- CONTAINER END -->
<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="js/propeller.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>