-
Notifications
You must be signed in to change notification settings - Fork 6
/
old-home.html
209 lines (209 loc) · 20 KB
/
old-home.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
<!DOCTYPE html><!-- Last Published: Mon Oct 21 2024 09:25:34 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="5a37d9885085cc0001bbcb7b" data-wf-site="5a37d9885085cc0001bbcb7a">
<head>
<meta charset="utf-8">
<title>Project Kamp</title>
<meta content="Building our offline community. Its kind of a prototype for another way of living 💥" name="description">
<meta content="PROJECT KAMP" property="og:title">
<meta content="We're building our own offline community. Its kind of a prototype for another way of living 💥" property="og:description">
<meta content="PROJECT KAMP" property="twitter:title">
<meta content="We're building our own offline community. Its kind of a prototype for another way of living 💥" property="twitter:description">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/components.css" rel="stylesheet" type="text/css">
<link href="css/project-kamp.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Bitter:400,700,400italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Oswald:200,300,400,500,600,700","Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Varela Round:400"] }});</script>
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-119539073-1"></script>
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-119539073-1', {'anonymize_ip': false});</script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-33S10QKQC3"></script>
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-33S10QKQC3');</script>
</head>
<body class="body">
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar-2 w-nav">
<div class="container-3 w-container">
<nav role="navigation" class="nav-menu-2 w-nav-menu">
<a href="support.html" target="_blank" class="menubutton w-nav-link">Support us</a>
<a href="https://community.projectkamp.com/academy/start/intro" target="_blank" class="menubutton w-nav-link">Documentation</a>
</nav>
<div class="menu-button-2 w-nav-button">
<div class="icon-8 w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="div-block-13">
<div data-current="Tab 2" data-easing="ease" data-duration-in="0" data-duration-out="0" class="w-tabs">
<div class="w-tab-content">
<div data-w-tab="Tab 1" class="w-tab-pane"><img src="images/ProjectKamp_sketch_01.jpg" sizes="100vw" srcset="images/ProjectKamp_sketch_01-p-1080.jpeg 1080w, images/ProjectKamp_sketch_01-p-1600.jpeg 1600w, images/ProjectKamp_sketch_01-p-2000.jpeg 2000w, images/ProjectKamp_sketch_01-p-2600.jpeg 2600w, images/ProjectKamp_sketch_01-p-3200.jpeg 3200w, images/ProjectKamp_sketch_01.jpg 4000w" alt=""></div>
<div data-w-tab="Tab 2" class="w-tab-pane w--tab-active"><img src="images/ProjectKamp_sketch_02.jpg" sizes="100vw" srcset="images/ProjectKamp_sketch_02-p-1080.jpeg 1080w, images/ProjectKamp_sketch_02-p-2000.jpeg 2000w, images/ProjectKamp_sketch_02-p-2600.jpeg 2600w, images/ProjectKamp_sketch_02-p-3200.jpeg 3200w, images/ProjectKamp_sketch_02.jpg 4000w" alt=""></div>
</div>
<div class="tabs-menu w-tab-menu">
<a data-w-tab="Tab 1" class="tab-button w-inline-block w-tab-link">
<div class="text-block-2">It's too messy..</div>
</a>
<a data-w-tab="Tab 2" class="tab-button w-inline-block w-tab-link w--current">
<div class="text-block">Explain</div>
</a>
</div>
</div>
</div>
<div class="container w-container">
<div class="div-block-8"><img src="images/Daco_2153803.png" width="35" height="" sizes="35px" alt="" srcset="images/Daco_2153803-p-500.png 500w, images/Daco_2153803.png 629w" class="image-8">
<h1 class="heading-6">This is what we work towards </h1>
</div>
<div class="div-block-9">
<h1 class="heading-6">This is where we are at</h1><img src="images/finger-pointing-down-emoji-by-google.png" alt="" class="image-8">
</div>
<div class="div-block-5">
<div class="dropdownmenu">
<div data-delay="3" data-hover="false" class="dropdownmenu w-dropdown">
<div class="dropdown-toggle-3 w-dropdown-toggle">
<div class="w-icon-dropdown-toggle"></div><img src="images/4_build.png" sizes="100vw" srcset="images/4_build-p-500.png 500w, images/4_build-p-800.png 800w, images/4_build-p-1080.png 1080w, images/4_build.png 1467w" alt="" class="image-7">
</div>
<nav class="dropdown-list w-dropdown-list">
<a href="#" class="dropdown-link w-dropdown-link">Easy.easy. we still have some other steps to do first.</a>
</nav>
</div>
<div data-delay="3" data-hover="false" class="dropdownmenu w-dropdown">
<div class="dropdown-toggle-2 w-dropdown-toggle">
<div class="w-icon-dropdown-toggle"></div><img src="images/3_move.png" sizes="100vw" srcset="images/3_move-p-500.png 500w, images/3_move-p-800.png 800w, images/3_move-p-1080.png 1080w, images/3_move.png 1467w" alt="" class="image-6">
</div>
<nav class="dropdown-list w-dropdown-list">
<a href="#" class="dropdown-link w-dropdown-link">We are getting ourselves ready to move. Building a starterkit that contains our basic tools, kitchen, shower etc.</a>
</nav>
</div>
</div><img src="images/2_plan.png" sizes="100vw" srcset="images/2_plan-p-500.png 500w, images/2_plan-p-800.png 800w, images/2_plan-p-1080.png 1080w, images/2_plan.png 1467w" alt="" class="image-5">
<p class="paragraph">We bought a piece of land! It’s located in the North of Portugal, near Santa Comba Dao. 9 hectares big. Yes that is 18 football fields, but we are probably not going to use it for that. Three years ago there was a massive forest fire in the region (big problem in Portugal) and most of the land burned down, so it’s recovering from that. Luckily the land is rich in water, there are natural springs and a little creek and it has a 2 old ruins on there. <a href="https://davehakkens.nl/projectkamp/we-bought-a-piece-of-land/" target="_blank">Read more about it here or</a> watch<a href="https://www.youtube.com/watch?list=PLtYgsstkMPuVdh4Y-L9RFRG1Hv3w4JC-j&v=uV60u6WXodI&feature=emb_title" target="_blank"> Monthly news #42</a> to see some videos. Now we are going to prepare ourselves to move!<br></p>
<div data-delay="4000" data-animation="slide" class="slider w-slider" data-autoplay="true" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="true">
<div class="w-slider-mask">
<div class="w-slide"><img src="images/land_insta_05.jpg" sizes="100vw" srcset="images/land_insta_05-p-500.jpeg 500w, images/land_insta_05-p-800.jpeg 800w, images/land_insta_05-p-1080.jpeg 1080w, images/land_insta_05-p-1600.jpeg 1600w, images/land_insta_05.jpg 1640w" alt=""></div>
<div class="w-slide"><img src="images/land_insta_03.jpg" sizes="100vw" srcset="images/land_insta_03-p-500.jpeg 500w, images/land_insta_03-p-800.jpeg 800w, images/land_insta_03-p-1080.jpeg 1080w, images/land_insta_03-p-1600.jpeg 1600w, images/land_insta_03-p-2000.jpeg 2000w, images/land_insta_03-p-2600.jpeg 2600w, images/land_insta_03-p-3200.jpeg 3200w, images/land_insta_03.jpg 3648w" alt=""></div>
<div class="w-slide"><img src="images/land_insta_04.jpg" sizes="100vw" srcset="images/land_insta_04-p-500.jpeg 500w, images/land_insta_04-p-800.jpeg 800w, images/land_insta_04-p-1080.jpeg 1080w, images/land_insta_04-p-1600.jpeg 1600w, images/land_insta_04-p-2000.jpeg 2000w, images/land_insta_04-p-2600.jpeg 2600w, images/land_insta_04.jpg 2902w" alt=""></div>
<div class="w-slide"><img src="images/land_insta_02.jpg" sizes="100vw" srcset="images/land_insta_02-p-500.jpeg 500w, images/land_insta_02-p-800.jpeg 800w, images/land_insta_02-p-1080.jpeg 1080w, images/land_insta_02-p-1600.jpeg 1600w, images/land_insta_02-p-2000.jpeg 2000w, images/land_insta_02-p-2600.jpeg 2600w, images/land_insta_02.jpg 3000w" alt=""></div>
<div class="w-slide"><img src="images/land_insta_01.jpg" sizes="100vw" srcset="images/land_insta_01-p-500.jpeg 500w, images/land_insta_01-p-800.jpeg 800w, images/land_insta_01-p-1080.jpeg 1080w, images/land_insta_01-p-1600.jpeg 1600w, images/land_insta_01-p-2000.jpeg 2000w, images/land_insta_01-p-2600.jpeg 2600w, images/land_insta_01.jpg 3000w" alt=""></div>
</div>
<div class="w-slider-arrow-left">
<div class="w-icon-slider-left"></div>
</div>
<div class="w-slider-arrow-right">
<div class="w-icon-slider-right"></div>
</div>
<div class="w-slider-nav w-round"></div>
</div><img src="images/1_sharetheplan_arrow.png" width="611" sizes="(max-width: 767px) 100vw, (max-width: 991px) 728px, 611px" srcset="images/1_sharetheplan_arrow-p-500.png 500w, images/1_sharetheplan_arrow-p-800.png 800w, images/1_sharetheplan_arrow-p-1080.png 1080w, images/1_sharetheplan_arrow.png 1357w" alt="" class="image">
<div style="padding-top:56.17021276595745%" class="w-embed-youtubevideo"><iframe src="https://www.youtube.com/embed/R-qZBVlsq0Y?rel=0&controls=1&autoplay=0&mute=0&start=0" frameborder="0" style="position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:auto" allow="autoplay; encrypted-media" allowfullscreen="" title="Project Kamp 1 - Start prototyping another way of living"></iframe></div>
<p class="paragraph">We want to try and reduce the footprint we leave on earth. However throughout the years we've noticed that, even if we really do our best to reduce it in daily life. We always leave a big footprint, because we're part of this system. The stores that get our food from around the world, the packaging it contains, the electricity that is extracted from the wrong source, the streets lights that are always on, our houses that are made of unrecyclable materials, even the commute to work everyday. Just participating in this system leaves a big footprint, specially living in the Western world. Its comfortable, but also wasteful. Time to try something else..<br><br></p>
<div class="div-block-7 w-clearfix">
<div class="thumbnail">
<div class="thumb-image"><img src="images/energy.png" sizes="(max-width: 479px) 67vw, (max-width: 767px) 32vw, (max-width: 991px) 160.23333740234375px, 202px" srcset="images/energy-p-800.png 800w, images/energy.png 1000w" alt="" class="thumbnail-image"></div>
<div class="thumb-text">
<h1 class="heading2">we harvest our own Off the grid with electricity and water</h1>
</div>
</div>
<div class="thumbnail">
<div class="thumb-image"><img src="images/food_01.png" sizes="(max-width: 479px) 67vw, (max-width: 767px) 32vw, (max-width: 991px) 160.2333221435547px, 202px" srcset="images/food_01-p-500.png 500w, images/food_01-p-800.png 800w, images/food_01.png 1000w" alt="" class="thumbnail-image"></div>
<div class="thumb-text">
<h1 class="heading2">we eat food that is locally grown, in the right way</h1>
</div>
</div>
<div class="thumbnail">
<div class="thumb-image"><img src="images/icon_workspace.png" sizes="(max-width: 479px) 67vw, (max-width: 767px) 32vw, (max-width: 991px) 160.23333740234375px, 202px" srcset="images/icon_workspace-p-500.png 500w, images/icon_workspace-p-800.png 800w, images/icon_workspace.png 1000w" alt="" class="thumbnail-image"></div>
<div class="thumb-text">
<h1 class="heading2">in our Workspace we develop new projects for the world</h1>
</div>
</div>
<div class="thumbnail">
<div class="thumb-image"><img src="images/opensource.png" sizes="(max-width: 479px) 67vw, (max-width: 767px) 32vw, (max-width: 991px) 160.23333740234375px, 202px" srcset="images/opensource-p-500.png 500w, images/opensource-p-800.png 800w, images/opensource.png 1000w" alt="" class="thumbnail-image"></div>
<div class="thumb-text">
<h1 class="heading2">we share what we learn, its an open source experiment</h1>
</div>
</div>
<div class="thumbnail">
<div class="thumb-image"><img src="images/materials.png" sizes="(max-width: 479px) 67vw, (max-width: 767px) 32vw, (max-width: 991px) 160.2333221435547px, 202px" srcset="images/materials-p-500.png 500w, images/materials-p-800.png 800w, images/materials.png 1000w" alt="" class="thumbnail-image"></div>
<div class="thumb-text">
<h1 class="heading2">we build with biodegradable and recycled materials</h1>
</div>
</div>
<div class="thumbnail">
<div class="thumb-image"><img src="images/house.png" sizes="(max-width: 479px) 67vw, (max-width: 767px) 32vw, (max-width: 991px) 160.23333740234375px, 202px" srcset="images/house-p-500.png 500w, images/house-p-800.png 800w, images/house.png 1000w" alt="" class="thumbnail-image"></div>
<div class="thumb-text">
<h1 class="heading2">We live and work together to build a future world</h1>
</div>
</div>
</div>
<p class="paragraph"><strong>This is going to be one big experiment.</strong><br>Probably a lot of stuff will go wrong. Thats ok. See the crucial part >internet.
We share everything we learn open-source online.
Everyone can learn from our mistakes and copy the best things.
Its a prototype for another way of living. Combining new technologies with basic needs.
Work together, to build a future we dream about for our next generation. <br><br>
<strong>This is the first step, sharing the plan online.</strong><br> So people like yourself can share ideas, suggestions or tips. Next step is finding land.
Forward to step #2 - get a piece of land 💪
</p>
</div>
<div class="div-block-10">
<a href="http://projectkamp.com/support" target="_blank" class="button w-button">Support US</a>
<a href="https://community.projectkamp.com/academy/start/intro" target="_blank" class="button w-button">Documentation</a>
</div>
</div>
<div class="news-section">
<h1 class="heading-5">Progress</h1>
<div class="news-item">
<div class="news-item-text">
<div class="text-block-3">January 2018</div>
</div><img src="images/1_sharetheplan.png" sizes="100vw" srcset="images/1_sharetheplan-p-500.png 500w, images/1_sharetheplan-p-800.png 800w, images/1_sharetheplan-p-1080.png 1080w, images/1_sharetheplan.png 1316w" alt="" class="image-4">
</div>
<div class="news-item coming">
<div class="news-item-text">
<div class="text-block-3">Unknown</div>
</div><img src="images/1_sharetheplan.png" sizes="100vw" srcset="images/1_sharetheplan-p-500.png 500w, images/1_sharetheplan-p-800.png 800w, images/1_sharetheplan-p-1080.png 1080w, images/1_sharetheplan.png 1316w" alt="" class="image-4">
</div>
<div class="news-item coming">
<div class="news-item-text">
<div class="text-block-3">Unknown</div>
</div><img src="images/1_sharetheplan.png" sizes="100vw" srcset="images/1_sharetheplan-p-500.png 500w, images/1_sharetheplan-p-800.png 800w, images/1_sharetheplan-p-1080.png 1080w, images/1_sharetheplan.png 1316w" alt="" class="image-4">
</div>
<div data-delay="3" data-hover="false" class="dropdownmenu w-dropdown">
<div class="w-dropdown-toggle">
<div class="w-icon-dropdown-toggle"></div><img src="images/2_plan.png" sizes="100vw" srcset="images/2_plan-p-500.png 500w, images/2_plan-p-800.png 800w, images/2_plan-p-1080.png 1080w, images/2_plan.png 1467w" alt="">
</div>
<nav class="dropdown-list w-dropdown-list">
<a href="#" class="dropdown-link w-dropdown-link">Very excited for the next step, finding a piece of <span>land</span>. <br>Preferably in the Netherlands, otherwise Europe. I like the climate and like to stay somewhat close to my roots. <br>If this is impossible i'm also up for going anywhere else in the world. I'll go wherever the opportunity is.<br>If you have suggestions or ideas please share them here in our forums.</a>
<a href="https://davehakkens.nl/community" target="_blank" class="dropdownbutton w-dropdown-link">Visit forums</a>
</nav>
</div>
<div data-delay="3" data-hover="false" class="dropdownmenu w-dropdown">
<div class="w-dropdown-toggle">
<div class="w-icon-dropdown-toggle"></div><img src="images/2_plan.png" sizes="100vw" srcset="images/2_plan-p-500.png 500w, images/2_plan-p-800.png 800w, images/2_plan-p-1080.png 1080w, images/2_plan.png 1467w" alt="">
</div>
<nav class="dropdown-list w-dropdown-list">
<a href="#" class="dropdown-link w-dropdown-link">Very excited for the next step, finding a piece of <span>land</span>. <br>Preferably in the Netherlands, otherwise Europe. I like the climate and like to stay somewhat close to my roots. <br>If this is impossible i'm also up for going anywhere else in the world. I'll go wherever the opportunity is.<br>If you have suggestions or ideas please share them here in our forums.</a>
<a href="https://davehakkens.nl/community" target="_blank" class="dropdownbutton w-dropdown-link">Visit forums</a>
</nav>
</div>
<div data-delay="3" data-hover="false" class="dropdownmenu w-dropdown">
<div class="w-dropdown-toggle">
<div class="w-icon-dropdown-toggle"></div><img src="images/2_plan.png" sizes="100vw" srcset="images/2_plan-p-500.png 500w, images/2_plan-p-800.png 800w, images/2_plan-p-1080.png 1080w, images/2_plan.png 1467w" alt="">
</div>
<nav class="dropdown-list w-dropdown-list">
<a href="#" class="dropdown-link w-dropdown-link">Very excited for the next step, finding a piece of <span>land</span>. <br>Preferably in the Netherlands, otherwise Europe. I like the climate and like to stay somewhat close to my roots. <br>If this is impossible i'm also up for going anywhere else in the world. I'll go wherever the opportunity is.<br>If you have suggestions or ideas please share them here in our forums.</a>
<a href="https://davehakkens.nl/community" target="_blank" class="dropdownbutton w-dropdown-link">Visit forums</a>
</nav>
</div>
</div>
<div class="one-army-footer">
<a href="https://onearmy.earth/" target="_blank" class="oa-link w-inline-block">
<div class="oa-footer-wrapper"><img src="images/One-Army-Star-Logo.svg" loading="lazy" alt="" class="one-army-logo">
<h5 class="h5-oa">Project Kamp is a project by <span class="text-span-3">One Army</span></h5>
</div>
</a>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5a37d9885085cc0001bbcb7a" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/project-kamp.js" type="text/javascript"></script>
</body>
</html>