This repository has been archived by the owner on Oct 21, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
executable file
·224 lines (210 loc) · 13.4 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
215
216
217
218
219
220
221
222
223
---
layout: landing
---
<!-- Banner -->
<section id="banner" style="background: black;">
<canvas></canvas>
<div class="inner" style="z-index: 1">
<p data-slide='["in once disused chapel", "onboard a pirate ship", "deep in Snowdonia", "the creative innovation adventure begins"]' data-index='0'></p>
<br><br>
<h2><span style="font-size: 1.2em">{{ site.title }}</span></h2>
<br><br>
<img src="images/logo/astralship-transparent-margin.png" width="140px">
<br>
<p style="margin-top:10px">An optimised vehicle</p>
<p>for human consciousness</p>
<p>to change the game</p>
<ul class="icons" style="margin-top:10px">
<li><img src="images/icons/1.png"></li>
<li><img src="images/icons/2.png"></li>
<li><img src="images/icons/3.png"></li>
<li><img src="images/icons/4.png"></li>
<li><img src="images/icons/5.png"></li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/chapel-outside-5.jpg" alt="the outside of the chapel deep dreamed into the style of the future legends image" /></div>
<div class="content">
<h2>What is the astralship?</h2>
<p>The Ship is an extraordinary space that enables <strong>creativity</strong>, <strong>collaboration</strong> and <strong>innovation</strong>, allowing teams to go deeper, faster, with more creativity, and without any limits.</p>
<p>This is more than an innovation retreat centre themed as a pirate ship inside a Welsh Chapel. It's hyper-dimensional innovation vehicle for changing this world.<p>
<p>Sailors, equipped with everything they need onboard, are free to sail anywhere they choose. Corporations seeking profit brought us to the brink, now let's see where innovation pirates can take us.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/mitchOnboard.jpg" alt="Mitch Altman on deck leading our first voyage - hacker sailing" /></div><div class="content">
<h2>We are on a <a href="mission.html">mission</a></h2>
<p>We're building a facility where engineers, designers, makers, artists, creatives, activists and radical thinkers can work together in <a href="flow.html">deep-flow</a> on challenges that really matter.</p>
<p>We're supporting projects that seek to make this world a better place for all. In a world where money is a tightly rigged system of debt and economic slavery, we will cut free and support an emerging new paradigm with those who are ready to build the new world.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/immersion1.jpg" alt="image showing a sunlit internal space. The original chapel pulpit and curving tree branches supporting the ceiling can be seen." /></div>
<div class="content">
<h2>Total Immersion and Flow</h2>
<p>An optimised physical and psychological space where crews can channel creative energy and passion to tackle the hard problems:</p>
<ul>
<li><strong>No barriers:</strong> We aim to meet all immediate physical and psychological needs of the crew. </li>
<li><strong>No distractions:</strong> An inspiring and self contained environment with facilitation where needed to reach the highest energy states.</li>
<li><strong>Wellbeing and support:</strong> Nutritious food, yoga, meditation, exercise and beautiful surroundings in which to hike, relax and unwind.</li>
</ul>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/chapel-HDR-Plan.jpg" alt="HDR image of the chapel space early in the development of the project. The upper decks have not been build at pews can be seen." /></div>
<div class="content">
<h2>A large canvas to work with</h2>
<p>The Chapel has a foot print of over 250m<sup>2</sup> This project is an iterative design and ongoing prototyping experiment. We're creating a magical and inspiring interior with living, working and recreational spaces that suggest adventure on even the most serious of <a href="voyages.html">voyages</a>.</p>
<p>Think of an IoT enabled ship that talks, techno-shamanic interfaces to controllable LED lighting and ambient sounds, an onboard Makerspace and of course an always on energy efficient hot tub is essential for the winter months.
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/healPlanet.jpg" alt="An image of a leaf opening with a complex image of the planet covered in network shapes behind" /></div>
<div class="content">
<h2>Healing the planet before filling our wallets</h2>
<p>Our goal is a sustainable future for all of us. We're committed to this mission and proving that ours is a viable species and not one destined to destroy itself. We may sometimes take on commercial voyages but never ones that clearly harm our planet. If you're looking for a talented team of creatives to help you build a compelling new wasteful thing that no one needs, we have a plank you can walk.
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/Astralship-FutureLegendsSmallB.jpg" alt="Crop of the future legends image by Eloh projects, Sean Allum. The psychedelic image shows the chapel in the centre with lit sails behinds and a number of different characters that embody the spirit of the project. Above the chapel looking forward is a representation of Kalki Avatar. " /></div>
<div class="content">
<h2>Intense creativity - Accelerated Innovation</h2>
<p>Some <a href="voyages.html">voyages</a> are very intense, lasting up to 2 weeks. Some crews need expert facilitators to reach their goals. </p>
<p>On voyages, teams design and prototype solutions. No Q4 corporate budget approval committee, getting things done like there is no tomorrow.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/chapel-outside-3.jpg" alt="image of the chapel" /></div>
<div class="content">
<h2>Stunning Natural Location</h2>
<p>The Chapel stands on the slopes of Elidir, less than 10 miles from Snowdon <i>(highest mountain in England and Wales)</i>. From the office rose window, we can see the Irish Sea and sometimes Ireland itself. We have mountains, hiking, caving, surfing and beautiful beaches.</p>
<p>When tackling a hard problem, sometimes the best approach is to take a break and get some altitude. Snowdonia - and it’s breathtaking scenery of mountains and seaside - is literally on the doorstep. </p>
<p>3h10m on the train from London - not a bad way to find total connection in nature.</p>
</div>
</section>
</section>
<section id="timeline" class="wrapper style3 special">
<canvas></canvas>
<h2>Timeline</h2>
<ul class="timeline">
<li class="done">
<label></label>
<strong><s>Find a space</s></strong>
<p>Find out more about <a href="history.html">our chapel</a>.</p>
</li>
<li class="done">
<label></label>
<strong><s>1st Building party</s></strong>
<p>We have the tools, resources and space. Join us!.</p>
</li>
<li class="done">
<label></label>
<strong><s>Online infrastructure</s></strong>
<p>Setting up our online tools: Google Docs, Trello, Slack, Github...</p>
</li>
<li class="done">
<label></label>
<strong><s>Social media campaign</s></strong>
<p>It is happening! We are ready... Support us on Fb, twitter and Steemit.com</p>
</li>
<li class="done">
<label></label>
<strong>Refurbishment</strong>
<p>Continously improving and refurbishing the ship.</p>
</li>
<li class="done">
<label></label>
<strong>Voyage with Mitch Altman</strong>
<p>The <a href="voyages.html">voyage</a> was pretty amazing.</p>
</li>
<li>
<label></label>
<strong>Full steam ahead</strong>
<p>Open for business. Welcoming teams who want to change the world for the better.</p>
</li>
</ul>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>Let's go sailing, we are open for business.</h2>
<p>We specifically encourage residencies for hacker pirates who would appreciate connection with nature while being supported by a very potent community.</p>
<p style="font-size: 1.2em; border: 3px solid white; padding: 25px; display: inline-block;">You can visit out <strong><a href="https://www.airbnb.co.uk/rooms/25717462">Airbnb listing</a></strong> or get in touch to discuss your needs.</p>
<p>We are looking for others who want to come on this adventure with us. There are so many roles we need help with. If our project resonates with you then you are probably someone who should join our crew</p>
</header>
<ul class="features">
<li class="icon fa-ship">
<h3>Building the ship</h3>
</p>We're looking for architects, artists, psychologists, carpenters, builders and creators of all kinds who want to be involved. Help us design and refit this ship for the century ahead. Let's make sure we're here to stay. </p>
</li>
<li class="icon fa-money">
<h3>Affordable services</h3>
<p>In the conventional paradigm, getting a skilled team together to work on ideas is expensive and time consuming. By providing a ship which is able to sustain teams at low cost, teams can reach prototype stage very quickly and efficiently.</p>
</li>
<li class="icon fa-child">
<h3>Early days</h3>
<p>We are only at the beginning of our adventure. Everything you see is a prototype. Expect many changes. It's work in progress and by visiting our website you are alredy part of it.</p>
<p>We are gathering funds to make a major renovation of our ship.
</li>
<li class="icon fa-users">
<h3>A Pirate way of life</h3>
<p>Blockchain is a powerful technology that is already changing the world. We forsee a way for talented people to break away from the drudgery of corporate life and still live comfortably. Blockchain can allow us to change the way we do economics and collectively invest energy in the planet instead of in it's destruction. For now we are considering ways a pirate coin can align incentives and rewards those that work on Astralships.
</li>
<li class="icon fa-envelope-o">
<h3>An open invitation to sail together</h3>
<p>We have big dreams and with your help we'll achieve them. If you like our vision please share this site to help us find others who might want to be involved. If you'd like to get involved and help shape and develop any aspect of this project, please get in touch below.</p>
</li>
<li class="icon fa-connectdevelop">
<h3>A global fleet</h3>
<p>We're prototyping our first ship here in Wales but we see the potential of creating a global network of locations. Teams needn't be confined to using a single ship. Free from being stuck in an office in a polluted city, crews can be based wherever they want. Our goal is to find locations around the world where anyone with an old building in need of rennovation can join our fleet and our network.</p>
</li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style6 special">
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<h3>Contact us anytime <span style="font-size: 1.4em">🌎 🌍 🌏</span></h3>
<div class="inner">
<form method="post" action="https://formspree.io/[email protected]" style="text-align: left;">
<div class="field half name">
<label for="name">Name</label>
<input type="text" name="name" id="name">
</div>
<div class="field half email">
<label for="email">Email</label>
<input type="text" name="email" id="email">
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="5"></textarea>
</div>
<a style="margin-top:10px;" href="" class="button submit">Send Message</a>
</form>
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<div id="mc_embed_signup">
<form action="https://astralship.us17.list-manage.com/subscribe/post?u=282be05a492376457459681d3&id=6a55fdde71" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Subscribe to our mailing list</h2>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_282be05a492376457459681d3_6a55fdde71" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
</div>
</section>