project-kamp/mission.html at master · ONEARMY/project-kamp · GitHub

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
<!DOCTYPE html><!--  Last Published: Tue Mar 17 2026 11:19:25 GMT+0000 (Coordinated Universal Time)  -->
<html data-wf-page="61a28c95a74e5e258f91ce03" data-wf-site="5a37d9885085cc0001bbcb7a">
<head>
  <meta charset="utf-8">
  <title>Project Kamp Mission</title>
  <meta content="We humans have developed many incredible things, they became part of our daily lives. But in the last decade we became very aware of the impact that all our development has on the planet.  Minerals mined,  forrest chopped down, oceans fished and our stable climate is changing." name="description">
  <meta content="Project Kamp Mission" property="og:title">
  <meta content="We humans have developed many incredible things, they became part of our daily lives. But in the last decade we became very aware of the impact that all our development has on the planet.  Minerals mined,  forrest chopped down, oceans fished and our stable climate is changing." property="og:description">
  <meta content="Project Kamp Mission" property="twitter:title">
  <meta content="We humans have developed many incredible things, they became part of our daily lives. But in the last decade we became very aware of the impact that all our development has on the planet.  Minerals mined,  forrest chopped down, oceans fished and our stable climate is changing." 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('set', 'developer_id.dZGVlNj', true);gtag('js', new Date());gtag('config', 'G-33S10QKQC3');</script>
</head>
<body>
  <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" class="menu-logo w-inline-block"><img src="images/project-kamp-header.png" loading="lazy" sizes="(max-width: 860px) 100vw, 860px, (max-width: 860px) 100vw, 860px" 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-4.html" class="menutext w-dropdown-link">Season 4</a>
            <a href="season-ongoing.html" class="menutext drop w-dropdown-link">Season 5 (now)</a>
          </nav>
        </div>
        <a href="mission.html" aria-current="page" class="menu-item w-inline-block w--current">
          <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><img src="images/ProjectKamp_sketch_02.jpg" loading="lazy" sizes="(max-width: 4000px) 100vw, 4000px" 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="" class="mission">
  <div class="container-main w-container">
    <h1 class="heading-21">Our mission (something like that👆)</h1>
    <p class="paragraph-4 mission">We humans have developed many incredible things that have become part of our daily lives. But in the last decade we became very aware of the impact that all our development has had on the planet.  Minerals mined,  forest chopped down, oceans over fished and our stable climate is changing. The ecosystem on earth is showing the consequences.  Many of us are aware of the problems. We are even aware of the painful truth that we personally contribute to them. Just living our daily lives in our developed system, makes us part of the problem. And generally the more developed countries obtain the more resources they need to sustain. It feels nearly impossible to try and find a solution for this complex issue. That said. We have faith in mankind&#x27;s ability to learn and improve.<br><br>We are going to prototype another way of living. Stuff like building houses from natural materials and eating local food. But one core fundamental difference with today&#x27;s world is that we are going to build life around a community, not an individual.This makes it easier to share utilities and resources. As a result, owning less stuff. It provides stronger social connection, deeper bonds and less depression. And united together in a  community we can take on bigger missions, like regenerating or protecting land.  <br><br>We believe the future of mankind is in communities, but we are not sure. That&#x27;s why we are going to give it a try. We bought a piece of land and are turning it into a big research center to explore this topic. And now we are documenting everything we learn Open Source. So if we find a model that works, it could scale globally.<br><br>It’s a big mission, and we are just getting started. :)</p>
    <div class="div-block-7 w-clearfix">
      <div class="thumbnail">
        <div class="thumb-image"><img src="images/energy.png" sizes="(max-width: 479px) 50vw, (max-width: 767px) 26vw, (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">All our electricity is generated off grid</h1>
        </div>
      </div>
      <div class="thumbnail">
        <div class="thumb-image"><img src="images/food_01.png" sizes="(max-width: 479px) 50vw, (max-width: 767px) 26vw, (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 focus on local food supplies <br>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) 50vw, (max-width: 767px) 26vw, (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">We prototype new technology in our workspace</h1>
        </div>
      </div>
      <div class="thumbnail">
        <div class="thumb-image"><img src="images/opensource.png" sizes="(max-width: 479px) 50vw, (max-width: 767px) 26vw, (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 document everything open source. So others can replicate</h1>
        </div>
      </div>
      <div class="thumbnail">
        <div class="thumb-image"><img src="images/materials.png" sizes="(max-width: 479px) 50vw, (max-width: 767px) 26vw, (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) 50vw, (max-width: 767px) 26vw, (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>
  </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>