git ssb

1
.header.homepage
2
  .header-content.scrollme
3
    .row
4
      .col-md-8.col-md-offset-1
5
        .effect_box.effect_box_translate.animateme{"data-opacity" => "0", "data-from" => "0", "data-to" => "0.5", "data-translatex" => "-100", "data-translatey" => "-100", "data-when" => "span"}
6
          = image_tag "entropy_logo_text_white.png", class: 'main-logo img-responsive'
7
    .row
8
      .col-md-7.col-md-offset-3.text-right.banner-logo-tagline.animateme{"data-opacity" => "0", "data-from" => "0.2", "data-to" => "0.6", "data-translatex" => "200", "data-translatey" => "0", "data-when" => "span"}
9
        %h1.main-lead-text.bigger.logo-tagline A Floating Blockchain Experiment
10
  .main-area-links.bottom-align-text{ style: 'padding: 1em;'}
11
    = link_to 'https://projectentropy.gitbooks.io/whitepaper/content/', class: 'btn btn-primary' do
12
      %i.fa.fa-file
13
      Whitepaper [still sketchy]
14
15
    = link_to 'https://rocket.project-entropy.com', class: 'btn btn-primary' do
16
      %i.fa.fa-rocket
17
      Rocket Chat
18
19
.header.secondary.alpha
20
  .container.animateme.scrollme{"data-from" => "0.75", "data-opacity" => "0", "data-to" => "0", "data-translatex" => "400", "data-when" => "enter", :style => "opacity: 0.77; transform: translate3d(91px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1);"}
21
    .row
22
      .col-sm-7.col-sm-offset-5.text-box-red.text-right
23
        %br
24
        %br
25
        %h1.text-uppercase
26
          Project Entropy is a floating experiment powered by Ethereum
27
28
    .row
29
      .col-sm-7.col-sm-offset-5.text-box-red.text-right
30
        %p.lead
31
          We're launching a community steered fleet of sailing hackspaces, starting with a crowd-owned boat that sails around the world
32
33
34
35
36
.header.secondary.community.scrollme
37
  .container
38
    .row
39
      .col-sm-7.text-box-lightblue.text-left
40
        %br
41
        %br
42
        %h1.text-uppercase global community
43
44
45
    .row
46
      .col-sm-7.text-box-lightblue.text-left
47
        %p.lead
48
          All entropy contributors are citizens of a experimental micronation without centralised government.
49
          Citizens can suggest new aims and destinations for the project.
50
          Everyone has the option toand vote on everything the fleet is aiming for - destinations sailed towards, ideas built and projects helped
51
52
      .col-sm-7.no-padding.animateme.scrollme{"data-from" => "0.75", "data-opacity" => "0", "data-to" => "0", "data-translatex" => "-400", "data-when" => "enter", :style => "opacity: 0.77; transform: translate3d(91px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1);"}
53
        = link_to 'JOIN US', page_path('community'), class:'btn btn-primary btn-lg btn-block ghost-button-lightblue'
54
55
56
.header.secondary.beta.scrollme
57
  .container
58
    .row
59
60
      .col-lg-7.col-sm-offset-5.text-right.text-box-lightblue
61
        %br
62
        %br
63
        %h1.text-uppercase
64
          Growing projects aboard
65
66
    .row
67
      .col-sm-7.col-sm-offset-5.text-right.text-box-lightblue
68
        %p.lead
69
          Entropy is about being creative, manually and digitally, prototyping and bringing cool projects to life.
70
71
        %p.lead
72
          The fleet carries a hackspace, free to be used to learn, build prototypes and repair or create useful things for other groups to use
73
          anything from p2p protocols to solarpunk water recyclers
74
75
      .col-sm-7.col-sm-offset-5.text-right.no-padding.animateme.scrollme{"data-from" => "0.75", "data-opacity" => "0", "data-to" => "0", "data-translatex" => "400", "data-when" => "enter", :style => "opacity: 0.77; transform: translate3d(91px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1);"}
76
        = link_to 'projects', page_path('projects'), class:'btn btn-primary btn-lg btn-block ghost-button-lightblue'
77
78
.header.secondary.map.text-left.scrollme
79
  .container
80
    .row
81
      .col-sm-8.text-left.text-box-red
82
        %br
83
        %br
84
        %h1.text-uppercase
85
          you decide where Entropy goes
86
87
    .row
88
      .col-sm-8.text-box-red.text-left
89
        %p.lead
90
          We want to tell the story of the boat without a captain.
91
92
        %p.lead
93
          Entropy is growing into a decentralised autonomous organisation (DAO) with a global
94
          community at its heart.
95
          Among other things you can suggest and vote on the destinations of the Entropy Flotilla
96
97
98
.header.secondary.afloat.text-left.scrollme
99
  .container
100
    .row
101
      .col-lg-7.col-sm-offset-5.text-right.text-box
102
        %br
103
        %br
104
        %h1.text-uppercase
105
          JOIN ENTROPY
106
107
    .row
108
      .col-sm-7.col-sm-offset-5.text-right.text-box
109
        %p.lead
110
          Entropy is a self organised project. Any contributor or supporter becomes a part of it.
111
          Support it by building it, making it safer, easier and faster, or with ether during the crowdfund.
112
113
        %p.lead
114
          Join our
115
          %strong
116
            = link_to 'community', page_path('community'), class: 'white'
117
          and learn how you can become a part of Entropy now.
118
119
120
121
%section.no-padding
122
  .container-fluid
123
    .row.no-gutter
124
      .col-lg-3.col-sm-3
125
        .portfolio-box{:href => "#"}
126
          = image_tag "Token_GetName.png", class: "img-responsive"
