-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (121 loc) · 5.08 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
<!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">
<title>Build your digital IQ</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Roboto+Mono:400|Material+Icons"
rel="stylesheet">
<link rel="stylesheet" href="dist/index.css"/>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-31632742-20"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-31632742-20');
</script>
</head>
<body>
<header>
<nav class="navbar navbar-default navbar-static-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">DigComp online <strong style="font-size:11px;">v0.3</strong></span>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a class="scroll" href="#how-to">About</a></li>
<li><a href="skills.html">View Competences</a></li>
</ul>
</div>
</div>
</nav>
</header>
<div id="intro">
<div class="container section">
<div class="row ">
<div class="col-md-12">
<h1>Assess & build your Digital IQ</h1>
<div class="row">
<div class="col-md-6 col-xs-12">
<blockquote cite="http://www.worldwildlife.org/who/index.html">
The Digital Competence Framework can help citizens with self-evaluation, setting learning goals, identifying training opportunities and facilitating job search.
<!--
"We believe that entrepreneurial skills, knowledge and attitudes can be learned and in turn lead to the
widespread development of entrepreneurial mind-sets and culture, which benefit individuals and society as a
whole."
-->
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="how-to">
<div class="container section">
<div class="row ">
<div class="col-md-12">
<h3 class="text-center with-subtitle">The Digital Competence framework</h3>
<div class="text-center subtitle">
<p>The European Digital Competence Framework, also known as DigComp, offers a tool to improve citizen's digital competence. Today, being digitally competent means that people need to have competences in all areas of DigComp.</p>
<p>Things are clearer than ever: 21 competences - 8 eight proficiency levels.</p>
<p><a style="color: blue;" href="https://ec.europa.eu/jrc/sites/jrcsh/files/digcomp-framework-poster-af-ok.pdf">Take a look at the infographic</a> explaining the 8 proficiency levels using a metaphor of "Learning to swim in the digital ocean".</p>
</div>
<div id="chart" style="height: 680px;width:680px; margin:auto;margin-top:20px;"></div>
</div>
</div>
</div>
</div>
<div id="competences">
<div class="container section">
<div class="row ">
<div class="col-md-12">
<h3 class="text-center">Competences</h3>
<div id="competence-container"></div>
</div>
</div>
</div>
</div>
<div id="roadmap">
<div class="container section ">
<h3 class="text-center">Attributions</h3>
<div class="row">
<div class="col-md-6"><h4>Related Publication</h4>
This project is based on
<a target="_blank"
href="https://ec.europa.eu/jrc/en/publication/eur-scientific-and-technical-research-reports/digcomp-21-digital-competence-framework-citizens-eight-proficiency-levels-and-examples-use">
<cite><em>Carretero, S.; Vuorikari, R. and Punie, Y. (2017). DigComp 2.1: The Digital Competence Framework for Citizens with eight proficiency levels and examples of use, EUR 28558 EN, doi:10.2760/38842</em></cite></a> that was released in 2017 at EU SCIENCE HUB.
<h4>Authors</h4>
Stephanie Carretero<br>
Riina Vuorikari<br>
Yves Punie<br>
</div>
<div class="col-md-6">
<h4>Online version</h4>
Digital version created by <a target="_blank" href="http://www.scify.org">SciFY</a>
and distributed with an open source licence.
<h4>Source code</h4>
<a href="https://github.com/scify/digiCompOnline/" target="_blank">GitHub</a>
</div>
</div>
</div>
</div>
<footer class="text-center">
© <a href="http://www.scify.gr/site/en/">SciFY</a> 2012 - 2018
</footer>
<script src="/dist/index.js"></script>
</body>
</html>