-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
137 lines (137 loc) · 9.6 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
<!DOCTYPE html><!-- Last Published: Mon Nov 25 2024 17:53:35 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="61a28d792b85aa518eb2d5a6" data-wf-site="5a37d9885085cc0001bbcb7a">
<head>
<meta charset="utf-8">
<title>Project Kamp</title>
<meta content="We are setting up a research community in Portugal to try and figure out how to live more sustainable" name="description">
<meta content="Project Kamp" property="og:title">
<meta content="We are setting up a research community in Portugal to try and figure out how to live more sustainable" property="og:description">
<meta content="Project Kamp" property="twitter:title">
<meta content="We are setting up a research community in Portugal to try and figure out how to live more sustainable" 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 data-w-id="61a28d792b85aafba3b2d5a8" class="body-3">
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar-2 w-nav">
<a href="index.html" aria-current="page" class="menu-logo w-inline-block w--current"><img src="images/project-kamp-header.png" loading="lazy" sizes="(max-width: 767px) 50px, 100px" srcset="images/project-kamp-header-p-500.png 500w, images/project-kamp-header-p-800.png 800w, images/project-kamp-header.png 860w" alt="" class="image-33"></a>
<div class="container-3 w-container">
<nav role="navigation" class="nav-menu-2 w-nav-menu">
<div data-hover="true" data-delay="0" class="dropdown-3 w-dropdown">
<div class="menu w-dropdown-toggle">
<div class="dropdownicon w-icon-dropdown-toggle"></div>
<div class="menutext">Progress</div>
</div>
<nav class="dropdown-list-4 w-dropdown-list">
<a href="season-1.html" class="menutext drop w-dropdown-link">Season 1</a>
<a href="season-2.html" class="menutext drop w-dropdown-link">Season 2</a>
<a href="season-3.html" class="menutext drop w-dropdown-link">Season 3 </a>
<a href="season-ongoing.html" class="menutext drop w-dropdown-link">Season 4 (now)</a>
</nav>
</div>
<a href="mission.html" class="menu-item w-inline-block">
<div class="menutext">Mission</div>
</a>
<a href="faq.html" class="menu-item w-inline-block">
<div class="menutext">FAQ</div>
</a>
<a href="support.html" class="menu-item w-inline-block">
<div class="menutext">Support us</div>
</a>
<div class="menubuttons">
<a href="https://community.projectkamp.com/academy/start/intro.html" target="_blank" class="menubutton w-nav-link">Documentation</a>
</div>
</nav>
<div class="menu-button-2 w-nav-button">
<div class="icon-8 w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="homeheader">
<div class="headertext">
<h1 data-w-id="8cf21b41-247e-67d8-6f97-c75c665e3b0e" class="heading-16">We bought this land to<br>try something else..</h1>
</div>
<div class="headerbackground"></div>
</div>
<div class="containerhome w-container">
<div class="fullblock">
<div class="blockimage">
<div class="blockimage1 image2"></div>
</div>
<div class="blocktext">
<div class="bocktextfloat">
<h1 class="heading-17 homepage">Prototyping a more sustainable way of living</h1>
<p class="paragraph-3">Our goal is to try to find another way to live, one that is more in harmony with our environment. There is a lot to figure out: what building material we use for houses, how do we store energy, what do we eat.<br></p>
<a href="mission.html" class="link">Read our mission</a>
</div>
</div>
</div>
<div class="fullblock">
<div class="blockimage">
<div class="blockimage1 image3"></div>
</div>
<div class="blocktext">
<div class="bocktextfloat">
<h1 class="heading-17 homepage">Organized as a community</h1>
<p class="paragraph-3">We believe the future of mankind is living and working in communities. Sharing resources and working together. We are building a community on our land to test it in real life and collaborate with our online community.<br><br></p>
<a href="season-1.html" class="link">See what we setup in Season #1</a>
</div>
</div>
</div>
<div class="fullblock">
<div class="blockimage">
<div class="blockimage1"></div>
</div>
<div class="blocktext">
<div class="bocktextfloat">
<h1 class="heading-17 homepage"><br>Research not just for ourselves, but the whole planet</h1>
<p class="paragraph-3">Our goal is to develop a blueprint that people around the world can replicate. All the information, learning and things we develop are shared open source online. So everyone in the world can use it.</p>
<a href="https://community.projectkamp.com/academy/start/intro.html" target="_blank" class="link">See documentation</a>
</div>
</div>
</div>
</div>
<div class="bigvideo">
<div data-poster-url="https://uploads-ssl.webflow.com/5a37d9885085cc0001bbcb7a/61c1ee2ba70e28220de514b3_Project-Kamp-Background-poster-00001.jpg" data-video-urls="https://uploads-ssl.webflow.com/5a37d9885085cc0001bbcb7a/61c1ee2ba70e28220de514b3_Project-Kamp-Background-transcode.mp4,https://uploads-ssl.webflow.com/5a37d9885085cc0001bbcb7a/61c1ee2ba70e28220de514b3_Project-Kamp-Background-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" data-beta-bgvideo-upgrade="false" class="background-video w-background-video w-background-video-atom"><video id="a8769d1e-d98a-c0fa-dc16-5d7e69e6fe5d-video" autoplay="" loop="" style="background-image:url("https://uploads-ssl.webflow.com/5a37d9885085cc0001bbcb7a/61c1ee2ba70e28220de514b3_Project-Kamp-Background-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover">
<source src="https://uploads-ssl.webflow.com/5a37d9885085cc0001bbcb7a/61c1ee2ba70e28220de514b3_Project-Kamp-Background-transcode.mp4" data-wf-ignore="true">
<source src="https://uploads-ssl.webflow.com/5a37d9885085cc0001bbcb7a/61c1ee2ba70e28220de514b3_Project-Kamp-Background-transcode.webm" data-wf-ignore="true">
</video>
<h1 class="heading-20">the entire process<br>is documented in videos</h1>
<a href="https://www.youtube.com/c/ProjectKamp" target="_blank" class="youtube-button w-inline-block"><img src="images/youtube.png" loading="lazy" alt="youtube button" class="image-35"></a>
</div>
</div>
<div class="container-main w-container">
<div class="notsure">
<h1 class="heading-18">Not sure how it will go.</h1>
<h1 class="heading-19">But let's see:)</h1>
</div>
<div class="cta">
<a href="support.html" class="button w-button">SUpport us</a>
<a href="https://www.youtube.com/channel/UCcGXEidw0qjNdq7Gii8gHgg" target="_blank" class="button red w-button">▶ Subscribe</a>
</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>