|
10 | 10 | export let iconSize = 40 |
11 | 11 |
|
12 | 12 | let text = { |
13 | | - license: 'Released under the MIT License.', |
14 | | - copyright: '© 2023 Blocknative. All Rights Reserved.' |
| 13 | + license: 'Released under the MIT License', |
| 14 | + copyright: '© 2025 thirdweb' |
15 | 15 | } |
16 | 16 | </script> |
17 | 17 |
|
|
25 | 25 | --padding="2rem" |
26 | 26 | > |
27 | 27 | <Flexbox --direction="row" --gap="2rem" --padding="0"> |
28 | | - <a class="icon-link" href="//github.com/blocknative/web3-onboard" target="_blank"> |
| 28 | + <a class="icon-link" href="//github.com/thirdweb-dev/web3-onboard" target="_blank"> |
29 | 29 | <GitHubIcon width={iconSize} height={iconSize} /> |
30 | 30 | <span class="sr-only">Github</span> |
31 | 31 | </a> |
|
42 | 42 | <span class="sr-only">Youtube</span> |
43 | 43 | </a> |
44 | 44 | </Flexbox> |
45 | | - <a href="//www.thirdweb.com/" target="_blank"> |
46 | | - <img src={PoweredByTw} alt="Powered by thirdweb" /> |
| 45 | + <a href="//www.thirdweb.com/" target="_blank" class="logo-link"> |
| 46 | + <img src={PoweredByTw} alt="Powered by thirdweb" style="max-height: 20px;" /> |
47 | 47 | <span class="sr-only">Powered by thirdweb</span> |
48 | 48 | </a> |
49 | 49 | </Flexbox> |
50 | 50 | <div class="copyright-box"> |
51 | 51 | <div class="flex flex-row flex-wrap justify-center"> |
52 | | - <div class="text">{text.license}</div> |
53 | | - <div class="text">{text.copyright}</div> |
| 52 | + <div class="text">{text.license} {text.copyright}</div> |
54 | 53 | </div> |
55 | 54 | <div class="flex"> |
56 | 55 | <a |
|
70 | 69 |
|
71 | 70 | <style> |
72 | 71 | footer { |
73 | | - background: #1a1d26; |
74 | | - min-height: 400px; |
| 72 | + background: #ebebed; |
| 73 | + min-height: 200px; |
75 | 74 | display: flex; |
76 | 75 | flex-flow: column; |
77 | 76 | } |
78 | 77 |
|
79 | 78 | a.icon-link { |
80 | | - color: rgba(255, 255, 255, 0.8); |
| 79 | + color: rgba(20, 20, 20, 0.8); |
81 | 80 | transition: transform 200ms ease-in-out; |
82 | 81 | } |
83 | 82 | a.icon-link:hover { |
84 | | - color: rgba(255, 255, 255, 1); |
85 | | - transform: scale(1.2); |
| 83 | + color: rgba(20, 20, 20, 1.0); |
| 84 | + transform: scale(1.1); |
86 | 85 | } |
87 | 86 | a.icon-link:focus { |
88 | 87 | transform: none; |
89 | 88 | } |
90 | 89 |
|
| 90 | + a.logo-link { |
| 91 | + opacity: 0.8; |
| 92 | + } |
| 93 | + a.logo-link:hover { |
| 94 | + opacity: 1.0; |
| 95 | + } |
| 96 | +
|
91 | 97 | .copyright-box { |
92 | 98 | /* grey/600 */ |
93 | 99 | background: #242835; |
|
0 commit comments