-
Notifications
You must be signed in to change notification settings - Fork 2
/
mission.html
116 lines (116 loc) · 9.6 KB
/
mission.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
<!DOCTYPE html><!-- Last Published: Thu Jun 08 2023 21:08:32 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="60dcea5005886de1c048d254" data-wf-site="60dce7a2c0e40c708aa93f3e">
<head>
<meta charset="utf-8">
<title>Mission</title>
<meta content="Mission" property="og:title">
<meta content="Mission" property="twitter:title">
<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/community-platform-c2508e.css" rel="stylesheet" type="text/css">
<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=G-JC3MDNR13C"></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-JC3MDNR13C');</script>
<style>
iframe {
border: 0px;
}
</style>
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav">
<div class="container-2 w-container">
<a href="#" class="brand w-nav-brand"><img src="images/logo.png" loading="lazy" srcset="images/logo-p-500.png 500w, images/logo-p-800.png 800w, images/logo.png 999w" sizes="188.89999389648438px" alt="" class="logo"></a>
<nav role="navigation" class="nav-menu-2 w-nav-menu">
<a href="index.html" class="menu-active w-nav-link">Features</a>
<a href="mission.html" aria-current="page" class="menu-active w-nav-link w--current">Mission</a>
<a href="roadmap.html" class="menu-active w-nav-link">Roadmap</a>
<div class="mobile-button w-clearfix">
<a href="https://onearmy.github.io/community-platform/" class="button w-nav-link">Documentation</a>
<a href="build-it.html" class="button w-nav-link">Help Build it</a>
</div>
</nav>
<div class="right-buttons w-clearfix">
<a href="build-it.html" class="button w-nav-link">Help Build it</a>
<a href="https://onearmy.github.io/community-platform/" target="_blank" class="button w-nav-link">Documentation</a>
</div>
<div class="menu-button w-nav-button">
<div class="hamburger w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="header mission hide"></div>
<div class="w-container">
<div class="mission">
<div class="mission-item">
<h1 class="heading-6 missionheader">Why a Community Platform?</h1>
<p class="missiontext">We believe communities can change the world. People with a shared passion, common goal and a structure around it can move big rocks. The world needs more places where these idealisits can thrive and contribute. We like to help build these places. </p>
</div>
<div class="mission-item">
<h1 class="heading-6 missionheader">Wait what about forums and stuff?</h1>
<p class="missiontext">We hear you. There are already many tools out there to build digital communities. Facebook groups, Discord, Slack, Discourse, stack-overflow. But that is also the problem, it's a lot to manage and maintain for a community. Data gets spread around, different logins and interfaces. We are trying to patch the most essential features together to create one place to build a strong community, where you are in charge.</p>
</div>
<div class="mission-item">
<h1 class="heading-6 missionheader">Designed for offline communities</h1>
<p class="missiontext">Many tools out there on the web try to make you spend more time in the digital world. Get a better reputation by commenting more, or rise up by making more popular content, login daily to receive points. Your attention is their income. We believe the good work is done offline, this software is mainly here to serve and bring everyone together, like a glue. So everyone in the community can focus on the real good work they are doing.</p>
</div>
<div class="mission-item">
<h1 class="heading-6 missionheader">We aim for long term knowledge</h1>
<p class="missiontext">We used to run a forum ourselves for many years. What we noticed is the long term valuable information gets lost in the daily stream of questions and challenges. Both long term and short term information is important to build a strong community. Our platform focussed on this long term information in a centralised way. No clutter, just good knowledge.</p>
</div>
<div class="mission-item">
<h1 class="heading-6 missionheader">We focus on making it useful</h1>
<p class="missiontext">Nowadays the underlying principles of many social communities is to create popular content. Things that others “like” This makes the internet full of fun. But also a lot of useless stuff, distractions and data storage. We try to focus on educating communities by making useful content. Content that might be less interesting, or catchy. But when you see it. You just know it’s useful. Useful is our mascot.</p>
</div>
<div class="mission-item">
<h1 class="heading-6 missionheader">Sure but what makes us really different?</h1>
<p class="missiontext">Probably that we build actual communities ourselves, with <a href="https://www.onearmy.earth/project/all" target="_blank" class="link">One Army.</a> A community to recycle plastic, to fix clothes or to live more sustainably. We have been doing it for years. We know what it takes to setup useful resilient communities and are still learning every day. We adopt our software to what works in the real world. Globally. And we are just getting started. <br><br></p>
</div>
<div class="mission-overview hide">
<h1 class="heading-2">Who are we?</h1>
<div class="w-layout-grid grid">
<div id="w-node-_63d68946-2653-d4f0-e31c-0bd4050186c6-c048d254" class="div-block value"><img src="images/icons_mission_tech.png" loading="lazy" srcset="images/icons_mission_tech-p-500.png 500w, images/icons_mission_tech.png 800w" sizes="150px" alt="" class="nutshellimage">
<h3 class="nutshelltitle">Latest technology</h3>
<p class="value-text">We use React, Typescript, Styled Components, NodeJS etc</p>
</div>
<div id="w-node-a1ee1840-ee14-84a6-60bb-fe9cc8c13649-c048d254" class="div-block"><img src="images/icons_mission_open-source.png" loading="lazy" srcset="images/icons_mission_open-source-p-500.png 500w, images/icons_mission_open-source.png 800w" sizes="150px" alt="" class="nutshellimage">
<h3 class="nutshelltitle">Open Source</h3>
<p class="value-text">Everything we do is shared Open Source. No secrets here </p>
</div>
<div id="w-node-bdb1d346-40bc-1901-78b5-b543146feaf0-c048d254" class="div-block"><img src="images/icons_mission_nonprofit.png" loading="lazy" srcset="images/icons_mission_nonprofit-p-500.png 500w, images/icons_mission_nonprofit.png 800w" sizes="150px" alt="" class="nutshellimage">
<h3 class="nutshelltitle">Non-profit</h3>
<p class="value-text">We are a project from One Army. A non-profit based in Netherlands</p>
</div>
<div id="w-node-_0e3c5a09-3063-44d3-40c1-6db10b07edec-c048d254" class="div-block"><img src="images/icons_mission_team.png" loading="lazy" srcset="images/icons_mission_team-p-500.png 500w, images/icons_mission_team.png 800w" sizes="150px" alt="" class="nutshellimage">
<h3 class="nutshelltitle">Core Team</h3>
<p class="value-text">We have a small friendly core team of designers and developers</p>
</div>
<div id="w-node-_5ff2e654-e0c2-bcea-fcc2-dbe490e7f7f0-c048d254" class="div-block"><img src="images/icons_mission_community.png" loading="lazy" srcset="images/icons_mission_community-p-500.png 500w, images/icons_mission_community.png 800w" sizes="150px" alt="" class="nutshellimage">
<h3 class="nutshelltitle">Community driven</h3>
<p class="value-text">We get help from a wide network of contributors and users</p>
</div>
<div id="w-node-_793721f6-24dc-48f2-84af-af2611bb9ab1-c048d254" class="div-block"><img src="images/icons_mission_positive.png" loading="lazy" alt="" class="nutshellimage">
<h3 class="nutshelltitle">Positive</h3>
<p class="value-text">We see many problems in the world. But we are keen on trying to fix it :)</p>
</div>
</div>
</div>
</div>
<div class="center">
<a href="build-it.html" class="job-button w-button">Join us to build this platform :)</a>
</div>
</div>
<div class="one-army-footer wf-section">
<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">Developed 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=60dce7a2c0e40c708aa93f3e" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/community-platform-c2508e.js" type="text/javascript"></script>
</body>
</html>