-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
187 lines (171 loc) · 8.74 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
<!DOCTYPE HTML>
<html>
<head>
<title>Co-operating Systems</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">CO-OPERATING SYSTEMS</a></h1>
<!--<nav>
<a href="#menu">Menu</a>
</nav>-->
</header>
<!-- Menu -->
<!--<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="generic.html">Generic</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="#">Log In</a></li>
<li><a href="#">Sign Up</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>-->
<!-- Banner -->
<section id="banner">
<div class="inner">
<div class="logo"></div>
<h2>Co-operating systems</h2>
<p>A DISTRIBUTED PLATFORM FOR DIGITAL SOVEREIGNTY</p>
<div class="content">
<p>The world faces complex and interrelated issues that can
only be addressed by real-time secure co-operation between diverse organisations.</p>
<p>How can we enable effective co-operation between autonomous actors and institutions without sacrificing digital sovereignty? The answer is a new kind of open source/open standards platform, with a unique social enterprise driving its development.</p>
</div>
</div>
</section>
<!-- Wrapper -->
<section id="wrapper">
<!-- One -->
<section id="one" class="wrapper spotlight style1">
<div class="inner">
<a href="#" class="image"><img src="images/pic01.jpg" alt=""/></a>
<div class="content">
<h2 class="major">THE PROBLEM</h2>
<div style="text-align: left">
<p style="margin-bottom: 2px">Users of Web Applications face rising costs:</p>
<ul style="margin-bottom: 2px">
<li>Every site requires a new password and profile,</li>
<li>User Interfaces differ for each site,</li>
<li>Data from one application rarely works with another,</li>
<li>Each site requires us to accept lengthy terms and conditions.</li>
</ul>
<p>
Since each person and organisation ends up choosing different apps, the complexity and cost grows exponentially as people try to come together to co-operate on projects that build on past data.
</p>
</div>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt spotlight style2">
<div class="inner">
<a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a>
<div class="content">
<h2 class="major">OUR OBJECTIVE</h2>
<p>We envision a web where we can use applications tailor-made for each of us. These applications will navigate linked data seamlessly across organisational boundaries. They will allow us to choose where to host our information, with whom we share it, and how we identify ourselves. This will create a distributed social web which will foster innovative ideas, help transform them into projects and allow us to share resources securely.</p>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper spotlight style3">
<div class="inner">
<a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
<div class="content">
<h2 class="major">THE PLATFORM</h2>
<p style="text-align: left">
Our stack takes a completely new approach: the web is the database and data is a web of relations. Apps using our libraries can follow relations through the web of data and write to any Social Linked Data server (<a href="https://github.com/solid/solid-spec">SoLiD</a>) if allowed. As a result designers will be able to write applications providing a consistent <a href="http://hi-project.org/">human interface</a> for people needing to co-operate within and across organisations, each application tailored for the person viewing the data.
</p>
</div>
</div>
</section>
<!-- Four -->
<!--<section id="four" class="wrapper alt style1">
<div class="inner">
<h2 class="major">MEET THE TEAM</h2>
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
<section class="features">
<article>
<a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a>
<h3 class="major">HENRY STORY</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
</article>
<article>
<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
<h3 class="major">GORDANA</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
</article>
<article>
<a href="#" class="image"><img src="images/pic06.jpg" alt="" /></a>
<h3 class="major">Ante fermentum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
</article>
<article>
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
<h3 class="major">Fusce consequat</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
</article>
</section>
<ul class="actions">
<li><a href="#" class="button">Browse All</a></li>
</ul>
</div>
</section>-->
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Get in touch</h2>
<p>Co-operating Systems is a social enterprise that researches, develops, maintains and provides services around an open source/open standards software platform to enable co-operation among autonomous actors.</p>
<form action="mailto:[email protected]" enctype="text/plain">
<div class="field">
<label for="subject">Subject</label>
<input id="subject" type="text" name="subject" />
</div>
<div class="field">
<label for="body">Message</label>
<textarea name="body" id="body" rows="4"></textarea>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message"/></li>
</ul>
</form>
<ul class="contact">
<li class="fa-home">Co-operating systems<br />
2 Harlequin Court<br />
6 Thomas More Street<br />
London E1W 1AR<br />
United Kingdom
</li>
<li class="fa-phone"><a href="tel:+33-6-38-32-69-84">+33 6 38 32 69 84</a></li>
<li class="fa-phone"><a href="tel:+44-20-32-39-54-65">+44 20 32 39 54 65</a></li>
<li class="fa-envelope"><a href="mailto:[email protected]">[email protected]</a></li>
<!--<li class="fa-twitter"><a href="#">twitter.com/untitled-tld</a></li>-->
</ul>
<ul class="copyright">
<li>© Co-operating systems. All rights reserved.</li><li></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>