-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
311 lines (263 loc) · 16.9 KB
/
index.html
File metadata and controls
311 lines (263 loc) · 16.9 KB
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
300
301
302
303
304
305
306
307
308
309
310
311
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Home - GCbootstrap</title>
<!--Bootstrap CSS-->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<!--Bootstrap Font Awesome-->
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<!-- FontAwesome JS -->
<script defer src="https://use.fontawesome.com/releases/v5.1.0/js/all.js" integrity="sha384-3LK/3kTpDE/Pkp8gTNp2gR/2gOiwQ6QaO7Td0zV76UFJVhqLl4Vl3KL1We6q6wR9" crossorigin="anonymous"></script>
<!-- Font Awesome 5-->
<script src="https://kit.fontawesome.com/8b131da28e.js" crossorigin="anonymous"></script>
<!--Bootstrap JQuery-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!--Bootstrap Popper-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<!--Bootstrap JS-->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<!--Modernizr for detecting HTML5 and CSS3 features in the browser-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>
<!--Coil-->
<meta name="monetization" content="$ilp.uphold.com/kaa77YQG3HeA" />
<!--GCbootstrap CSS-->
<link type="text/css" href="/css/core.css" rel="stylesheet">
<link type="text/css" href="/css/override.css" rel="stylesheet">
</head>
<!--Start of body and super-body container. DO NOT REMOVE-->
<body>
<main class="bd-masthead" id="content">
<section class="super-body">
<!--Start of body and super-body container. DO NOT REMOVE-->
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<!--<a class="navbar-brand" href="#">GCpedia</a>-->
<a class="navbar-brand" href="http://crazybat.github.io/">
<!--<img src="http://www.gcpedia.gc.ca/gcwiki/images/c/c5/Logo-GCpedia%402x.svg" width="108" height="55" alt="GCpedia">-->
<img src="/img/GoC/global/icon-400x400.png" width="55" height="55" alt="GCb-X">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!--<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://www.gcpedia.gc.ca/wiki/GCbootstrap/start-eng">Get Started</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://www.gcpedia.gc.ca/wiki/GCbootstrap/style-guide-eng">Style Guide</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://www.gcpedia.gc.ca/wiki/GCbootstrap/themes-eng">Themes</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="/en/tools/">Tools</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/en/resources/">Resources</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/en/about/">About</a>
</li>
</ul>
</div>-->
</nav>
<div role="main" class="container-fluid">
<nav aria-label="breadcrumb" class="mb-2">
<ol class="breadcrumb">
<li class="breadcrumb-item active" aria-current="page"><i class="fas fa-home"></i> Home</a></li>
</ol>
</nav>
<!--<div class="row">
<img src="/img/GoC/global/icon-400x400.png" alt="GCb-X" class="img-fluid mx-auto" />
</div>-->
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-12">
<h1>About</h1>
<p class="lead">Whether it's a wiki, intranet, or social media channels, digital communications has the potential to enhance your message out to all your applicable users.</p>
<p class="lead">The tools are already available to help further enhance your message. Let <span class="rounded text-white badge" style="background: #563D7C;"><strong>GC</strong>bootstrap</span> assist you in reaching the most people possible!</p>
<p><span class="badge badge-danger">Note:</span> These templates have been modified to be used for an external site. However, they are easily adaptable and can be posted to <a href="http://www.gcpedia.gc.ca">GCpedia</a> <i class="fas fa-external-link-alt small"></i>, if needed.</p>
</div>
<div class="col-lg-3 col-md-4 pr-3">
<div class="card hovercard">
<div class="cardheader">
</div>
<div class="avatar">
<img alt="Picture of Marco Battilana" src="/img/GoC/global/me-450-450.jpg">
</div>
<div class="info">
<div class="title">
Marco Battilana
</div>
<div class="desc"><strong>Technical Advisor</strong></div>
<div class="desc">Traditional / Digital Communicator</div>
<div class="desc">User Experience Expert</div>
<div class="desc">GCtools Ambassador</div>
<div class="desc">Creator - <a href="http://www.gcpedia.gc.ca/wiki/GCbootstrap"><span class="rounded text-white badge" style="background: #563D7C;"><strong>GC</strong>bootstrap</span></a></div>
</div>
<div class="bottom">
<a class="btn btn-primary btn-sm text-center" data-toggle="tooltip" data-placement="bottom" title="Check out my GCpedia profile" href="http://www.gcpedia.gc.ca/wiki/User:Marco.battilana" target="_blank">
<span class="text-white h5"><i class="fa fa-user"></i></span>
</a>
<a class="btn btn-success btn-sm text-center" data-toggle="tooltip" data-placement="bottom" title="Check out my GCconnex profile"
href="https://gcconnex.gc.ca/profile/crazybat?language=en" target="_blank">
<span class="text-white h5"><i class="fas fa-rocket"></i></span>
</a>
<a class="btn btn-danger btn-sm text-center" data-toggle="tooltip" data-placement="bottom" title="Check out my GCcollab profile"
href="https://gccollab.ca/profile/Marco.Battilana" target="_blank">
<span class="text-white h5"><i class="fa fa-globe"></i></span>
</a>
<a class="btn btn-info btn-sm text-center" data-toggle="tooltip" data-placement="bottom" title="Check out my LinkedIn profile" href="https://www.linkedin.com/in/crazybat/" target="_blank">
<span class="text-white h5"><i class="fa fa-bookmark"></i></span>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12 col-xs-12 border-right border-dark">
<h2>How it started</h2>
<p>As an ambassador of GCtools (including GCpedia), I see the potential in using digital communications. At the same time, we're all busy with our day-to-day responsibilities. By giving you the ability to further enhance your GCpedia with GCbootstrap, you are tapping in to various designs and templates created by other Bootstrap users (back to 2011) and not having to reinvent the wheel!</p>
<p>If you can think of a common digital design, component or layout, it's probably already been created. GCbootstrap gives you quicker access to these existing resources and, hopefully, makes your life a little easier.</p>
<h2 class="mt-3">GCpedicure</h2>
<p>GCbootstrap wouldn't have been possible if it weren't for the efforts of <a href="https://www.linkedin.com/in/chrissoueidan/">Chris</a> from Global Affairs Canada's InnoLab and <a href="http://www.gcpedia.gc.ca/wiki/GCpedicure">GCpedicure</a>. <strong>Thank you!</strong></p>
<p>The methodologies of using a GCpedia page with Bootstrap started with <a href="http://www.gcpedia.gc.ca/wiki/GCpedicure">GCpedicure</a> and it's what inspired me to extend this functionality. GCbootstrap simply extends GCpedia, GCpedicure by:</p>
<ul class="mb-3">
<li>Utilizing the latest Bootstrap build (currently v4.1.3)</li>
<li>Restoring the basic functionality of GCpedia:
<ul>
<li>Content AND User Interface Language Flipper</li>
<li>Read, Edit source, View history, Favorites, Unwatch</li>
<li>Link to GCpedia profile, Talk, Preferences, My favorites, Watchlist, Contributions, Logging in and out</li>
</ul>
</li>
<li>Creating an improved responsive design for various resolutions and devices</li>
</ul>
</div>
<div class="col-lg-6 col-md-12 col-xs-12">
<h2>Awards</h2>
<ul>
<li><i class="fas fa-trophy text-warning"></i> <strong>Certificate of Recognition from Fisheries and Oceans Canada</strong> - Lead role in the creation of the <a href="http://www.gcpedia.gc.ca/wiki/Information_management_at_Fisheries_and_Oceans_Canada_(DFO)/Information_management_initiatives/GCDocs/Guide">GCdocs Online Help Guide</a> (using GCbootstrap).<br/><span class="text-muted">(16 October 2018)</span></li>
</ul>
<h2 class="mt-3">Blueprint 2020</h2>
<p>GCbootstrap compliments the vision and principles of <a href="http://www.gcpedia.gc.ca/wiki/Blueprint_2020/AboutUs">Blueprint 2020</a>. Specifically, using GCbootstrap with GCpedia will give you the ability to:</p>
<dl>
<dt>Increase engagement</dt>
<dd>GCbootstrap makes your content more in focus</dd>
<dt>Enhance service delivery</dt>
<dd>GCbootstrap uses shared files and themes for easier launch of content</dd>
<dt>Better utilize current / potential future technologies</dt>
<dd>GCbootstrap extends the current GCpedia wiki and is built for interoperability</dd>
<dt>Embrace new ways of working with others & mobilize talent to serve the needs of others</dt>
<dd>GCbootstrap can be used by anyone with a GCpedia account</dd>
</dl>
<h2 class="mt-3">GCTools</h2>
<img src="/img/GoC/global/icon-gctools.png" class="img-fluid img-thumbnail float-left mr-2" />
<p>GCbootstrap is currently used with GCpedia and compliments the current mandate of <a href="http://www.gcpedia.gc.ca/wiki/GCTools/What_are_the_GCTools">GCTools</a> - acting as a central hub for all public servants, hosting online tools and moving towards the digital space.</p>
<p>By using GCbootstrap, you will further enhance your ability reach the most people possible.</p>
</div>
</div>
<!--<div class="row">
<div class="col-lg-12">
<h1>Infographics</h1>
<p class="lead">A definitive list of resources that have been created, referenced, linked to from any and all official Government of Canada resources. The objective is to take any official, helpful information and make it more accessible (e.g.: image with text, PDFs) for all to access.</p>
<p class="font-weight-bold">Disclaimer: This is not an official Government of Canada site! For questions about any content, please contact the owner via the citation.</p>
<p class="badge badge-danger">Updated directly from <strong>official</strong> sources with citation.</p>
</div>
</div>
<div class="card-deck mt-5">
<div class="card card-accent-danger mb-3 shadow">
<div class="card-header"><h2><i class="fas fa-briefcase mr-1 text-danger"></i> Tools</h2></div>
<div class="card-body">
<h3>Slack</h3>
<ul>
<li><span class="badge badge-info">2020-03-21</span> <a href="/en/tools/slack/benefits-of-slack.html">Benefits of Using Slack</a> (English)</li>
<li><span class="badge badge-info">2020-03-21</span> <a href="/fr/outils/slack/les-avantages-de-slack.html">Les avantages de Slack</a> (Français)</li>
</ul>
<h3>Zoom</h3>
<ul>
<li><span class="badge badge-info">2020-03-29</span> <a href="/en/tools/zoom/getting-to-know-the-platform.html">Getting to know the Platform</a> (English)</li>
<li>French to follow!</li>
</ul>
</div>
<div class="card-footer">
<a href="http://www.gcpedia.gc.ca/wiki/Information_management_at_Fisheries_and_Oceans_Canada_(DFO)/Information_management_initiatives/GCDocs/workspaces" class="btn btn-danger btn-block">Read More: Workspaces</a>
</div>
</div>
<div class="card card-accent-danger mb-3 shadow">
<div class="card-header"><h2><i class="fas fa-question mr-1 text-danger"></i> Resources</h2></div>
<div class="card-body">
<h3>Audio Conferences</h3>
<ul>
<li><span class="badge badge-info">2020-03-25</span> <a href="/en/ssc-spc/resources/audio-conference-reference.html"><abbr title="Government Teleconferencing Service">GTS</abbr> Audio Conferencing Service</a> (English)</li>
<li><span class="badge badge-info">2020-03-25</span> <a href="/fr/spc-ssc/ressources/audio-conference-reference.html">Service D'audioconférence du <abbr title="Le Service Gouvernemental de Téléconférences">SGT</abbr></a> (Français)</li>
</ul>
</div>
<div class="card-footer">
<a href="http://www.gcpedia.gc.ca/wiki/Information_management_at_Fisheries_and_Oceans_Canada_(DFO)/Information_management_initiatives/GCDocs/faqs" class="btn btn-danger btn-block">Read More: <abbr title="Frequently Asked Questions">FAQs</abbr></a>
</div>
</div>
<div class="card card-accent-danger mb-3 shadow">
<!--<div class="card-header"><h5>Support</h5></div>
<div class="card-body">
<img src="http://www.gcpedia.gc.ca/gcwiki/images/e/e9/Technical-support.png" alt="Card image cap" class="float-right">
<p class="card-text">Blurb about support goes here</p>
</div>
<div class="card-footer">
<a href="#" class="btn btn-danger btn-block">Go to Support</a>
</div>-->
<!--<div class="card-header"><h5><i class="fas fa-book mr-1 text-danger"></i> Training</h5></div>
<div class="card-body">
<img src="/img/GoC/icons/toolbox.png" class="float-right ml-2">
<p class="card-text">GCcampus has courses and tip sheets on GCdcocs. To access these courses, go to GCcampus, log in (or create a log in - it's free) and type GCdocs in the search screen. </p>
<a class="btn btn-secondary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">View Direct links to courses</a>
<ul class="collapse mt-2" id="collapseExample">
<li><a href="https://learn-apprendre.csps-efpc.gc.ca/application/en/content/gcdocs-fundamentals-online-self-paced-i010-0" target="_blank">GCDocs Fundamentals: Online Self-paced (I010)</a></li>
<li><a href="https://learn-apprendre.csps-efpc.gc.ca/application/en/content/protecting-sensitive-information-gcdocs-i016" target="_blank">Protecting Sensitive Information in GCdocs (I016)</a></li>
<li><a href="https://learn-apprendre.csps-efpc.gc.ca/application/en/content/information-management-awareness-quiz-i300" target="_blank">Information Management Awareness Quiz (I300)</a></li>
<li><a href="https://learn-apprendre.csps-efpc.gc.ca/application/en/content/fundamentals-information-management-i301" target="_blank">Fundamentals of Information Management (I301)</a></li>
</ul>
</div>
<div class="card-footer">
<a href="https://learn-apprendre.csps-efpc.gc.ca/application/en" class="btn btn-danger btn-block" target="_blank">Go to GCcampus <i class="fas fa-external-link-alt"></i></a>
</div>
</div> -->
</div>
</div>
<footer class="footer fixed-bottom">
<!--<div class="container-fluid">
<span class="text-white">Contact Information: <a href="mailto:marco@crazybat.ca" class="text-info"><i class="fa fa-envelope"></i> Marco Battilana</a></span>
</div>-->
<div id="icon-gcb">
<a href="http://www.gcpedia.gc.ca/wiki/GCbootstrap"><span class="rounded text-white badge" style="background: #563D7C;">Powered by <strong>GC</strong>bootstrap</span></a>
</div>
</footer>
<!--End of body and super-body container. DO NOT REMOVE-->
</section>
</main>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip({
container: 'body'
})
})
$(function () {
$('[data-toggle="popover"]').popover({
container: 'body'
})
})
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-389608-6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-389608-6');
</script>
</body>