-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (135 loc) · 10.9 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
<!DOCTYPE html><!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Mon Nov 15 2021 15:25:10 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="61802bf1061f10b12d83dd66" data-wf-site="61802bf1061f102c7283dd65" lang="en">
<head>
<meta charset="utf-8">
<title>ClarionOS</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/clarionos.webflow.css" rel="stylesheet" type="text/css">
<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: ["Inter:200,300,regular,500,600","Work Sans:300,regular,500,600"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<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">
</head>
<body class="body">
<div data-animation="default" class="navbar-2 w-nav" data-easing2="ease" data-easing="ease" data-collapse="tiny" role="banner" data-no-scroll="1" data-duration="400" data-doc-height="1">
<div class="container w-container">
<a href="index.html" id="Logo" aria-current="page" class="w-nav-brand w--current"><img loading="eager" src="images/Logo-Clarion-Black.svg" alt="ClarionLoog" class="image-5"></a>
<nav role="navigation" class="w-nav-menu">
<a href="#Section-1" class="nav-link w-nav-link">Platform</a>
<a href="#Section-2" class="nav-link w-nav-link">Team</a>
<a href="#Section-3" class="nav-link w-nav-link">Our dents</a>
<a href="#Section-4" class="nav-link w-nav-link">Gratitude</a>
</nav>
<div class="menu-button w-nav-button">
<div class="icon w-icon-nav-menu"></div>
</div>
</div>
</div>
<section id="Section-1" class="section pg1top wf-section">
<h2 class="h2">Tools for Independence</h2>
<div class="text-block">We build tools that empower individuals to work together in strong communities. We are solving the problems that plague traditional governance mechanisms. EdenOS enables communities to grow, choose leaders, manage budgets, and resolve disputes, all with unprecedented levels of transparency and consent.</div>
<a href="platform.html" class="button w-button">Identity independence</a>
<div data-w-id="7b8fabab-b0d1-6c47-ddc8-d77e256743dd" data-animation-type="lottie" data-src="documents/Flower1hx.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="canvas" data-default-duration="1.5333333333333334" data-duration="0" class="lottie-animation topanimation"></div>
</section>
<section id="Section-2" class="section clarionteam wf-section">
<h2 class="h2 fadeupelement">Engineering Independence</h2>
<div class="text-block fadeupelement">We built EdenOS, which powers the EdenOnEOS community, and we're the core developers behind EOSIO.</div>
<div class="container-2 fadeupelement w-container">
<div class="teamgrid">
<div id="w-node-bf7e297d-057a-ce71-4809-7bc3732e2215-2d83dd66" class="team-member-div w-clearfix"><img src="images/01-dan2.jpg" loading="lazy" width="100" alt="DanLarimer" class="team-member-picture">
<div class="team-member-text-div">
<h4 class="teammembername">Dan</h4>
<div class="teammembertitle">Thought leader, the source</div>
</div>
</div>
<div class="team-member-div w-clearfix"><img src="images/02-mike2.jpg" loading="lazy" width="100" alt="MikeManfredi" class="team-member-picture">
<div class="team-member-text-div">
<h4 class="teammembername">Mike</h4>
<div class="teammembertitle">Chief of staff, holder of Intentions</div>
</div>
</div>
<div class="team-member-div w-clearfix"><img src="images/03-brandon.jpeg" loading="lazy" width="100" sizes="(max-width: 479px) 58.25px, (max-width: 991px) 69.484375px, 62.984375px" alt="BrandonFancher" srcset="images/03-brandon-p-500.jpeg 500w, images/03-brandon.jpeg 600w" class="team-member-picture">
<div class="team-member-text-div">
<h4 class="teammembername">Brandon </h4>
<div class="teammembertitle">Frontend engineer, product strategery</div>
</div>
</div>
<div class="team-member-div w-clearfix"><img src="images/04-todd2.jpg" loading="lazy" width="100" alt="ToddFleming" class="team-member-picture">
<div class="team-member-text-div">
<h4 class="teammembername">Todd</h4>
<div class="teammembertitle">Blockchain engineer, finder of unusual Ideas</div>
</div>
</div>
<div class="team-member-div w-clearfix"><img src="images/05-steven.jpg" loading="lazy" width="100" sizes="(max-width: 479px) 75px, (max-width: 991px) 100px, 97.265625px" srcset="images/05-steven-p-500.jpeg 500w, images/05-steven.jpg 600w" alt="StevenWatanabe" class="team-member-picture">
<div class="team-member-text-div">
<h4 class="teammembername">Steven</h4>
<div class="teammembertitle">Blockchain engineer</div>
</div>
</div>
<div class="team-member-div w-clearfix"><img src="images/06-thomas.jpg" loading="lazy" width="100" alt="ThomasHallgren" class="team-member-picture">
<div class="team-member-text-div">
<h4 class="teammembername">Thomas </h4>
<div class="teammembertitle">Uer experience, design innovation</div>
</div>
</div>
</div>
</div>
</section>
<section id="Section-3" class="section accomplishments wf-section">
<h2 class="h2 fadeupelement">Our Dents in the Universe</h2>
<div class="text-block">Fractal Governance is a new way for members of a community to self-organize, choose leaders, and resolve disputes. See the book, <a href="https://moreequalanimals.com/posts/book-launch" target="_blank" class="link">More Equal Animals</a>, for details. Click More below to learn how we're getting that job done.</div>
<a href="dents.html" class="button w-button">More</a>
<div data-w-id="17ef2071-1b01-b750-9182-4adacf30523e" data-animation-type="lottie" data-src="documents/DentsAnimationE.json" data-loop="0" data-direction="1" data-autoplay="0" data-is-ix2-target="1" data-renderer="canvas" data-default-duration="5.9726390627020685" data-duration="0" class="lottiedents"></div>
</section>
<section id="Section-4" class="section acknowledgements wf-section">
<h2 class="h2 fadeupelement">Gratitude</h2>
<div class="text-block"><em>Thank you to...</em><br><br><strong class="bold-text-6">The EOS Network Foundation</strong> for the funding that has made our continued work on the software we write possible, as well as the community we serve to take its first history-making steps.<br><br><strong class="bold-text-7">EOS Nation</strong> and <strong class="bold-text-8">Greymass</strong> for the servers that provide the data EdenOS runs on.<br><br><strong class="bold-text-9">Greymass</strong> and <a href="http://EOSPowerUp.io" id="eospowerup" target="_blank" class="link-2"><strong class="bold-text-10">EOSPowerUp.io</strong></a> for the wallet and tools needed to transact smoothly on EOS.<br><br><strong class="bold-text-11">Violet Garden</strong> for paving a path and providing Eden Members a home and a means of communication.<br><br><strong class="bold-text-12">The Eden Community</strong> for sharing our passion and excitement for these ideas and tools and for being the trail blazers who have stepped forward to turn intentions into reality.<br><br><strong class="bold-text-13">The EOS Community</strong> for the lively, talented, nourishing group of people, from which Eden so quickly and organically formed.</div>
</section>
<section id="Section-5" class="section clarionsrole2 wf-section"><img src="images/Logo-Clarion-Black.svg" width="45" alt="Logo Clarion" class="image-12">
<h2 class="h2 fadeupelement">Clarion’s Role</h2>
<div class="text-block fadeupelement2">Since civilization began, people have sought the means of organizing themselves into groups—so bigger things could be accomplished and so that a better-organized group of people couldn't subjugate them. In communities, towns, HOAs, universities—people are often unsatisfied with the quality of their representation. We aim to better serve the individuals in these communities.</div>
<div data-w-id="2370e759-16ef-ef6c-8ff1-fcfd9022af68" data-animation-type="lottie" data-src="documents/ClarionFlower03d.json" data-loop="0" data-direction="1" data-autoplay="0" data-is-ix2-target="1" data-renderer="canvas" data-default-duration="3" data-duration="0" class="lottie-animation clarionsrole"></div>
</section>
<footer id="footer" class="footer wf-section">
<div class="w-container">
<div class="footer-flex-container">
<div class="footer-divblock">
<h2 class="footer-heading">Resources</h2>
<ul role="list" class="w-list-unstyled">
<li>
<a href="https://twitter.com/clarion_os" target="_blank" class="footer-link">ClarionOS Twitter</a>
</li>
<li>
<a href="https://t.me/clarionos" target="_blank" class="footer-link">ClarionOS Telegram</a>
</li>
</ul>
</div>
<div class="footer-divblock">
<h2 class="footer-heading">Help Out</h2>
<ul role="list" class="w-list-unstyled">
<li>
<a href="https://forums.eoscommunity.org/t/welcome-clarion-os-community/549" target="_blank" class="footer-link">Clarion on EOS</a>
</li>
<li>
<a href="https://github.com/Clarionos/clarion/discussions/2" target="_blank" class="footer-link">Clarion Public Wiki</a>
</li>
<li>
<a href="https://github.com/Clarionos" target="_blank" class="footer-link">Clarion Github Repo</a>
</li>
</ul>
</div>
</div>
<div class="text-block-2">Copyright © 2021 ClarionOS</div>
</div>
</footer>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=61802bf1061f102c7283dd65" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>