diff --git a/frontend/src/app/components/about/about.component.html b/frontend/src/app/components/about/about.component.html index 70f748d0f..3677b7f45 100644 --- a/frontend/src/app/components/about/about.component.html +++ b/frontend/src/app/components/about/about.component.html @@ -1,290 +1,204 @@ -
-
-
- -
+
-
+
+ +
v{{ packetJsonVersion }} [{{ frontendGitCommitHash }}]
+
-
- +
The Mempool Open Source Project
-
-
-

An explorer and API developed and operated for the Bitcoin community, focusing on the emerging transaction fee market to help our transition into a multi-layer ecosystem, without ads, altcoins, or third-party trackers.

-
-
+

An explorer and API developed and operated for the Bitcoin community, focusing on the emerging transaction fee market to help our transition into a multi-layer ecosystem, without ads, altcoins, or third-party trackers.

+
- - - - + -

-

- +

Enterprise Sponsors 🚀

+
+ + + Square + + + + Gemini + + + + Exodus + +
+
- -
- - Square -
- - - -
- - Gemini -
- - - -
- - Exodus -
- - -

-

- +

Community Sponsors ❤️

- - - -
- -
- - - -

- +
+ + + + + + + +
+ Navigate to https://mempool.space/sponsor to sponsor +
-

-
- +

Community Integrations

- -
- - Bisq -
- - - -
- - Umbrel -
- - - -
- - RaspiBlitz -
- - - -
- - MyNode -
- - - -
- - RoninDojo -
- - - -
- - Electrum -
- - - -
- - Specter -
- - - -
- - Sparrow -
- - - -
- - Phoenix -
- - - -
- - Muun -
- - - -
- - BlueWallet -
- - - -
- - Blixt -
- - - -
- - Satpile -
- - - -
- - BLW -
- - - -
- - WARden -
- - -

-

-
-

Community Alliances

- - - +
+ + + Bisq - - - + + + Umbrel - - - + + + RaspiBlitz + + + + MyNode + + + + RoninDojo + + + + Electrum + + + + Specter + + + + Sparrow + + + + Phoenix + + + + Muun + + + + BlueWallet + + + + Blixt + + + + Satpile + + + + BLW + + + + WARden
- -

-

- -

Project Contributors

- - - - -
- - {{ contributor.name }} -
- - - - -

-

- -

Project Maintainers

- - -
- - softsimon -
- - - -
- - wiz -
- - -

- -
-
- Copyright (c) 2019-2021
- The Mempool Open Source Project
-
-
-
- This program is free software; you can redistribute it and/or modify it under the terms of (at your option) either:
-
-
-
- 1) the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License or any later version approved by a proxy statement published on ; or
-
- 2) the GNU General Public License as published by the Free Software Foundation, either version 3 of the License or any later version approved by a proxy statement published on .
-
-
-
- This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the full license terms for more details.
-
-
-
+
+

Community Alliances

+
+ + + + + + + + + +
+
-
+
+

Project Contributors

+
+ + + + + {{ contributor.name }} + + + +
+
+ +
+

Project Maintainers

+
+ + + softsimon + + + + wiz + +
+
+ +
+
+ Copyright (c) 2019-2021
+ The Mempool Open Source Project +
+

+ This program is free software; you can redistribute it and/or modify it under the terms of (at your option) either:
+

+
    +
  • + 1) the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License or any later version approved by a proxy statement published on ; or
    +
    • +
  • + 2) the GNU General Public License as published by the Free Software Foundation, either version 3 of the License or any later version approved by a proxy statement published on .
    +
    • +
+

+ This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the full license terms for more details.
+

