diff options
author | Dessalines <tyhou13@gmx.com> | 2019-04-23 20:17:02 -0700 |
---|---|---|
committer | Dessalines <tyhou13@gmx.com> | 2019-04-23 20:17:02 -0700 |
commit | c9dce03b23576656f9583179c89de78bedfd088a (patch) | |
tree | 7fb5db7815013cefe0f86bec50b37bf862a9d068 /ui/src/components/sponsors.tsx | |
parent | a63741f7e12303ddddd47c516bc4a40fda392c78 (diff) |
Adding a sponsors page.
Diffstat (limited to 'ui/src/components/sponsors.tsx')
-rw-r--r-- | ui/src/components/sponsors.tsx | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/ui/src/components/sponsors.tsx b/ui/src/components/sponsors.tsx new file mode 100644 index 00000000..c9923bee --- /dev/null +++ b/ui/src/components/sponsors.tsx @@ -0,0 +1,82 @@ +import { Component } from 'inferno'; + +let general = + ["Eduardo Cavazos"]; +// let highlighted = []; +// let silver = []; +// let gold = []; +// let latinum = []; + +export class Sponsors extends Component<any, any> { + + constructor(props: any, context: any) { + super(props, context); + + } + + componentDidMount() { + document.title = "Sponsors - Lemmy"; + } + + render() { + return ( + <div class="container text-center"> + {this.topMessage()} + <hr /> + {this.sponsors()} + <hr /> + {this.bitcoin()} + </div> + ) + } + + topMessage() { + return ( + <div> + <h5>Sponsors of Lemmy</h5> + <p> + Lemmy is free, <a href="https://github.com/dessalines/lemmy">open-source</a> software, meaning no advertising, monetizing, or venture capital, ever. Your donations directly support full-time development of the project. Thank you to the following people: + </p> + <a class="btn btn-secondary" href="https://www.patreon.com/dessalines">Support on Patreon</a> + </div> + ) + } + sponsors() { + return ( + <div> + <h5>Sponsors</h5> + <p>General Sponsors are those that pledged $10 to $39 to Lemmy.</p> + <div class=""> + {general.map(s => + <div class="card col-12 col-md-2"> + <div>{s}</div> + </div> + )} + </div> + </div> + ) + } + + bitcoin() { + return ( + <div> + <h5>Crypto</h5> + <div class="table-responsive"> + <table class="table table-hover text-center"> + <tbody> + <tr> + <td>Bitcoin</td> + <td><code>bc1queu73nwuheqtsp65nyh5hf4jr533r8rr5nsj75</code></td> + </tr> + <tr> + <td>Ethereum</td> + <td><code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code></td> + </tr> + </tbody> + </table> + </div> + </div> + ) + } +} + |