This repository has been archived by the owner on Dec 31, 2024. It is now read-only.
forked from ojones/giveth-landing-page
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
163 lines (149 loc) · 8.37 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
---
layout: landing
---
<!-- 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>
-->
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>{{ site.title }}</h2>
<p>{{ site.description | markdownify }}</p>
<ul class="actions">
<li><a href="http://slack.giveth.io/" class="button special">Join</a></li>
</ul>
<ul class="icons">
{% for socloc in site.social %}
{% if socloc[1] %}
{% if socloc[0] == 'email' %}
<li><a target="_blank" href="{{ socloc[1] }}" class="icon fa-envelope-o"
><span class="label">E-mail</span></a></li>
{% else %}
<li><a target="_blank" href="{{ socloc[1] }}" class="icon fa-{{ socloc[0] }}"
><span class="label">{{ socloc[0] }}</span></a></li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper style2 special">
<div class="inner">
<header class="major">
<h2 class = "h2-nova">Transparent donation flow</h2>
<p>
Giveth is an open source platform that will enable people to build communities around causes.
Our Donation Application (Dapp) empowers <strong>Givers</strong> and <strong>Makers</strong> to work together toward achieving a common goal.
</p>
<p>
Campaigns raising funds with Giveth can be trusted because of a mix of blockchain based transparency and social accountability.
</p>
<p>
Makers create milestones with the intent to make the world a better a place. The system to fund these milestones runs on the Ethereum blockchain to enable a high level of security and transparent accounting, so you can donate to your favorite cause, know <em>exactly</em> where your donation went, what it <em>accomplished</em> and most important:
<strong>Know the <em>details</em> of the whole process!</strong>
</p>
</header>
<ul class="icons major">
<li><img class="ethereum-icon" src="./images/powered_by_ethereum.png" /></li>
<!-- <li><span class="icon fa-heart-o major style2"><span class="label">Ipsum</span></span></li>
<li><span class="icon fa-code major style3"><span class="label">Dolor</span></span></li> -->
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style7 alt">
<section class="spotlight">
<div class="image"><a href="https://unsplash.com/photos/nKNrOZ5MXZY" target="blank"><img src="images/pic01.jpg" alt="" title= "Photo by Vlad Tchompalov/Unsplash"/></a></div>
<div class="content">
<h2 class = "h2-nova">Create Altruistic Communities</h2>
<p>Whether it is establishing a sustainable power source in an impoverished area, or organizing a recycling campaign - any community can use the Giveth platform to fight for their cause and find other people that share their excitement.
</p>
<p>
Giveth encourages organization of efforts and sharing of resources, so communities can tackle global and local problems together. Giveth facilitates these connections, so strong communities can be built upon a foundation of transparency and accountability, guaranteed by blockchain tech.
</p>
</div>
</section>
<section class="spotlight">
<div class="image"><a href="https://www.pexels.com/photo/adventure-backlit-dawn-dusk-207896/" target="blank"><img src="images/pic02.jpg" alt="" title= "Photo by Anonymous/Pexels"/></a></div>
<div class="content">
<h2 class = "h2-nova">Connect and Build Trust</h2>
<p style="text-align: justify">
Our smart contracts aim to establish a trustless system. You support your favorite cause and know the details about where your money is being used - the system tracks everything. Instead of donating and <em>hoping it produces a desirable outcome</em>, the donation can be locked into a descriptive milestone that is released to the charity only for proof of results, incentivizing them be responsible and economical.
</p>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style6 special">
<div class="inner">
<header class="major">
<h2 class = "h2-nova">Transparent Innovation</h2>
<p>
We strongly believe in open source culture. All of our software is considered a gift to the Ethereum community.
<br>
Developers can use our base system as a launching pad to test their for-profit ideas. Imagine starting a decentralized charity to build an orphanage while testing an experimental governance system for allocating donations. Live smart contract testing while making the world a better place.
</p>
<p class="center">
<b>Contribute to development:</b>
</p>
<ul class="actions">
<li><a href="http://github.com/Giveth/" class="button gitbutton">Giveth on Github</a></li>
</ul>
</header>
<ul class="features">
<li class="icon fa-smile-o">
<h3><a href="https://medium.com/giveth/the-minime-token-open-sourced-by-giveth-2710c0210787">MiniMe</a></h3>
<p class="justify">
The MiniMe token makes it trivial for ANYONE to upgrade a Dapp/DAO midstream to include
new features in a decentralized fashion, without having to migrate to a new token
contract and without having to ask for permission.
<a href="https://medium.com/giveth/the-minime-token-open-sourced-by-giveth-2710c0210787" class = "color-blue">Learn more...</a>
</p>
</li>
<li class="icon fa-lock">
<h3><a href="https://medium.com/giveth/the-vault-contract-open-sourced-by-giveth-fe2261f7b91b">Vault</a></h3>
<p class="justify">
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.
<a href="https://medium.com/giveth/the-vault-contract-open-sourced-by-giveth-fe2261f7b91b" class = "color-blue">Learn more...</a>
</p>
</li>
<li class="icon fa-heart-o">
<h3>Delegated Governance</h3>
<p class="justify">
One of the core contracts we are working on enables a donor to delegate authority over their donations in a
simple gas efficient way, following the principles of liquid democracy.
</p>
</li>
<li class="icon fa-code">
<h3>Milestone Payouts</h3>
<p class="justify">
Our milestone contracts, once fully tested, are able to keep organizations and causes accountable to their supporters. Breaking down lump sum amounts and ensuring milestones completion is an approach that would help all types of organizations ( profit or non-profits), as well as the current ICO ecosystem, by giving that extra level of conrol, ensuring that contributed funds are well spent.
<a href="https://dapp.giveth.io" class = "color-blue">Legacy Milestonetracker</a>
</p>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper green-background">
<div class="inner">
<header class="padding-bottom">
<h2 class = "h2-nova">Are you ready?</h2>
Let's build the <strong>Future of Charitable Giving</strong>
</header>
<ul class="actions vertical">
<li><a href="http://slack.giveth.io/" class="button fit special">Join our Slack</a></li>
<li><a href="http://wiki.giveth.io" class="button fit">Giveth Wiki</a></li>
</ul>
</div>
</section>