-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
299 lines (207 loc) · 18.7 KB
/
index.html
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
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
<!DOCTYPE html>
<html lang="en">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>Outside IN</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<link rel="stylesheet" href="lib/foundation/foundation.min.css" />
<!-- Required CSS files -->
<link rel="stylesheet" type="text/css" href="lib/infusion/framework/fss/css/fss-layout.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/framework/fss/css/fss-text.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/framework/preferences/css/fss/fss-theme-bw-prefsEditor.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/framework/preferences/css/fss/fss-theme-wb-prefsEditor.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/framework/preferences/css/fss/fss-theme-by-prefsEditor.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/framework/preferences/css/fss/fss-theme-yb-prefsEditor.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/framework/preferences/css/fss/fss-theme-lgdg-prefsEditor.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/framework/preferences/css/fss/fss-theme-dglg-prefsEditor.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/framework/preferences/css/fss/fss-text-prefsEditor.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/lib/jquery/ui/css/fl-theme-by/by.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/lib/jquery/ui/css/fl-theme-yb/yb.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/lib/jquery/ui/css/fl-theme-bw/bw.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/lib/jquery/ui/css/fl-theme-wb/wb.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/lib/jquery/ui/css/fl-theme-lgdg/lgdg.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/lib/jquery/ui/css/fl-theme-dglg/dglg.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/framework/preferences/css/PrefsEditor.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/framework/preferences/css/SeparatedPanelPrefsEditor.css" />
<link rel="stylesheet" href="style/outsidein.css" />
<!-- The Infusion Library -->
<script type="text/javascript" src="lib/infusion/infusion-custom.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
fluid.uiOptions.prefsEditor(".flc-prefsEditor-separatedPanel", {
tocTemplate: "lib/infusion/components/tableOfContents/html/TableOfContents.html",
templatePrefix: "lib/infusion/framework/preferences/html/",
messagePrefix: "lib/infusion/framework/preferences/messages/"
});
})
</script>
<div class="flc-prefsEditor-separatedPanel fl-prefsEditor-separatedPanel">
<!-- This is the div that will contain the Preference Editor component -->
<div class="flc-slidingPanel-panel flc-prefsEditor-iframe"></div>
<!-- This div is for the sliding panel that shows and hides the Preference Editor controls -->
<div class="fl-panelBar">
<span class="fl-prefsEditor-buttons">
<button id="reset" class="flc-prefsEditor-reset fl-prefsEditor-reset"><span class="fl-icon-undo"></span> Reset</button>
<button id="show-hide" class="flc-slidingPanel-toggleButton fl-prefsEditor-showHide"> Show/Hide</button>
</span>
</div>
</div>
<div class="container outside-in-container">
<a name="home"></a>
<header class="outside-in-header">
<div class="outside-in-headerLinks">
<a href="#about" title="About">About</a>
<a href="#partners" title="Partners">Partners</a>
<a href="#contact" title="Contact">Contact</a>
</div>
<div class="outside-in-headerTitle">
<span class="outside-in-headerTitle-icon"></span>
<h1>OUTSIDE·IN</h1>
<p class="outside-in-headerTagline"> Ready.<span class="set">Set</span>.<span class="work">Work</span>.</p>
</div>
</header>
<section class="outside-in-mainContent">
<section class="row outside-in-aboutRow outside-in-rowPadding">
<div class="flc-toc-tocContainer small-12 column outside-in-TOC"> </div>
<div class="small-12 column">
<a name="about"></a>
<h2>ABOUT</h2>
</div>
<div class="small-12 medium-6 column">
<p>Outside-IN provides a diverse set of <strong> individualised youth training and mentorship </strong> programs informed by current demands. This means you can apply what you learn immediately, be paid for your work, receive recognition and feedback regarding your skills, and continue to gain skills at your own pace.</p>
</div>
<div class="small-12 medium-6 column">
<p> Outside-IN will help you build your way towards financial independence. When you are ready and sure of your competencies you can participate in service entrepreneurship training. Outside-IN will help you set up a service enterprise.</p>
</div>
<div class="small-12 column">
<a class="outside-in-facebook-link" href="https://www.facebook.com/pages/Outside-In/876867839035173?fref=ts" title="Facebook" target="_blank"></a>
<a class="outside-in-twitter-link" href="https://twitter.com/outsidein2015" title="Twitter" target="_blank"></a>
</div>
</section> <!-- end outside-in-aboutRow -->
<section class="row outside-in-listRow outside-in-rowPadding">
<div class="small-12 medium-6 column">
<ul class="inline-list">
<li><p class="outside-in-listRowStyle1"> Are you facing barriers to employment? Are you interested in job training that you can apply the same day? </p></li>
<li><p class="outside-in-listRowStyle2"> Is it difficult to find jobs that match your strengths and abilities? </p></li>
</ul>
</div>
<div class="small-12 medium-6 column">
<ul class="inline-list">
<li><p class="outside-in-listRowStyle1"> Are there times when you cannot work because of a disability or because of your health? </p></li>
<li><p class="outside-in-listRowStyle2"> Are you looking for meaningful work that meets a critical and growing demand? </p></li>
</ul>
</div>
</section> <!-- end outside-in-listRow -->
<section class="row outside-in-iconRow outside-in-rowPadding">
<div class="outside-in-registerNow small-12 column">
<p> <a class="outside-in-emailLink" href="mailto:[email protected]?Subject=Project Outside-In Register&body=Please send me registration information." target="_top" title="send email to [email protected]">Registration now open!</a> </p>
</div>
<div class="small-12 medium-4 column outside-in-iconColumn outside-in-iconColumn1">
<p>Earn and build upon certification and skills that you can apply immediately</p>
</div>
<div class="small-12 medium-4 column outside-in-iconColumn outside-in-iconColumn2">
<p>Learn valuable skills that address current accessibility gaps. <em> This is a growing, future-proof market.</em> </p>
</div>
<div class="small-12 medium-4 column outside-in-iconColumn outside-in-iconColumn3">
<p>Work toward your own service enterprise.</p>
</div>
<div class="outside-in-checkoutClasses small-12 column">
<p> <a class="outside-in-TIGsite" href="http://outsidein.tigweb.org/" title="TakingIT Global Classes" target="_blank">Check out our classes</a> </p>
</div>
</section> <!-- end outside-in-iconRow -->
<section class="row outside-in-infoRow1 outside-in-rowPadding">
<div class="small-12 column">
<h3>For organisations that need help with accessibility</h3>
</div>
<div class="small-12 medium-6 column">
<p>Outside-IN takes your inaccessible documents and audiovisual media and makes them accessible. We use your documents to provide training and work to young people with episodic disabilities and provide you with a quality-assured, accessible file. We also provide website accessibility reports and can help you understand any changes you should make to your website to make it accessible and compliant with legislation such as the Accessibility for Ontarians with Disabilities Act. If you would like to work with Outside-IN to meet your accessible media needs, please contact the <a class="outside-in-emailLink" href="mailto:[email protected]?Subject=Project Outside-In" target="_top" title="send email to [email protected]">project coordinator.</a></p>
</div>
<div class="small-12 medium-6 column outside-in-infoSideColumn">
<h4>Our services</h4>
<ul>
<li>PDF document remediation </li>
<li>Word document remediation</li>
<li>Video captioning</li>
<li>Website accessibility reports</li>
</ul>
</div>
</section> <!-- end outside-in-infoRow1 -->
<section class="row outside-in-infoRow2 outside-in-rowPadding">
<div class="small-12 column">
<h3>For youth with episodic disabilities</h3>
</div>
<div class="small-12 medium-6 column">
<p>Outside-IN provides free online training for young people (ages 15-29) who know or think that they have an invisible and/or episodic disability that makes it challenging to gain formal training or maintain traditional work hours. This training will teach you how to make digital media more accessible, and includes topics such as: making digital office documents such as Word and PDF accessible, adding closed captioning to videos, and reviewing websites for accessibility. Under the guidance of a mentor you will learn at your own pace.</p>
<p>Outside-IN will provide digital badges for each skill that you learn so that you can show your skills to others. After you have completed the program, you will be supported in finding independent work or in creating a resume to apply for industry jobs. You can train anywhere that you have access to a computer and the Internet. Access to computers and necessary software will also be provided at locations in downtown Toronto.</p>
</div>
<div class="small-12 medium-6 column outside-in-infoSideColumn">
<h4>Our training programs</h4>
<ul>
<li>Making PDF documents accessible</li>
<li>Making Word documents accessible</li>
<li>Adding captions to videos</li>
<li>Checking websites for accessibility</li>
</ul>
<h4>Who is eligible?</h4>
<p>This training program is open to you if you are between the ages of 15-29 and self-identify as having an invisible disability (for example, a learning disability or any other condition that may not be apparent to others) or an episodic disability (for example, MS, lupus, or any other condition where you have good days and bad days). We do not require a doctor's note or other documents. No prior experience is necessary. However, basic literacy and familiarity with windows operating systems and computers would be an asset.</p>
</div>
</section> <!-- end outside-in-infoRow2 -->
<section class="row outside-in-partnersRow outside-in-rowPadding">
<div class="small-12 column">
<a name="partners"></a>
<h2>PARTNERS</h2>
</div>
<div class="small-12 medium-6 column">
<p>Outside-IN is creating a vibrant and responsively evolving, inclusive design ecosystem and learning community. Outside-IN will scale up from successful cycles of youth engagement in addressing real industry demands.</p>
</div>
<div class="small-12 medium-6 column">
<p>Participants are actively engaged in shaping the program through a strategic, multi-sector partnership led by the Inclusive Design Research Centre at OCAD University.</p>
</div>
</section> <!-- end outside-in-partnersRow -->
<section class="row outside-in-aboutPartnersRow outside-in-rowPadding">
<div class="small-12 column">
<h3>About our partners</h3>
</div>
<div class="small-12 medium-6 column">
<p> The <a href="http://www.idrc.ocad.ca" title="Inclusive Design Research Centre" target="_blank">Inclusive Design Research Centre</a> at <a href="http://www.ocadu.ca" title="OCAD University" target="_blank">OCAD University</a></p>
<p>The Inclusive Design Research Centre (IDRC) at OCAD University is dedicated to developing policies, systems and practices that support human diversity. The IDRC has successfully led over 50 multi-sector, multi-partner projects dedicated to digital and economic inclusion. The IDRC leads the Inclusive Design Institute (IDI),
Canada's first research hub focused on digital inclusion, with 8 post-secondary institutions and over 60 researchers. The IDRC is active in international decision-making bodies ensuring that emerging information and communication systems and practices are inclusively designed from the start and leverage the affordances of digital systems to enable participation in the digital economy.</p>
<p> <a href="https://www.tigweb.org/" title="TakingIT Global" target="_blank"> TakingITGlobal </a></p>
<p>TakingITGlobal empowers youth to understand and act on the world's greatest challenges. As a partner in the project, TIG will provide support in training in social entrepreneurship, mentor training and mentor matching, and the review/badging process.</p>
</div>
<div class="small-12 medium-6 column">
<p><a href="http://socialinnovation.ca/" title="Centre for Social Innovation" target="_blank"> Centre for Social Innovation </a></p>
<p>The Centre for Social Innovation is a social enterprise with a mission to catalyse social innovation in Toronto and around the world. We believe that society is facing unprecedented economic, environmental, social and cultural challenges. We also believe that new innovations are the key to turning these challenges into opportunities to improve our communities and our planet.</p>
<p><a href="http://www.riseassetdevelopment.com/" title="RISE Asset Development" target="_blank"> RISE Asset Development </a> </p>
<p>RISE works to empower business owners with access to financing and business supports. We recognize the interdependency of financial well-being to one's overall quality of life. Rise is committed to improving the lives of people who are unable to secure employment due to mental health or addiction challenges.</p>
<p><a href="http://www.yes.on.ca/" title="Youth Employment Services" target="_blank"> Youth Employment Services </a></p>
<p>YES is the leading organisation in Toronto providing employment, entrepreneurship training and job placement for disadvantaged youth. As the first youth employment centre in Canada, established in 1968, YES has helped over 120,000 youth with 80% success in jobs, business start ups or return to school results.</p>
</div>
</section> <!-- end outside-in-aboutPartnersRow -->
<section class="row outside-in-footerRow outside-in-rowPadding">
<div class="small-12 column">
<a name="contact"></a>
<h2>CONTACT</h2>
</div>
<div class="small-12 medium-6 column">
<p>To register with Outside-IN or for more information please contact <a class="outside-in-emailLink" href="mailto:[email protected]?Subject=Project Outside-In" target="_top" title="send email to [email protected]">[email protected]</a></p>
</div>
<div class="small-12 medium-6 column outside-in-footerColumn">
<div class="small-12 medium-12 large-6 column">
<a class="outside-in-idi-Link" href="http://idrc.ocad.ca/" title="Inclusive Design Research Centre" target="_blank">
</a>
</div>
<div class="small-12 medium-12 large-6 column">
<a class="outside-in-Ontario-Government-Link" href="http://www.ontario.ca/ministry-government-services" title="Ministry of Government Services of Ontario" target="_blank"></a>
</div>
</div>
<div class= "small-12 column outside-in-footerLogo">
<a href="#home" title="return to top of page">Outside·IN</a>
</div>
</section> <!-- end oustside-in-footerRow -->
</section> <!-- end outside-in-main-content -->
</div> <!-- end outside-in-container -->
</body>
</html>