@@ -35,16 +35,18 @@ class LoggedInComponent extends UiComponent<LoggedInProps> {
35
35
..href = 'https://hellobloom.io'
36
36
..target = '_blank'
37
37
..rel = 'noopener noreferrer'
38
+ ..className = 'd-inline-block'
38
39
..title = 'Homepage'
39
40
)(
40
- ( Dom . i ()..className = 'fas fa-home fa-2x' )(),
41
+ _renderBloomLogoSvg ()
41
42
),
42
43
),
43
44
(Dom .div ()..className = 'column col-2 text-center' )(
44
45
(Dom .a ()
45
46
..href = 'https://slack.hellobloom.io'
46
47
..target = '_blank'
47
48
..rel = 'noopener noreferrer'
49
+ ..className = 'd-inline-block'
48
50
..title = 'Slack'
49
51
)(
50
52
(Dom .i ()..className = 'fab fa-slack-hash fa-2x' )(),
@@ -55,6 +57,7 @@ class LoggedInComponent extends UiComponent<LoggedInProps> {
55
57
..href = 'https://www.reddit.com/BloomToken'
56
58
..target = '_blank'
57
59
..rel = 'noopener noreferrer'
60
+ ..className = 'd-inline-block'
58
61
..title = 'Reddit'
59
62
)(
60
63
(Dom .i ()..className = 'fab fa-reddit-alien fa-2x' )(),
@@ -65,6 +68,7 @@ class LoggedInComponent extends UiComponent<LoggedInProps> {
65
68
..href = 'https://twitter.com/bloomtoken'
66
69
..target = '_blank'
67
70
..rel = 'noopener noreferrer'
71
+ ..className = 'd-inline-block'
68
72
..title = 'Twitter'
69
73
)(
70
74
(Dom .i ()..className = 'fab fa-twitter fa-2x' )(),
@@ -75,6 +79,7 @@ class LoggedInComponent extends UiComponent<LoggedInProps> {
75
79
..href = 'https://blog.hellobloom.io'
76
80
..target = '_blank'
77
81
..rel = 'noopener noreferrer'
82
+ ..className = 'd-inline-block'
78
83
..title = 'Blog'
79
84
)(
80
85
(Dom .i ()..className = 'fab fa-medium-m fa-2x' )(),
@@ -93,4 +98,58 @@ class LoggedInComponent extends UiComponent<LoggedInProps> {
93
98
),
94
99
);
95
100
}
101
+
102
+ ReactElement _renderBloomLogoSvg () {
103
+ return (Dom .svg ()
104
+ ..viewBox = '0 0 710 705'
105
+ ..className = 'fa-2x fa-w-14 svg-inline--fa'
106
+ ..addProp ('xmlns' , 'http://www.w3.org/2000/svg' )
107
+ )(
108
+ Dom .svgTitle ()('Bloom Logo' ),
109
+ (Dom .g ()
110
+ ..stroke = 'none'
111
+ ..strokeWidth = '1'
112
+ ..fill = 'none'
113
+ ..addProp ('fill-rule' , 'evenodd' )
114
+ )(
115
+ (Dom .g ()
116
+ ..id = 'Logo'
117
+ ..fill = '#6067F1'
118
+ )(
119
+ (Dom .g ()
120
+ ..id = 'Leaf'
121
+ ..transform = 'translate(260.000000, -27.000000)'
122
+ )(
123
+ (Dom .path ()
124
+ ..d = 'M194.415739,215.192523 C194.258317,268.684765 150.797287,312 97.2080838,312 C43.6188804,312 0.157850908,268.684765 0.000429008653,215.192523 C2.08166817e-14,215.192523 -3.50299401,197.114019 15.1796407,156.874766 C47.118659,88.0834938 95.9422811,58.317757 95.9422811,58.317757 C95.9422811,58.317757 148.877246,91.5588785 180.404192,156.874766 C196.94399,191.141061 194.416168,215.192523 194.416168,215.192523 Z'
125
+ )()
126
+ ),
127
+ (Dom .g ()
128
+ ..id = 'Leaf'
129
+ ..transform = 'translate(357.500000, 576.000000) scale(1, -1) translate(-357.500000, -576.000000) translate(260.000000, 420.000000)'
130
+ )(
131
+ (Dom .path ()
132
+ ..d = 'M194.415739,215.192523 C194.258317,268.684765 150.797287,312 97.2080838,312 C43.6188804,312 0.157850908,268.684765 0.000429008653,215.192523 C2.08166817e-14,215.192523 -3.50299401,197.114019 15.1796407,156.874766 C47.118659,88.0834938 95.9422811,58.317757 95.9422811,58.317757 C95.9422811,58.317757 148.877246,91.5588785 180.404192,156.874766 C196.94399,191.141061 194.416168,215.192523 194.416168,215.192523 Z'
133
+ )()
134
+ ),
135
+ (Dom .g ()
136
+ ..id = 'Leaf'
137
+ ..transform = 'translate(563.000000, 352.500000) scale(1, -1) rotate(90.000000) translate(-563.000000, -352.500000) translate(465.500000, 196.500000)'
138
+ )(
139
+ (Dom .path ()
140
+ ..d = 'M194.415739,215.192523 C194.258317,268.684765 150.797287,312 97.2080838,312 C43.6188804,312 0.157850908,268.684765 0.000429008653,215.192523 C2.08166817e-14,215.192523 -3.50299401,197.114019 15.1796407,156.874766 C47.118659,88.0834938 95.9422811,58.317757 95.9422811,58.317757 C95.9422811,58.317757 148.877246,91.5588785 180.404192,156.874766 C196.94399,191.141061 194.416168,215.192523 194.416168,215.192523 Z'
141
+ )()
142
+ ),
143
+ (Dom .g ()
144
+ ..id = 'Leaf'
145
+ ..transform = 'translate(147.000000, 351.500000) scale(-1, -1) rotate(90.000000) translate(-147.000000, -351.500000) translate(49.500000, 195.500000)'
146
+ )(
147
+ (Dom .path ()
148
+ ..d = 'M194.415739,215.192523 C194.258317,268.684765 150.797287,312 97.2080838,312 C43.6188804,312 0.157850908,268.684765 0.000429008653,215.192523 C2.08166817e-14,215.192523 -3.50299401,197.114019 15.1796407,156.874766 C47.118659,88.0834938 95.9422811,58.317757 95.9422811,58.317757 C95.9422811,58.317757 148.877246,91.5588785 180.404192,156.874766 C196.94399,191.141061 194.416168,215.192523 194.416168,215.192523 Z'
149
+ )()
150
+ ),
151
+ )
152
+ ),
153
+ );
154
+ }
96
155
}
0 commit comments