127
          .portfolio-box-caption
128
            .portfolio-box-caption-content
129
              .project-category.text-faded
130
                Join
131
              .project-description
132
                Have your name written on the boat, among all other citizens
133
      .col-lg-3.col-sm-3
134
        .portfolio-box{:href => "#"}
135
          = image_tag "Token_ComeAboard.png", class: "img-responsive"
136
137
          .portfolio-box-caption
138
            .portfolio-box-caption-content
139
              .project-category.text-faded
140
                Crew
141
              .project-description
142
                Come aboard and help sail the boats in the Entropy fleet around the
143
                world
144
145
146
      .col-lg-3.col-sm-3
147
        .portfolio-box{:href => "#"}
148
          = image_tag "Token_Incubator.png", class: "img-responsive"
149
          .portfolio-box-caption
150
            .portfolio-box-caption-content
151
              .project-category.text-faded
152
                Incubate
153
              .project-description
154
                Float ideas to the onboard incubator, grow projects onboard
155
156
157
      .col-lg-3.col-sm-3
158
        .portfolio-box{:href => "#"}
159
          = image_tag "Token_Route.png", class: "img-responsive"
160
161
          .portfolio-box-caption
162
            .portfolio-box-caption-content
163
              .project-category.text-faded
164
                Steer
165
              .project-description
166
                Direct the fleet, suggest where we go and what we do there
167
168
169
170
%section.no-padding
171
  .container-fluid
172
173
174
%section#guardians
175
  .container
176
    .row
177
      .col-lg-8.col-lg-offset-2.text-center
178
        %h2.section-heading Guardians
179
        %hr.primary/
180
        %p.lead We're an enthusiastic and friendly group of technologists, creatives, environmentalists and dreamers
181
    .row
182
      .col-sm-2.text-center.wow.fadeIn
183
        = image_tag "tudor_2.jpg", class: "img-responsive profile_pic"
184
        %p.lead Tudor Georgescu
185
        %p Hacker of OpenSource, planter of trees, grower of beard
186
        %p
187
          %a{:href => "https://uk.linkedin.com/in/tudorg"}
188
            %i.fa.fa-linkedin
189
190
191
      .col-sm-2.text-center.wow.fadeIn
192
        = image_tag "helena_1.jpg", class: "img-responsive profile_pic"
193
        %p.lead Helena Teichrib
194
        %p Creative Designer, Idealist and Treehugger
195
        %p
196
          %a{:href => "mailto:helena.rib@project-entropy.com"}
197
            %i.fa.fa-envelope-o
198
          %a{:href => "https://www.linkedin.com/in/helena-teichrib-83246065/en"}
199
            %i.fa.fa-linkedin
200
          %a{:href => "https://twitter.com/HelenaTeichrib"}
201
            %i.fa.fa-twitter
202
203
204
      .col-sm-2.text-center.wow.fadeIn
205
        = image_tag "lucas_1.jpg", class: "img-responsive profile_pic"
206
        %p.lead Lucas Tauil De Freitas
207
        %p Weaver, journalist and group interaction specialist with 15 years experience circumnavigating
208
        %p
209
          %a{:href => "mailto:lucasexpresso@gmail.com"}
210
            %i.fa.fa-envelope-o
211
          %a{:href => "https://nz.linkedin.com/in/lucas-tauil-de-freitas-a46b5826"}
212
            %i.fa.fa-linkedin
213
          %a{:href => "https://twitter.com/tauil_lucas"}
214
            %i.fa.fa-twitter
215
216
217
      .col-sm-2.text-center.wow.fadeIn
218
        = image_tag "joran_rain.png", class: "img-responsive profile_pic"
219
        %p.lead Joran Kikke
220
        %p Technology architect, maker, mild anarchist and civilization skeptic
221
        %p
222
          %a{:href => "mailto:joran.k@project-entropy.com"}
223
            %i.fa.fa-envelope-o
224
          %a{:href => "https://nz.linkedin.com/in/joran-kikke-0b08065"}
225
            %i.fa.fa-linkedin
226
          %a{:href => "https://twitter.com/donkeyscience"}
227
            %i.fa.fa-twitter
228
229
      .col-sm-2.text-center.wow.fadeIn
230
        = image_tag "kian_1.jpg", class: "img-responsive profile_pic"
231
        %p.lead Kian Mehrabi
232
        %p Teacher and Freelance Thinker
233
        %p
234
          %a{:href => "mailto:kiamo.m@gmail.com"}
235
            %i.fa.fa-envelope-o
236
          %a{:href => "https://www.linkedin.com/in/kianmehrabi"}
237
            %i.fa.fa-linkedin
238
239
240
%section#contact
241
  .container
242
    .row
243
      .col-lg-3.text-center
244
        %i.fa.fa-phone.fa-3x.wow.bounceIn
245
        %p +64 0204 404 004
246
      .col-lg-3.text-center
247
        %i.fa.fa-envelope-o.fa-3x.wow.bounceIn{"data-wow-delay" => ".1s"}
248
        %p
249
          %a{:href => "mailto:freedom@project-entropy.com"} freedom@project-entropy.com
250
      .col-lg-3.text-center
251
        %i.fa.fa-github.fa-3x.wow.bounceIn{"data-wow-delay" => ".1s"}
252
        %p
253
          %a{:href => "https://github.com/ProjectEntropy/"} github.com/ProjectEntropy
254
      .col-lg-3.text-center
255
        %i.fa.fa-twitter.fa-3x.wow.bounceIn{"data-wow-delay" => ".1s"}
256
        %p
257
          %a{:href => "https://twitter.com/EntropyBoat/"} @EntropyBoat
258