Skip to content

Commit e399cae

Browse files
FullstackWEB-developerFullstackWEB-developer
committed
fix(development): add new links
1 parent 0a3bdcd commit e399cae

File tree

10 files changed

+102
-26
lines changed

10 files changed

+102
-26
lines changed

‎src/assets/discord-white.svg

Lines changed: 3 additions & 0 deletions
Loading

‎src/assets/instagram-white.svg

Lines changed: 3 additions & 0 deletions
Loading

‎src/assets/instagram.svg

Lines changed: 1 addition & 0 deletions
Loading

‎src/assets/opensea-white.svg

Lines changed: 3 additions & 0 deletions
Loading

‎src/assets/opensea.svg

Lines changed: 3 additions & 0 deletions
Loading

‎src/assets/twitter-white.svg

Lines changed: 3 additions & 0 deletions
Loading

‎src/components/Footer/Footer.css

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -57,10 +57,6 @@
5757
margin-left: 26px;
5858
}
5959

60-
.dcl.footer .social-links .social-icon.discord {
61-
background-image: url('../../assets/discord.svg');
62-
}
63-
6460
.dcl.footer .social-links .social-icon.reddit {
6561
background-image: url('../../assets/reddit.svg');
6662
}
@@ -69,8 +65,20 @@
6965
background-image: url('../../assets/github.svg');
7066
}
7167

68+
.dcl.footer .social-links .social-icon.discord {
69+
background-image: url('../../assets/discord-white.svg');
70+
}
71+
7272
.dcl.footer .social-links .social-icon.twitter {
73-
background-image: url('../../assets/twitter.svg');
73+
background-image: url('../../assets/twitter-white.svg');
74+
}
75+
76+
.dcl.footer .social-links .social-icon.opensea {
77+
background-image: url('../../assets/opensea-white.svg');
78+
}
79+
80+
.dcl.footer .social-links .social-icon.instagram {
81+
background-image: url('../../assets/instagram-white.svg');
7482
}
7583