+
+ +
Third-party Licenses -
-
Terms of Service
- -
- -
+ +
{{ (backendInfo$ | async)?.hostname }} (v{{ (backendInfo$ | async )?.version }}) [{{ (backendInfo$ | async )?.gitCommit | slice:0:8 }}]
diff --git a/frontend/src/app/components/about/about.component.scss b/frontend/src/app/components/about/about.component.scss index e9ffe0304..253f47733 100644 --- a/frontend/src/app/components/about/about.component.scss +++ b/frontend/src/app/components/about/about.component.scss @@ -1,60 +1,179 @@ -.profile_photo { - width: 80px; - height: 80px; - background-size: 100%, 100%; - border-radius: 50%; - margin: 25px; - line-height: 32px; -} -.profile_img { - width: 80px; - height: 80px; - border-radius: 50%; - border: 0; -} +.about-page { + text-align: center; -.community_sponsor { - margin: 6px; -} + .image { + width: 80px; + height: 80px; + background-size: 100%, 100%; + border-radius: 50%; + margin: 25px; + line-height: 32px; + } -.enterprise_sponsor { - margin-left: 40px; - margin-right: 40px; -} - -.project_contributor { - width: 130px; - margin: 25px auto; -} - -.text-small { - font-size: 12px; -} - -.required { - color: #FF0000; - font-weight: bold; -} - -.alliances { - a { - &:nth-child(3){ - position: relative; - top: 10px; + .intro { + margin: 25px auto 30px; + width: 250px; + display: flex; + flex-direction: column; + .logo { + height: 62.5px; + width: 250px; + margin: auto; + } + .version { + text-align: right; + font-size: 10px; + margin-top: -10px; } } - img { - display: inline-block; - margin: 15px auto; - @media (min-width: 425px) { - margin: 15px 60px; + + .about-text { + max-width: 490px; + margin: auto; + padding: 10px 15px 15px; + } + + .social-icons { + a { + margin: auto 10px; } - @media (min-width: 576px) { - margin: 15px 120px; + } + + .alliances, + .enterprise-sponsor, + .community-integrations-sponsor, + .maintainers { + margin-top: 68px; + margin-bottom: 68px; + } + + .maintainers { + margin-bottom: 50px; + } + + .community-sponsor { + display: flex; + flex-direction: column; + .wrapper { + margin: 20px auto; } - @media (min-width: 850px) { - margin: 50px 30px 0px; + .btn-primary { + max-width: 250px; + margin: auto; + height: 45px; + width: 100%; } } + + .alliances { + margin-bottom: 100px; + a { + &:nth-child(3) { + position: relative; + top: 10px; + } + } + img { + display: inline-block; + margin: 15px auto; + height: 62px; + @media (min-width: 425px) { + margin: 15px 60px; + } + @media (min-width: 576px) { + margin: 15px 120px; + } + @media (min-width: 850px) { + margin: 50px 30px 0px; + } + } + .liquid { + top: 7px; + position: relative; + } + .copa { + height: auto; + top: 23px; + position: relative; + width: 300px; + } + .bisq { + top: 3px; + position: relative; + } + } + + .enterprise-sponsor, + .contributors, + .community-sponsor, + .community-integrations-sponsor, + .maintainers { + .wrapper { + display: inline-block; + a { + display: inline-block; + &:hover { + text-decoration: none; + img { + box-shadow: 0px 0px 20px #1bd8f4; + } + } + img, span{ + display: block; + transition: 150ms all; + } + img { + margin: 40px 29px 10px; + } + } + } + } + + .community-sponsor .wrapper { + margin: 10px auto 20px; + a img { + margin: 6px; + } + } + + .copyright { + text-align: left; + max-width: 620px; + padding: 0px 15px; + margin: auto; + line-height: 1.8; + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; + font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; + ul { + list-style: none; + padding-left: 30px; + li { + margin-bottom: 20px; + margin-top: 20px; + } + } + .title { + text-align: center; + margin-bottom: 25px; + } + } + + .footer-links { + display: flex; + flex-direction: column; + a { + display: inline-block; + margin: 15px auto 0px; + &:last-child { + margin: 20px auto 30px; + } + } + } + + .footer-version { + font-size: 12px; + } } \ No newline at end of file