Skip to content

Commit 2da412b

Browse files
wbobeirnewbobeirne
authored
Merge pull request #22 from tiphub-io/about
About page
2 parents 31af5ba + 4c7170a commit 2da412b

File tree

8 files changed

+187
-6
lines changed

8 files changed

+187
-6
lines changed

‎frontend/src/components/Template.less

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,5 +59,14 @@
5959
padding: 2rem;
6060
text-align: center;
6161
background: rgba(0, 0, 33, 0.05);
62+
63+
p {
64+
opacity: 0.7;
65+
margin-bottom: 1rem;
66+
67+
&:last-child {
68+
margin-bottom: 0;
69+
}
70+
}
6271
}
6372
}

‎frontend/src/components/Template.tsx

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -34,10 +34,13 @@ export default class Template extends React.Component<Props> {
3434
</div>
3535
<footer className="Template-footer">
3636
<div className="Template-footer-inner">
37-
Boltathon project built by{' '}
38-
<a href="https://github.com/dongcarl">@dongcarl</a>
39-
{' '}and{' '}
40-
<a href="https://github.com/wbobeirne">@wbobeirne</a>.
37+
<p>
38+
TipHub is fully open source on{' '}
39+
<a href="https://github.com/tiphub-io/tiphub" target="_blank">GitHub</a>
40+
</p>
41+
<p>
42+
Made with ❤️and ⚡️
43+
</p>
4144
</div>
4245
</footer>
4346
</div>

‎frontend/src/images/carl.jpg

17.5 KB
Loading

‎frontend/src/images/will.png

273 KB
Loading

‎frontend/src/pages/About.less

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
@import '../style/variables.less';
2+
3+
.About {
4+
max-width: 780px;
5+
margin: 0 auto;
6+
7+
&-section {
8+
display: flex;
9+
margin-bottom: 5rem;
10+
padding-bottom: 5rem;
11+
border-bottom: 1px solid rgba(#000, 0.1);
12+
13+
@media @md-query {
14+
flex-direction: column;
15+
}
16+
17+
&:last-child {
18+
border: none;
19+
}
20+
21+
&-label {
22+
font-size: 2rem;
23+
line-height: 1;
24+
flex-shrink: 0;
25+
width: 20rem;
26+
font-weight: 100;
27+
text-align: right;
28+
padding-right: 5rem;
29+
opacity: 0.5;
30+
31+
@media @md-query {
32+
width: auto;
33+
padding-right: 0;
34+
padding-bottom: 2rem;
35+
text-align: center;
36+
}
37+
}
38+
39+
&-content {
40+
flex: 1;
41+
font-size: 1.4rem;
42+
43+
&-people {
44+
position: relative;
45+
padding-top: 3rem;
46+
margin-left: -15rem;
47+
display: flex;
48+
z-index: 1;
49+
50+
@media @md-query {
51+
margin: 0;
52+
flex-direction: column;
53+
}
54+
}
55+
}
56+
}
57+
}
58+
59+
.AboutPerson {
60+
display: flex;
61+
flex-direction: column;
62+
justify-content: flex-start;
63+
align-items: center;
64+
text-align: center;
65+
flex: 1;
66+
padding: 1rem;
67+
68+
@media @md-query {
69+
margin-bottom: 2rem;
70+
}
71+
72+
&-image {
73+
width: 12rem;
74+
height: 12rem;
75+
margin-bottom: 2rem;
76+
border-radius: 100%;
77+
}
78+
79+
&-name {
80+
font-size: 1.8rem;
81+
margin-bottom: 0.75rem;
82+
}
83+
84+
&-blurb {
85+
font-size: 1.2rem;
86+
line-height: 1.4;
87+
opacity: 0.7;
88+
margin-bottom: 1rem;
89+
min-height: 70px;
90+
}
91+
92+
&-buttons {
93+
.button {
94+
margin: 0 0.25rem;
95+
}
96+
}
97+
}

‎frontend/src/pages/About.tsx

Lines changed: 68 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,75 @@
11
import React from 'react';
2+
import { Button, Icon } from 'semantic-ui-react';
3+
import CarlImage from '../images/carl.jpg';
4+
import WillImage from '../images/will.png';
5+
import './About.less';
26

37
const About: React.SFC = () => (
48
<div className="About">
5-
We write code real good.
9+
<div className="About-section">
10+
<div className="About-section-label">About TipHub</div>
11+
<div className="About-section-content">
12+
<p>
13+
TipHub is a non-custodial tipping service, powered by the Lightning
14+
Network. Users can provide the site with credentials to create invoices
15+
that let people tip directly to their Lightning node.
16+
</p>
17+
<p>
18+
Funds are never at risk, as TipHub only asks for enough access to
19+
create and monitor invoices on behalf of the receiver.
20+
</p>
21+
<p>
22+
TipHub currently only supports LND nodes, as that's the only Lightning
23+
node implementation that has standardized auth credentials that allow
24+
partially permissioned access. While we look forward to supporting
25+
more node types, user safety and privacy is our top concern.
26+
</p>
27+
</div>
28+
</div>
29+
<div className="About-section">
30+
<div className="About-section-label">About Us</div>
31+
<div className="About-section-content">
32+
<p>
33+
TipHub was created at the 2019 Bolt-a-Thon hackathon by Will
34+
O'Beirne and Carl Dong. However, anyone is welcome to contribute
35+
at the <a href="https://github.com/tiphub-io/tiphub">project GitHub</a>!
36+
</p>
37+
<div className="About-section-content-people">
38+
<div className="AboutPerson">
39+
<img className="AboutPerson-image" src={WillImage} />
40+
<div className="AboutPerson-name">Will O'Beirne</div>
41+
<div className="AboutPerson-blurb">
42+
Will is an open source engineer focused on the Lightning
43+
Network. He's also the creator of Joule, a lightning extension.
44+
</div>
45+
<div className="AboutPerson-buttons">
46+
<Button color="twitter" href="https://twitter.com/wbobeirne">
47+
<Icon name="twitter" /> wbobeirne
48+
</Button>
49+
<Button color="black" href="https://github.com/wbobeirne">
50+
<Icon name="github" /> wbobeirne
51+
</Button>
52+
</div>
53+
</div>
54+
55+
<div className="AboutPerson">
56+
<img className="AboutPerson-image" src={CarlImage} />
57+
<div className="AboutPerson-name">Carl Dong</div>
58+
<div className="AboutPerson-blurb">
59+
Carl is an engineer at Chaincode Labs, formerly Blockstream.
60+
</div>
61+
<div className="AboutPerson-buttons">
62+
<Button color="twitter" href="https://twitter.com/carl_dong" target="_blank">
63+
<Icon name="twitter" /> carl_dong
64+
</Button>
65+
<Button color="black" href="https://github.com/dongcarl" target="_blank">
66+
<Icon name="github" /> dongcarl
67+
</Button>
68+
</div>
69+
</div>
70+
</div>
71+
</div>
72+
</div>
673
</div>
774
);
875

‎frontend/types/images.d.ts

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,11 @@ declare module '*.png' {
33
export default image;
44
}
55

6+
declare module '*.jpg' {
7+
const image: string;
8+
export default image;
9+
}
10+
611
declare module '*.svg' {
712
const image: string;
813
export default image;

‎frontend/webpack.config.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ const lessLoader = {
3838
],
3939
};
4040
const fileLoader = {
41-
test: /\.(png|woff|woff2|eot|ttf|svg)$/,
41+
test: /\.(png|jpg|woff|woff2|eot|ttf|svg)$/,
4242
use: [{
4343
loader: 'file-loader',
4444
options: {

0 commit comments

Comments
 (0)