7684
.dcl.footer .copyright {

‎src/components/Footer/Footer.tsx

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -94,20 +94,20 @@ export class Footer extends React.PureComponent<FooterProps> {
9494
</div>
9595
</div>
9696
<div className="secondary-footer">
97-
{/* <div className="social-links">
98-
<a href="https://dcl.gg/discord">
99-
<i className="social-icon discord" />
100-
</a>
101-
<a href="https://reddit.com/r/decentraland">
102-
<i className="social-icon reddit" />
97+
<div className="social-links">
98+
<a href="https://opensea.io/collection/birdez-kingdom">
99+
<i className="social-icon opensea" />
103100
</a>
104-
<a href="https://github.com/decentraland">
105-
<i className="social-icon github" />
101+
<a href="https://www.instagram.com/birdezgang">
102+
<i className="social-icon instagram" />
106103
</a>
107-
<a href="https://twitter.com/decentraland">
104+
<a href="https://twitter.com/BirdezGang">
108105
<i className="social-icon twitter" />
109106
</a>
110-
</div> */}
107+
<a href="https://discord.gg/birdezgang">
108+
<i className="social-icon discord" />
109+
</a>
110+
</div>
111111
<div className="copyright">
112112
© {new Date().getFullYear()} Birdezkingdom
113113
</div>

‎src/components/Navbar/Navbar.css

Lines changed: 35 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,7 @@
2828

2929
.dcl.navbar .navbar-menu {
3030
position: relative;
31+
flex-grow: 1;
3132
}
3233

3334
.dcl.navbar .navbar-mobile-menu {
@@ -58,6 +59,27 @@
5859
margin-top: 2px;
5960
}
6061

62+
.dcl.navbar-title {
63+
cursor: pointer;
64+
font-family: robot-crush , -apple-system , Arial , Helvetica , sans-serif;
65+
text-shadow: 0 0 1px #6a45a0, 0 0 2px #6a45a0, 0 0 3px #6a45a0, 0 0 4px #6a45a0, 0 0 5px #6a45a0, 0 0 6px #6a45a0;
66+
line-height: 42px;
67+
text-transform: uppercase;
68+
font-size: 32px;
69+
text-align: center;
70+
max-width: 100%;
71+
margin-right: 1rem;
72+
color: var(--text);
73+
}
74+
75+
.dcl.navbar-line {
76+
flex-grow: 1;
77+
box-shadow: rgb(255 0 255) 0px 0px 10px;
78+
flex-shrink: 1;
79+
border: 1px solid var(--text);
80+
height: 0px;
81+
}
82+
6183
.dcl.account-wrapper {
6284
display: flex;
6385
flex-flow: row nowrap;
@@ -72,8 +94,9 @@
7294
display: inline-block;
7395
margin: 0px 20px 0px 0px;
7496
color: var(--text);
75-
font-size: 13px;
76-
line-height: 18px;
97+
font-family: Tahoma, Verdana, sans-serif;
98+
font-size: 20px;
99+
line-height: 30px;
77100
}
78101

79102
.dcl.account-wrapper .dcl.mana .symbol .ethereum {
@@ -105,18 +128,20 @@
105128

106129
.dcl.navbar .ui.menu.secondary {
107130
margin: 0px;
131+
align-items: center;
108132
}
109133

110134
.dcl.navbar .ui.menu .item {
111135
font-weight: normal;
112136
color: var(--secondary-text);
113137
border-radius: 6px;
114-
text-transform: uppercase;
138+
/* text-transform: uppercase; */
115139
font-family: var(--font-family);
116140
margin-left: 24px;
117141
padding: 0px;
118-
font-size: 13px;
119-
line-height: 18px;
142+
font-family: Tahoma, Verdana, sans-serif;
143+
font-size: 20px;
144+
line-height: 30px;
120145
}
121146

122147
.dcl.navbar .ui.menu .item.disabled {
@@ -138,7 +163,7 @@
138163
.dcl.active-page {
139164
color: var(--text);
140165
display: inline-block;
141-
text-transform: uppercase;
166+
/* text-transform: uppercase; */
142167
cursor: pointer;
143168
margin: 0px;
144169
}
@@ -227,10 +252,11 @@
227252

228253
.dcl.navbar .mobile-menu .item {
229254
padding: 19px 65px;
230-
text-transform: uppercase;
255+
/* text-transform: uppercase; */
231256
font-weight: normal;
232-
font-size: 13px;
233-
line-height: 18px;
257+
font-family: Tahoma, Verdana, sans-serif;
258+
font-size: 20px;
259+
line-height: 30px;
234260
color: var(--text);
235261
}
236262

‎src/components/Navbar/Navbar.tsx

Lines changed: 28 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -112,6 +112,18 @@ export class Navbar extends React.PureComponent<NavbarProps, NavbarState> {
112112
}
113113
return (
114114
<>
115+
<Menu.Item
116+
active={activePage === 'lean'}
117+
href="https://docs.birdezgang.com/welcome-to-gitbook/birdez-kingdom-metaverse-nfts/birdez-kingdom-nfts"
118+
>
119+
Learn more
120+
</Menu.Item>
121+
<Menu.Item
122+
active={activePage === 'map'}
123+
href="https://birdezkingdom.com/maps"
124+
>
125+
Kingdom Map
126+
</Menu.Item>
115127
<Menu.Item
116128
active={activePage === 'marketplace'}
117129
href="https://market-birdezkingdom.vercel.app"
@@ -124,6 +136,19 @@ export class Navbar extends React.PureComponent<NavbarProps, NavbarState> {
124136
>
125137
{i18n.menu.builder}
126138
</Menu.Item>
139+
{/* <a href="https://opensea.io/collection/birdez-kingdom" className="item">
140+
<i className="social-icon opensea" />
141+
</a>
142+
<a href="https://www.instagram.com/birdezgang" className="item">
143+
<i className="social-icon instagram" />
144+
</a>
145+
<a href="https://twitter.com/BirdezGang" className="item">
146+
<i className="social-icon twitter" />
147+
</a>
148+
<a href="https://discord.gg/birdezgang" className="item">
149+
<i className="social-icon discord" />
150+
</a> */}
151+
127152
{/* <Menu.Item
128153
active={activePage === 'docs'}
129154
href="https://docs.decentraland.org"
@@ -249,9 +274,10 @@ export class Navbar extends React.PureComponent<NavbarProps, NavbarState> {
249274
<div className="dcl navbar-menu">
250275
<NotMobile>
251276
<Menu secondary stackable>
252-
<a className="dcl navbar-logo" href="https://birdezkingdom.com">
253-
<Logo />
277+
<a className="dcl navbar-title" href="https://birdezkingdom.com">
278+
birdez kingdom
254279
</a>
280+
<span className="dcl navbar-line"></span>
255281
{this.renderLeftMenu()}
256282
</Menu>
257283
</NotMobile>

0 commit comments

Comments
 (0)