-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
295 lines (274 loc) · 16.4 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
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
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
---
layout: landing
og_title: Giveth
og_description: Charitable giving on the blockchain
og_image: /images/logo-purple.png
og_type: website
---
<!-- Landing website maintained by @geleeroyale
Contributions are actively encouraged!
IMPORTANT: When building site with Jekyll, use this command (use bash on windows):
JEKYLL_ENV=production jekyll build
Please let's have a culture of attribution, especially with pictures.
The way I do it:
1 - Use title attribute to display CC info on mouse_hover, example:
title= "Bridges Not Walls/Credit: Colin Hattersley/Flickr/CC BY-SA 2.0"
2 - Link to original image with attribute target="blank", full example:
<a href="https://flic.kr/p/Rd94j6" target="blank"><img src="images/pic01.jpg" alt="Bridges not Walls" title= "Bridges Not Walls/Credit: Colin Hattersley/Flickr/CC BY-SA 2.0"/></a>
-->
<main class="container-fluid">
<section id="hero" tabindex="-1" class="container-fluid justify-content-center cover-section">
<div class="gradient">
<div class="row d-flex hero-image-container align-items-center justify-content-center opacity">
<div class="flex-column justify-content-center">
<img class="hero-image img-fluid logo transparent" src="/assets/Giveth-logo-white.svg" alt="">
<img class="hero-image img-fluid typelogo transparent" src="/assets/Giveth-typelogo-white.svg" alt="">
<!-- <h1 class="p-2 headline">Giveth</h1> -->
<h2 class="tagline color-white transparent">Building the Future of Giving</h2>
<img class="img-fluid ethereum" src="/images/powered_by_ethereum.png" alt="">
<h5 class="color-black"><a href="http://join.giveth.io" class="btn btn-warning"><span class="far fa-comments slack-icon"></span> Join our community!</a></h5>
</div>
</div>
</div>
</section>
<section id="communities" class="container-fluid padding-top padding-bottom justify-content-center background-white">
<div class="flex-row d-flex justify-content-center padding-top padding-bottom">
<h2>
Giveth is an Open-Source Platform
<br>
for Building Decentralized
<br>
Altruistic Communities
</h2>
</div>
<div class="flex-row d-flex justify-content-center community-row flex-wrap">
<div class="flex-column d-flex community-column">
<img src="/images/tree.svg" class="graphic" alt="Community Tree">
</div>
<div class="flex-column d-flex community-column">
<h3 class="padding-top color-purple">The Donation Application (DApp)</h3>
<div class="text-block text-bold padding-top">
Giveth is re-engineering charitable giving, by creating an entirely free, open-source platform, built on the Ethereum Blockchain. Our system cuts out bureaucracy and enables nonprofits to create a high level of transparency and accountability towards Givers. At any point until the moment funds are locked, a Giver can decide to withdraw them.
<br><br>
<a href="https://medium.com/giveth/what-is-the-future-of-giving-d50446b0a0e4" class="color-yellow"> Learn more...</a>
</div>
</div>
</div>
</section>
<section id="dac" class="container-fluid padding-top padding-bottom justify-content-center background-white">
<div class="flex-row d-flex justify-content-center community-row flex-wrap">
<div class="flex-column d-flex community-column">
<img src="/images/screenshot-mvp.jpg" class="screenshot" alt="Screenshot Giveth DApp">
</div>
<div class="flex-column d-flex community-column">
<h3 class="padding-top color-purple">A Decentralized Altruistic Community<br>(DAC)</h3>
<div class="text-block text-bold padding-top">
Giving to a cause can be just the beginning of your involvement. At Giveth we strongly believe in the power of communities to change the world. We are building our software to encourage Givers and Makers to connect as well as discover a decentralized governance model that works for them. We are actively practicing what we preach as we model what it is to be the first DAC.
<br><br>
<a href="https://medium.com/giveth/giveth-introduces-decentralized-altruistic-communities-dacs-d1155a79bdc4" class="color-yellow"> Learn more...</a>
</div>
</div>
</div>
</section>
<!--
<section id="campaigns" class="container-fluid padding-top padding-bottom justify-content-center background-white">
<div class="flex-row d-flex justify-content-center community-row flex-wrap">
<div class="flex-column d-flex community-column">
<img src="/images/screenshot-video-uploader.png" class="screenshot-portrait" alt="Screenshot Video Uploader">
</div>
<div class="flex-column d-flex community-column">
<h3 class="padding-top color-purple">Campaigns that positively<br>change the world</h3>
<div class="text-block text-bold padding-top">
Each DAC supports Campaigns that will deliver a positive change. Givers can send their donation directly to a Campaign or let an expert Delegate within the DAC find a Campaign to support. Giveth is about building direct connections between Givers and Campaign owners.
</div>
</div>
</div>
</section>
-->
<section id="developers-corner" class="container-fluid padding-top padding-bottom justify-content-center background-white color-black">
<div class="flex-row d-flex justify-content-center">
<h1 class="padding-top color-purple"><span class="fa fa-code slack-icon"></span> Developer's Corner</h1>
</div>
<div class="flex-row d-flex justify-content-center community-row flex-wrap">
<div class="flex-column d-flex community-column">
<img src="/images/open-source.svg" class="graphic" alt="">
</div>
<div class="flex-column d-flex community-column">
<h3 class="padding-top color-purple">Open-Source<br>Giving</h3>
<div class="text-block text-bold padding-top">
Giving can be expressed in so many ways!
<br><br>
We strongly believe in the power of open-source.
All of our software is considered a gift to the Ethereum community.
<br><br>
The Giveth model is completely free and open-source. We encourage collaboration and building on our own code.
<h6 class="padding-top">
<a href="https://github.com/Giveth/" class="btn btn-warning">Check out our Github Repo!</a>
</h6>
</div>
</div>
</div>
<div class="flex-row d-flex justify-content-center community-row flex-wrap">
<div class="flex-column d-flex community-column">
<img src="/assets/liquid-pledging.svg" class="graphic contract-icon" alt="">
</div>
<div class="flex-column d-flex community-column">
<h4 class="padding-top color-purple">
Transparent donation flow
<br>with 'LiquidPledging’
</h4>
<div class="text-block text-bold padding-top">
Enables direct oversight of the management of funds, allowing the Giver to delegate authority over their donations in an efficient way, following the principles of liquid democracy
</div>
<div class="flex-row d-flex padding-top justify-content-center">
<h6>
<a href="https://github.com/Giveth/liquidpledging" class="btn btn-warning">Contribute to development</a>
</h6>
</div>
</div>
</div>
<div class="flex-row d-flex scroll-horizontal justify-content-center">
<img src="assets/diagrams/liquid-pledging-diagram.svg" class="lp-diagram" alt="">
</div>
</section>
<section id="github" class="container-fluid background-white padding-bottom">
<div class="col">
<div class ="flex-row d-flex justify-content-around align-middle padding-bottom flex-wrap">
<div class="padding-top align-middle">
<div class="flex-column d-flex justify-content-center">
<img src="images/github.svg" class="img-fluid align-self-center github-icon" style="max-width: 20vw" alt="Github is social coding">
</div>
<div class="text-block-large">
<br><br>
We hope to help projects use our modular system to test their innovative smart contracts and UIs with real money in a low risk environment. Imagine starting a charity to help alleviate homelessness in your hometown while alpha testing an experimental decentralized governance system you plan to use in your project.
<br><br>
With Giveth, you can have live smart contract testing while making the world a better place! And because of Giveth's open-source nature, if a decentralized governance protocol or any other smart contract is used on the platform successfully it can easily achieve network effect and be utilized by other DACs (Decentralized Altruistic Communities) to aid in their cause. The <strong>#FutureOfGiving</strong> maximizing <strong>#blockchain4good!</strong>
</div>
<div class="flex-row d-flex padding-top justify-content-center">
<h6>
<a href="https://github.com/Giveth/" class="btn btn-warning">Contribute to development</a>
</h6>
</div>
</div>
</div>
</div>
</section>
<section id="smart-contracts" class="container-fluid background-white padding-top padding-bottom">
<div class="flex-row d-flex padding-top justify-content-center">
<h1 class="color-white">Giveth Projects</h1>
</div>
<div class="flex-column d-flex padding-top justify-content-center">
<ul class="flex-row d-flex features projects">
<li>
<img src="/assets/mvp-alpha-white.svg" class="project-icon" alt="The Giveth Donation Application">
<h4>Giveth Donation Application</h4>
<p>The Giveth Donation Application is live in beta stage on the Ethereum mainnet, bridged to Rinkeby testnet.
</p>
<div class="col d-flex justify-content-center">
<a href="https://wiki.giveth.io/documentation/DApp/beta/" class="btn btn-warning">Learn more...</a>
</div>
</li>
<li>
<img src="/assets/poc-dapp-white.svg" class="project-icon" alt="The Giveth Milestone-Tracker">
<h4>Giveth's PoC DApp</h4>
<p>Donations have built the Giveth platform, and every wei spent has passed through our milestone smart contracts with the details of each expenditure recorded on the Ethereum blockchain.
</p>
<div class="col d-flex justify-content-center">
<a href="https://github.com/Giveth/milestonetracker-ui" class="btn btn-warning">Github Milestonetracker UI</a>
</div>
</li>
</ul>
</div>
<div class="flex-row d-flex padding-top justify-content-center">
<h1 class="color-white">Giveth<br>Smart Contracts</h1>
</div>
<div class="col d-flex padding-top justify-content-around">
<ul class="row d-flex features contracts">
<li>
<img src="/assets/minime-white.svg" class="contract-icon" alt="Mini Me">
<h4>MiniMe Token</h4>
<p>The MiniMe token makes it trivial for anyone to upgrade a DApp/DAO
midstream to include new features in a decentralized fashion, without
affecting the current smart contracts and without having to ask for
permission.
<br><br>
<a href="https://medium.com/giveth/the-minime-token-open-sourced-by-giveth-2710c0210787" class="color-yellow"> Learn more...</a>
</p>
</li>
<li>
<img src="/assets/vault-white.svg" class="contract-icon" alt="Placeholder">
<h4>Vault</h4>
<p>The Vault Contract is designed to hold ether and safely automate payments
in a DApp/DAO environment. It allows for a step-by-step decentralization
process as trust in the code base is built over time.
<br><br>
<a href="https://medium.com/giveth/the-vault-contract-open-sourced-by-giveth-fe2261f7b91b" class="color-yellow"> Learn more...</a>
</p>
</li>
<li>
<img src="/assets/liquid-pledging.svg" class="contract-icon" alt="LiquidPledging">
<h4>LiquidPledging</h4>
<p>Enables direct oversight of the management of funds, allowing the Giver to
delegate authority over their donations in an efficient way,
following the principles of liquid democracy.
<br><br>
<a href="https://github.com/Giveth/liquidpledging" class="color-yellow"> Learn more...</a>
</p>
</li>
<li>
<img src="/assets/milestone-payouts-white.svg" class="contract-icon" alt="Milestone Payouts">
<h4>Milestone Payouts</h4>
<p>Our milestone contracts keep Campaigns
accountable to their supporters. Breaking down
lump sum amounts to help all types of organizations (for-profit or non-profits) be assured that contributed funds are
well spent.
<br><br>
<a href="https://github.com/Giveth/lpp-milestone" class="color-yellow"> Learn more...</a>
</p>
</li>
</ul>
</div>
</section>
<section id="unicorn-dac" class="container-fluid padding-top padding-bottom justify-content-center background-white-transparent">
<div class="flex-row d-flex justify-content-center unicorn-dac-row flex-wrap">
<div class="flex-column d-flex unicorn-dac-column">
<img src="/assets/giveth-dac-dark.png" class="unicorn-logo" alt="Giveth DAC logo">
</div>
<div class="flex-column d-flex unicorn-dac-column">
<h2 class="padding-top align-middle color-black">Giveth DAC</h2>
<div class="text-block align-middle align-self-center text-bold padding-top">
Giveth's DApp (Donation Application) is being developed by the Giveth DAC (Decentralized Altruistic Community). We are a community-led project and will not derive any direct profit from the platform. We strive to model the DAC concept as one of the first non-profit blockchain based entities.
<a href="https://wiki.giveth.io/dac/about/" class="color-yellow"> Learn more...</a>
</div>
<div class="row d-flex justify-content-center margin-top">
<a href="https://fame.giveth.io" class="btn btn-warning">Visit our Video Wall of Fame</a>
</div>
</div>
</div>
</section>
<section id="friends" class="container-fluid padding-top padding-bottom background-white-transparent">
<div class="flex-row d-flex justify-content-center">
<h2 class="color-dark-grey">Unicorn Love <span class="fa fa-heart slack-icon"></span></h2>
</div>
<div class="flex-row d-flex justify-content-center">
<p class="color-black padding-top">
Our smart contracts are being used widely in the Ethereum community,
<br><br>
Check out what our friends are doing
</p>
</div>
<div class="flex-row d-flex flex-wrap justify-content-around friendsrow">
<a href="https://alice.si"><img src="/images/friends/alicesi.svg" class="friends" alt="Alice.si"></a>
<a href="https://aragon.one"><img src="/images/friends/aragon.svg" class="friends" alt="Aragon"></a>
<a href="https://canya.io"><img src="/images/friends/canya.svg" class="friends" alt="Canya"></a>
<a href="https://district0x.io"><img src="/images/friends/district0x.svg" class="friends" alt="District 0x"></a>
<a href="https://myetherwallet.com"><img src="/images/friends/myetherwallet.svg" class="friends" alt="My Etherwallet"></a>
</div>
<div class="flex-row d-flex flex-wrap justify-content-around friendsrow">
<a href="https://mycrypto.com"><img src="/images/friends/mycrypto.svg" class="friends" alt="MyCrypto"></a>
<a href="https://saltlending.com"><img src="/images/friends/salt-blackfont.svg" class="friends" alt="SALT Lending"></a>
<a href="https://status.im"><img src="/images/friends/statusim.svg" class="friends" alt="Status Instant messenger"></a>
<a href="https://swarm.city"><img src="/images/friends/swarmcity.svg" class="friends" alt="Swarm City"></a>
</div>
</section>
</main>