-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·225 lines (207 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
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
---
layout: landing
og_title: FluffyCat
og_description: Using blockchain technology to help our fluffy friends
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" src="/assets/fluffycat-logo-white.svg" alt="">
<img class="hero-image img-fluid typelogo" src="/assets/fluffycat-typelogo-white.svg" alt="">
<h2 class="tagline color-white">A Future for<br> our Fluffy Friends</h2>
<img class="img-fluid ethereum" src="/images/powered_by_ethereum.png" alt="">
<h5 class="color-black"><a href="http://join.fluffycat.tech" 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>
FluffyCat is an Open-Source Platform
<br>
for Decentralized Donations
<br>
That help Animal Rescues
</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">
FluffyCat 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 for its supporters.
</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 FluffyCat 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">
A donation towards an animal in need can be just the beginning of your involvement. FluffyCat embraces the
power of communities to change the world. We are building our software to encourage Supporters, Makers and
just about anyone else to connect and discover a decentralized governance model that works for them. We are
actively following the amazing work that Giveth has done so far as a basis for our technology going forward.
</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> Dev 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>Support</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 FluffyCat 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/fluffycatware/" 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">
Using Giveth's functionality, LiquidPledging 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>
</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 FluffyCat, you can have live smart contract testing while making the world a better place! And because
of FluffyCat'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/fluffycatware/" 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">Project's</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 FluffyCat Donation Application">
<h4>FluffyCat Donation Application</h4>
<p>The FluffyCat Donation Application currently in development and nearly ready for launch in testnet! We are
in closed alpha stage testing but will open it up to the world very soon.
</p>
<div class="col d-flex justify-content-center">
<a href="http://wiki.fluffycat.tech/documentation/alpha" class="btn btn-warning">Learn more...</a>
</div>
</li>
<li>
<img src="/assets/poc-dapp-white.svg" class="project-icon" alt="The FluffyCat Milestone-Tracker">
<h4>FluffyCat's PoC DApp</h4>
<p>Donations have built the FluffyCat platform, and each of these donations will be made through the companion
DApp KittyDirectory
</p>
<div class="col d-flex justify-content-center">
<a href="https://kitty.directory/" class="btn btn-warning">Kitty Directory</a>
</div>
</li>
</ul>
</div>
</section>
<section id="kitten-dac" class="container-fluid padding-top padding-bottom justify-content-center background-white">
<div class="flex-row d-flex justify-content-center kitten-dac-row flex-wrap">
<div class="flex-column d-flex kitten-dac-column">
<img src="/assets/fluffycat-dac-dark.png" class="kitten-logo" alt="FluffyCat DAC logo">
</div>
<div class="flex-column d-flex kitten-dac-column">
<h2 class="padding-top align-middle color-black">FluffyCat DAC</h2>
<div class="text-block align-middle align-self-center text-bold padding-top">
FluffyCat's DApp (Donation Application) is being developed by the FluffyCat DAC (Decentralized Altruistic
Community). We are a community-led project and will not derive any direct profit from the platform.
<a href="http://wiki.fluffycat.tech/dac/about/" class="color-yellow"> Learn more...</a>
</div>
<div class="row d-flex justify-content-center margin-top">
<a href="http://fame.fluffycat.tech" 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">
<div class="flex-row d-flex justify-content-center">
<h2 class="color-dark-grey">Kitten 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,
</p>
</div>
</section>
</main>