-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
214 lines (193 loc) · 9.07 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="stylesheet" href="./semantic/dist/semantic.min.css">
<link rel="stylesheet" href="assets/custom.css">
<!-- <link rel="stylesheet" href="_assets/style.css"> -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-124567356-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-124567356-1');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ML46NML');</script>
<!-- End Google Tag Manager -->
<script src="assets/library/jquery.min.js"></script>
<script src="../dist/components/visibility.js"></script>
<script src="../dist/components/sidebar.js"></script>
<script src="../dist/components/transition.js"></script>
<script>
$(document)
.ready(function() {
// fix menu when passed
// create sidebar and attach to menu open
$('.ui.sidebar')
.sidebar('attach events', '.toc.item')
;
})
;
</script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ML46NML"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Following Menu -->
<!-- <div class="ui large top inverted massive fixed menu"> -->
<!--<div class="ui container">
<<a class="active item">Home</a>
<a class="item">Blog</a>
<a class="item">Our Commons Business Model</a>
<a class="item"></a>
</div>-->
<!-- </div> -->
<!-- Sidebar Menu -->
<!-- <div class="ui vertical sidebar menu">
<a class="active item">Home</a>
<a class="item">About</a>
<a class="item">Why open design</a>
<a class="item">How it works</a>
</div>-->
<div class="banner">
<div class="whitebg">
<div class="ui vertical stripe segment">
<div class="ui middle aligned stackable grid container">
<div class="row">
<div class=""style="height:550px;"></div>
<div class="nine wide column">
<div class="">
<h3 class="ui header" style="color:#ccffff">Open Source for Sustainability</h3>
<p class=""style="font-size:1.5rem;color:#ccffff">We are working on open source projects that have the potential to generate economic empowerment and sustainable development. We use collaborative economy principles and openness as key components in our approach.</br></br>
</p></br>
<div class="">
<a href="https://gitlab.com/go_commons/goscommons-github-io"target="_blanck"><div class="ui inverted huge button" >community approach</div></a>
<a href="https://gitlab.com/go_commons"target="_blanck">
<div class="ui right labeled icon inverted huge button">
<i class="gitlab icon"></i>
our open designs
</div>
</a>
</div>
</div>
</div>
<div class="one wide column">
</div>
<div class="six wide right floated column">
<img class="ui centered medium image"src="assets/images/gologo.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ui container">
<!-- <div class="ui vertical stripe quote segment"></div> -->
<div class="ui hidden divider"></div>
<h3 class="ui center aligned header">Our collaboration approach in a nuthsell</h3>
<div class="ui hidden divider"></div>
<div class="videoWrapper">
<iframe width="100%" height="auto!important" src="https://www.youtube.com/embed/1m-l3JSMP84" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<div class="ui vertical stripe quote segment"></div>
<div class="ui hidden divider"></div>
<div class="ui vertical stripe quote segment">
<div class="ui equal width stackable very relaxed grid">
<div class="row">
<div class="column">
<a href="https://github.com/goscommons/goscommons.github.io/raw/master/materials/A_Story_about_Open_Source%2Cp2p%2C%20and%20SD.pdf" target="_blank">
<h3 class="ui center aligned header">Download our illustrated book for free</h3></a>
<img src="assets/images/book.jpg" alt="">
</div>
<div class="column">
<div class="row" >
<div class="ui medium header">How it works</div>
<div class="ui hidden divider"></div>
<!-- <p style="font-size:1.2rem">We give you access to our designs and resources.</p> -->
<div class="ui hidden divider"></div>
<p style="font-size:1.2rem">We share validated designs that people can replicate to leverage sustainable impact.</p>
<div class="ui hidden divider"></div>
<p style="font-size:1.2rem">We use and teach others how to use open collaborative practices and tools to facilitate decentralized collective design in different projects.</p>
<div class="ui hidden divider"></div>
<p style="font-size:1.2rem">We also help makers, engineers and developers to grow the collaboration network.</p>
<div class="ui hidden divider"></div>
<p style="font-size:1.2rem">We use together with our contributors and association collaborative economy business models to realize the vision of sustainable development and economic empowerment.</p>
<div class="ui hidden divider"></div>
<p style="font-size:1.2rem">Helping others to raise funds, by preparing crowdfunding campaigns, and grant application is part of our core activities.</p>
<div class="ui hidden divider"></div>
</div>
</div>
</div>
</div>
<div class="ui divider"></div>
<div class="ui vertical stripe segment">
<div class="ui text container">
<div class="">
<h3 class="ui header">Where to start?</h3>
<div class="ui hidden divider"></div>
<p style="font-size:1.5rem">1. Make a <a href="https://github.com/">github account</a>.</p>
<div class="ui hidden divider"></div>
<p style="font-size:1.5rem">2. Lets meetup in <a href="https://gitter.im/goscommons-github-io/Welcome?utm_source=share-link&utm_medium=link&utm_campaign=share-link">our chat room </a>, there is nothing better than direct human contact.</p>
<div class="ui hidden divider"></div>
<p style="font-size:1.5rem">3. <a href="https://github.com/goscommons/goscommons.github.io/raw/master/materials/Slides-Intro-Project-GO!Commons.pdf">Download our slide deck</a> to discover why we do this in more detail.</p>
<div class="ui hidden divider"></div>
<p style="font-size:1.5rem">3. Get familiarized with our <a href="https://github.com/goscommons/goscommons.github.io/blob/master/CONTRIBUTING.md">contributing guidelines</a>.</p>
<div class="ui hidden divider"></div>
<p style="font-size:1.5rem">4. Explore our different <a href="https://github.com/goscommons">projects as well as our issues and project boards</a>.</p>
<div class="ui hidden divider"></div>
<div class="ui hidden divider"></div>
<!-- <p style="color:white">Instead of focusing on content creation and hard work, we have learned how to master the art of doing nothing by providing massive amounts of whitespace and generic content that can seem massive, monolithic and worth your attention.</p>
<a class="ui large button">Read More</a>
<h4 class="ui horizontal header divider">
<a href="#">Case Studies</a>
</h4>
<h3 class="ui header">Did We Tell You About Our Bananas?</h3>
<p>Yes I know you probably disregarded the earlier boasts as non-sequitur filler content, but its really true. It took years of gene splicing and combinatory DNA research, but our bananas can really dance.</p>
<a class="ui large button">I'm Still Quite Interested</a> -->
</div>
</div>
</div>
</div>
</div>
<!-- <div class="ui inverted vertical footer segment">
<div class="ui container">
<div class="ui stackable inverted divided equal height stackable grid">
<div class="three wide column">
<h4 class="ui inverted header">About</h4>
<div class="ui inverted link list">
<a href="#" class="item">Sitemap</a>
<a href="#" class="item">Contact Us</a>
<a href="#" class="item">Religious Ceremonies</a>
<a href="#" class="item">Gazebo Plans</a>
</div>
</div>
<div class="three wide column">
<h4 class="ui inverted header">Services</h4>
<div class="ui inverted link list">
<a href="#" class="item">Banana Pre-Order</a>
<a href="#" class="item">DNA FAQ</a>
<a href="#" class="item">How To Access</a>
<a href="#" class="item">Favorite X-Men</a>
</div>
</div>
<div class="seven wide column">
<h4 class="ui inverted header">Footer Header</h4>
<p>Extra space for a call to action inside the footer that could help re-engage users.</p>
</div>
</div>
</div>
</div> -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/semantic.min.js">
</script>
</body>
</html>