-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
184 lines (178 loc) · 10.6 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
<!DOCTYPE html>
<html>
<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>MobileAge Software Tools</title>
<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicon.ico">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<!-- Bulma Version 0.7.2-->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/bulma.min.css" />
<link rel="stylesheet" type="text/css" href="assets/css/blog.css">
</head>
<body>
<!-- START NAV -->
<nav class="navbar">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="../">
<img src="assets/images/logo.png" alt="Logo">
</a>
<span class="navbar-burger burger" data-target="navbarMenu">
<span></span>
<span></span>
<span></span>
</span>
</div>
<div id="navbarMenu" class="navbar-menu">
<div class="navbar-end">
<a href="http://platform.mobile-age.eu" target="_blank" class="navbar-item is-active">MADE</a>
<a href="https://co-creation.mobile-age.eu" target="_blank" class="navbar-item is-active">CIDER</a>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">Open-Source Repositories</a>
<div class="navbar-dropdown">
<a href="https://github.com/authEceSoftEng/ma-made-webserver" target="_blank" class="navbar-item" >MADE-webserver</a>
<a href="https://github.com/authEceSoftEng/ma-made-core" target="_blank" class="navbar-item" >MADE-core</a>
<a href="https://github.com/authEceSoftEng/ma-cider" target="_blank" class="navbar-item" >CIDER</a>
</div>
</div>
</div>
</div>
</div>
</nav>
<!-- END NAV -->
<section class="hero is-info is-medium is-bold">
<div class="hero-body">
<div class="container has-text-right is-family-sans-serif " style="width: 50%;padding: 0%;margin: 0%;float: right;">
<h1 class="title" style="text-align:center;">
<span>Mobile Age Deployment Environment (MADE)<br></span>
<span style="font-style:italic;line-height:1.8em;color: #e0db2d;">meets<br></span>
<span>CIDER: A Guide to Co-Creating Digital Public Services</span>
</h1>
</div>
</div>
</section>
<div class="container">
<!-- START ARTICLE FEED -->
<section class="articles">
<div class="column is-8 is-offset-2">
<!-- START ARTICLE -->
<div class="card article">
<div class="card-content">
<div class="media">
<div class="media-center">
<img src="assets/images/av1.png" class="author-image" alt="Placeholder image">
</div>
<div class="media-content has-text-centered">
<p class="title article-title">MADE: Mobile Age Deployment Environment</p>
<div class="tags has-addons level-item">
<span class="tag is-rounded is-info">@last upadted</span>
<span class="tag is-rounded">March 27, 2019</span>
</div>
</div>
</div>
<div class="content article-body">
<p>MADE offers a sandboxed and secure environment for
designing and deploying web applications, to facilitate agile
development and rapid prototyping.</p>
<h3 class="has-text-left">For Developers</h3>
<ul style="list-style:none;font-size: large;">
<li>Sketch, build and deploy your app with a few clicks</li>
<li>Integrate Open data and services</li>
<li>Use front-end UI components built for and by older adults</li>
<li>Conveniently monitor usage patterns across your apps</li>
</ul>
<h3 class="has-text-left">For application owners</h3>
<ul style="list-style:none;font-size: large;">
<li>Benefit from faster development cycles and more accessible applications.</li>
</ul>
<p class="has-text-centered"><a href="http://platform.mobile-age.eu" target="_blank" class="button is-link is-outlined">Click and Get Started</a></p>
</div>
</div>
</div>
<!-- END ARTICLE -->
<!-- START ARTICLE -->
<div class="card article">
<div class="card-content">
<div class="media">
<div class="media-center">
<img src="assets/images/av2.png" class="author-image" alt="Placeholder image">
</div>
<div class="media-content has-text-centered">
<p class="title article-title">CIDER: A Guide to Co-Creating Digital Public Services</p>
<p class="subtitle is-6 article-subtitle">
<a href="#">@mobile-age team</a> on March 27, 2019
</p>
</div>
</div>
<div class="content article-body" style="margin-left:3rem;margin-right:3rem;">
<div class="box">
<article class="media">
<div class="media-left">
<figure class="image is-128x128" style="width:190px;height:190px;">
<img src="./assets/images/guidebook.png" alt="Image">
</figure>
</div>
<div class="media-content" style="margin:0;">
<div class="content">
<p style="margin:0;">
<span style="font-weight:bold;font-size:medium;">Interactive Guidebook</span><br>
<ul style="list-style:none; font-size: medium;margin: 0;padding-top: 15px;">
<li>A well-defined co-creation process that consists of seven streams of activities which take part in the co-creation</li>
<li>Six case studies of successful co-creation projects</li>
<li>Presentation of methods that have been employed</li>
<li>A range of digital tools to facilitate and support co-creation projects such as an evaluation framework, a deployment platform and a Blog</li>
</ul>
</p>
</div>
</div>
</article>
</div>
<div class="box">
<article class="media">
<div class="media-left">
<figure class="image is-128x128" style="width:190px;height:190px;">
<img src="./assets/images/documentation_platform.png" alt="Image">
</figure>
</div>
<div class="media-content" style="margin:0;">
<div class="content">
<p style="margin:0;">
<span style="font-weight:bold;font-size:medium;">Documentation Platform</span><br>
<ul style="list-style:none; font-size: medium;margin: 0;padding-top: 15px;">
<li>Create co-creation projects</li>
<li>Assign activities to projects that took place in the co-creation process</li>
<li>Assign participants that joined the co-creation process</li>
<li>Create apps as a result of a co-creation project</li>
</ul>
</p>
</div>
</div>
</article>
</div>
<p class="has-text-centered"><a href="https://co-creation.mobile-age.eu" target="_blank" class="button is-link is-outlined">Click and Get Started</a></p>
</div>
</div>
</div>
</section>
<!-- END ARTICLE FEED -->
</div>
<footer class="footer" style="padding-bottom:1.5rem;">
<div class="content has-text-centered">
<span>
<img src="./assets/images/flag_eu.jpg" style="float:left;width:5%">
</span>
<span>
<p style="padding-left:7%;text-align:left;">
This project has received funding from the European Union’s Horizon 2020 research and innovation programme under
grant agreement No 693319. This material refects only the author's view and the Research Executive Agency (REA) is not
responsible for any use that may be made of the information it contains.
</p>
</span>
</div>
</footer>
<script async type="text/javascript" src="../js/bulma.js"></script>
</body>
</html>