MNTOR-2892 - Add monitor logo (#4165)
* MNTOR-2892 - Add monitor logo * wrap image in h1
This commit is contained in:
Kaitlyn Andres
GitHub
Родитель
25ecf6ac8c
Коммит
7030e2b7cc
|
|
@ -10,12 +10,27 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: $spacing-lg $layout-xl;
|
||||
padding: $spacing-md;
|
||||
background-color: $color-grey-05;
|
||||
gap: $spacing-lg;
|
||||
|
||||
h1 {
|
||||
font: $text-title-3xs;
|
||||
}
|
||||
|
||||
.logo {
|
||||
max-width: 250px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
button {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: $screen-md) {
|
||||
padding: $spacing-lg $layout-xl;
|
||||
}
|
||||
}
|
||||
|
||||
.hero {
|
||||
|
|
|
|||
|
|
@ -31,6 +31,7 @@ import { FaqSection } from "./Faq";
|
|||
import { SignInButton } from "../../../components/client/SignInButton";
|
||||
import { RebrandAnnouncement } from "./RebrandAnnouncement";
|
||||
import { FeatureFlagName } from "../../../../db/tables/featureFlags";
|
||||
import MonitorLogo from "../../images/monitor-logo.svg";
|
||||
|
||||
export type Props = {
|
||||
eligibleForPremium: boolean;
|
||||
|
|
@ -44,7 +45,13 @@ export const View = (props: Props) => {
|
|||
return (
|
||||
<main className={styles.wrapper}>
|
||||
<nav className={styles.nav}>
|
||||
<h1>{props.l10n.getString("public-nav-name")}</h1>
|
||||
<h1>
|
||||
<Image
|
||||
className={styles.logo}
|
||||
src={MonitorLogo}
|
||||
alt={props.l10n.getString("public-nav-name")}
|
||||
/>
|
||||
</h1>
|
||||
<SignInButton />
|
||||
</nav>
|
||||
<header className={styles.hero}>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,49 @@
|
|||
<svg width="266" height="40" viewBox="0 0 266 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M32.6835 8.90358L28.8462 6.70561L20.0857 1.68964L19.8131 1.53294C18.3769 0.715583 16.6163 0.715583 15.1801 1.53294L14.9075 1.69101L2.58906 8.74688L2.31653 8.90495C0.887791 9.723 0.00455288 11.2417 0 12.888V27.6252C0.00490982 29.2718 0.887986 30.7907 2.31653 31.6096L14.9116 38.8222C15.8346 39.3521 17.0122 39.0396 17.5511 38.1218C17.8075 37.6814 17.877 37.1567 17.7442 36.6647C17.6113 36.1727 17.2871 35.7543 16.8439 35.5028L4.5254 28.4483C4.11607 28.2149 3.86291 27.7803 3.86179 27.3091V13.2041C3.86291 12.7329 4.11607 12.2984 4.5254 12.065L6.70566 10.8154L16.8302 5.005C17.24 4.77194 17.7423 4.77194 18.152 5.005L30.4746 12.0622C30.882 12.2965 31.1339 12.7301 31.1355 13.2001V27.3145C31.1344 27.7857 30.8812 28.2203 30.4719 28.4537L26.3035 30.8411L24.1995 27.6688C26.3208 25.7899 27.5356 23.0924 27.5367 20.2587C27.5367 14.763 23.0304 10.2921 17.4898 10.2921C11.9492 10.2921 7.44286 14.763 7.44286 20.2587C7.44286 25.7543 11.9492 30.2252 17.4898 30.2252C18.6456 30.2261 19.7929 30.0279 20.8814 29.6392L24.0769 34.4576C24.1268 34.5311 24.1809 34.6016 24.239 34.6688L24.2731 34.7029C24.3406 34.7756 24.4139 34.8426 24.4925 34.9032C24.5116 34.9182 24.5293 34.9345 24.5497 34.9495C24.6362 35.0118 24.7273 35.0674 24.8223 35.1158L24.8877 35.1444C24.9726 35.1824 25.06 35.2148 25.1493 35.2411L25.2093 35.2602C25.3107 35.2859 25.4142 35.3028 25.5186 35.3106H25.6044C25.6344 35.3106 25.663 35.3106 25.693 35.3106C25.7516 35.3106 25.8102 35.3038 25.8674 35.2984C25.8947 35.2984 25.9206 35.2984 25.9478 35.2984C26.0579 35.2833 26.1664 35.2586 26.2721 35.2248C26.3008 35.2166 26.328 35.2043 26.3566 35.1934C26.4408 35.1628 26.5227 35.1264 26.6019 35.0844C26.6196 35.0749 26.6401 35.0694 26.6578 35.0585L32.6835 31.6151C34.1135 30.795 34.9968 29.2737 35 27.6252V12.8866C34.9954 11.2403 34.1122 9.72164 32.6835 8.90358ZM11.306 20.2587C11.285 17.7529 12.7783 15.4823 15.0873 14.5088C17.3962 13.5353 20.0644 14.0515 21.8437 15.8159C23.623 17.5803 24.1616 20.2441 23.2076 22.5612C22.2536 24.8783 19.9956 26.3907 17.4898 26.3907C14.0907 26.4005 11.3248 23.6577 11.306 20.2587Z" fill="url(#paint0_linear_404_28907)"/>
|
||||
<path d="M32.6835 8.90358L28.8462 6.70561L20.0857 1.68964L19.8131 1.53294C18.3769 0.715583 16.6163 0.715583 15.1801 1.53294L14.9075 1.69101L2.58906 8.74688L2.31653 8.90495C0.887791 9.723 0.00455288 11.2417 0 12.888V27.6252C0.00490982 29.2718 0.887986 30.7907 2.31653 31.6096L14.9116 38.8222C15.8346 39.3521 17.0122 39.0396 17.5511 38.1218C17.8075 37.6814 17.877 37.1567 17.7442 36.6647C17.6113 36.1727 17.2871 35.7543 16.8439 35.5028L4.5254 28.4483C4.11607 28.2149 3.86291 27.7803 3.86179 27.3091V13.2041C3.86291 12.7329 4.11607 12.2984 4.5254 12.065L6.70566 10.8154L16.8302 5.005C17.24 4.77194 17.7423 4.77194 18.152 5.005L30.4746 12.0622C30.882 12.2965 31.1339 12.7301 31.1355 13.2001V27.3145C31.1344 27.7857 30.8812 28.2203 30.4719 28.4537L26.3035 30.8411L24.1995 27.6688C26.3208 25.7899 27.5356 23.0924 27.5367 20.2587C27.5367 14.763 23.0304 10.2921 17.4898 10.2921C11.9492 10.2921 7.44286 14.763 7.44286 20.2587C7.44286 25.7543 11.9492 30.2252 17.4898 30.2252C18.6456 30.2261 19.7929 30.0279 20.8814 29.6392L24.0769 34.4576C24.1268 34.5311 24.1809 34.6016 24.239 34.6688L24.2731 34.7029C24.3406 34.7756 24.4139 34.8426 24.4925 34.9032C24.5116 34.9182 24.5293 34.9345 24.5497 34.9495C24.6362 35.0118 24.7273 35.0674 24.8223 35.1158L24.8877 35.1444C24.9726 35.1824 25.06 35.2148 25.1493 35.2411L25.2093 35.2602C25.3107 35.2859 25.4142 35.3028 25.5186 35.3106H25.6044C25.6344 35.3106 25.663 35.3106 25.693 35.3106C25.7516 35.3106 25.8102 35.3038 25.8674 35.2984C25.8947 35.2984 25.9206 35.2984 25.9478 35.2984C26.0579 35.2833 26.1664 35.2586 26.2721 35.2248C26.3008 35.2166 26.328 35.2043 26.3566 35.1934C26.4408 35.1628 26.5227 35.1264 26.6019 35.0844C26.6196 35.0749 26.6401 35.0694 26.6578 35.0585L32.6835 31.6151C34.1135 30.795 34.9968 29.2737 35 27.6252V12.8866C34.9954 11.2403 34.1122 9.72164 32.6835 8.90358ZM11.306 20.2587C11.285 17.7529 12.7783 15.4823 15.0873 14.5088C17.3962 13.5353 20.0644 14.0515 21.8437 15.8159C23.623 17.5803 24.1616 20.2441 23.2076 22.5612C22.2536 24.8783 19.9956 26.3907 17.4898 26.3907C14.0907 26.4005 11.3248 23.6577 11.306 20.2587Z" fill="url(#paint1_linear_404_28907)"/>
|
||||
<path d="M32.6813 8.90351L28.8441 6.70553L23.4915 3.64226C22.2613 2.93952 20.7566 2.91688 19.5058 3.58231L16.8281 5.00493C17.2379 4.77186 17.7401 4.77186 18.1499 5.00493L30.4725 12.0622C30.8799 12.2964 31.1318 12.73 31.1334 13.2V27.3144C31.1328 27.7858 30.8795 28.2206 30.4697 28.4536L26.3014 30.841L26.9513 31.8807C27.7295 33.1211 29.3488 33.5249 30.6183 32.7951L32.6813 31.615C34.1136 30.7972 34.9979 29.2745 34.9979 27.6251V12.8866C34.9959 11.2395 34.1119 9.7197 32.6813 8.90351Z" fill="url(#paint2_linear_404_28907)"/>
|
||||
<path d="M31.1334 13.2041V20.0515H34.9979V12.8866C34.9959 11.2395 34.1119 9.7197 32.6813 8.90351L28.8441 6.70553L23.4915 3.64226C22.2613 2.93952 20.7566 2.91688 19.5058 3.58231L16.8281 5.00493C17.2381 4.77268 17.7399 4.77268 18.1499 5.00493L30.4725 12.0622C30.8812 12.2972 31.1332 12.7326 31.1334 13.2041Z" fill="url(#paint3_linear_404_28907)"/>
|
||||
<path opacity="0.9" d="M31.1328 21.1539V27.3145C31.1322 27.7859 30.8789 28.2207 30.4692 28.4537L26.3008 30.8411L26.9508 31.8808C27.729 33.1212 29.3482 33.525 30.6177 32.7952L32.6808 31.6151C34.1131 30.7973 34.9972 29.2745 34.9973 27.6252V21.1539H31.1328Z" fill="url(#paint4_linear_404_28907)"/>
|
||||
<path opacity="0.9" d="M26.0052 30.3941L24.197 27.6688C23.2285 28.5336 22.1017 29.2027 20.8789 29.6392L22.8016 32.5403C23.8872 31.8481 24.9551 31.1327 26.0052 30.3941Z" fill="url(#paint5_linear_404_28907)"/>
|
||||
<path d="M51.072 30V10.764H55.188L61.152 21.628L67.088 10.764H71.232V30H67.088V18.016L61.152 28.88L55.188 18.016V30H51.072ZM81.9852 30.336C77.6732 30.336 74.0612 26.864 74.0612 22.748C74.0612 18.632 77.6732 15.188 81.9852 15.188C86.2692 15.188 89.8533 18.632 89.8533 22.748C89.8533 26.864 86.2692 30.336 81.9852 30.336ZM81.9852 26.892C84.1412 26.892 85.9612 24.988 85.9612 22.748C85.9612 20.508 84.1412 18.632 81.9852 18.632C79.8012 18.632 77.9812 20.508 77.9812 22.748C77.9812 24.988 79.8012 26.892 81.9852 26.892ZM91.7753 30V27.116L99.0553 18.996H91.9713V15.524H104.375V18.408L97.0953 26.528H104.431V30H91.7753ZM109.166 13.536C107.906 13.536 106.926 12.528 106.926 11.296C106.926 10.148 107.906 9.112 109.166 9.112C110.37 9.112 111.35 10.148 111.35 11.296C111.35 12.528 110.37 13.536 109.166 13.536ZM107.094 30V15.524H111.182V30H107.094ZM114.551 30V10.428H118.639V30H114.551ZM122.007 30V10.428H126.095V30H122.007ZM135.931 15.188C139.711 15.188 142.287 17.568 142.287 21.348V30H138.339V28.544C137.303 29.72 135.651 30.336 134.083 30.336C131.003 30.336 128.623 28.488 128.623 25.716C128.623 22.86 131.283 20.9 134.643 20.9C135.819 20.9 137.107 21.152 138.339 21.628V21.348C138.339 19.808 137.387 18.464 135.007 18.464C133.663 18.464 132.403 18.912 131.255 19.5L129.883 16.784C131.927 15.748 133.915 15.188 135.931 15.188ZM135.007 27.508C136.575 27.508 138.059 26.78 138.339 25.436V24.092C137.415 23.756 136.351 23.56 135.231 23.56C133.747 23.56 132.571 24.428 132.571 25.604C132.571 26.78 133.607 27.508 135.007 27.508ZM153.797 30V10.764H156.625L163.373 23.336L170.121 10.764H172.949V30H170.121V16.308L163.373 28.88L156.625 16.308V30H153.797ZM183.672 30.336C179.528 30.336 176.028 26.864 176.028 22.748C176.028 18.632 179.528 15.188 183.672 15.188C187.788 15.188 191.26 18.632 191.26 22.748C191.26 26.864 187.788 30.336 183.672 30.336ZM183.672 27.928C186.276 27.928 188.488 25.576 188.488 22.748C188.488 19.948 186.276 17.596 183.672 17.596C181.012 17.596 178.8 19.948 178.8 22.748C178.8 25.576 181.012 27.928 183.672 27.928ZM201.267 15.188C204.459 15.188 206.699 17.512 206.699 20.788V30H203.983V21.264C203.983 19.108 202.611 17.596 200.651 17.596C198.635 17.596 196.899 18.912 196.675 20.62V30H193.903V15.524H196.675V17.624C197.543 16.196 199.307 15.188 201.267 15.188ZM211.437 13.116C210.485 13.116 209.757 12.332 209.757 11.436C209.757 10.568 210.485 9.784 211.437 9.784C212.333 9.784 213.089 10.568 213.089 11.436C213.089 12.332 212.333 13.116 211.437 13.116ZM210.037 30V15.524H212.809V30H210.037ZM222.995 27.396L224.003 29.3C223.219 29.944 222.155 30.336 221.119 30.336C218.879 30.336 217.311 28.712 217.311 26.388V17.876H215.127V15.524H217.311V11.548H220.027V15.524H223.443V17.876H220.027V26.192C220.027 27.2 220.699 27.928 221.511 27.928C222.127 27.928 222.687 27.704 222.995 27.396ZM233.088 30.336C228.944 30.336 225.444 26.864 225.444 22.748C225.444 18.632 228.944 15.188 233.088 15.188C237.204 15.188 240.676 18.632 240.676 22.748C240.676 26.864 237.204 30.336 233.088 30.336ZM233.088 27.928C235.692 27.928 237.904 25.576 237.904 22.748C237.904 19.948 235.692 17.596 233.088 17.596C230.428 17.596 228.216 19.948 228.216 22.748C228.216 25.576 230.428 27.928 233.088 27.928ZM246.232 18.296C247.156 16.392 249.116 15.188 251.608 15.188V17.596C248.612 17.596 246.484 19.248 246.232 21.768V30H243.46V15.524H246.232V18.296Z" fill="black"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_404_28907" x1="24.5217" y1="5.78445" x2="7.34282" y2="35.5374" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FF980E"/>
|
||||
<stop offset="0.21" stop-color="#FF7139"/>
|
||||
<stop offset="0.36" stop-color="#FF5854"/>
|
||||
<stop offset="0.46" stop-color="#FF4F5E"/>
|
||||
<stop offset="0.69" stop-color="#FF3750"/>
|
||||
<stop offset="0.86" stop-color="#F92261"/>
|
||||
<stop offset="1" stop-color="#F5156C"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_404_28907" x1="24.5217" y1="5.78445" x2="7.34282" y2="35.5374" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FFF44F" stop-opacity="0.8"/>
|
||||
<stop offset="0.09" stop-color="#FFF44F" stop-opacity="0.7"/>
|
||||
<stop offset="0.75" stop-color="#FFF44F" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_404_28907" x1="25.913" y1="40.3252" x2="25.913" y2="3.46239" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#3A8EE6"/>
|
||||
<stop offset="0.24" stop-color="#5C79F0"/>
|
||||
<stop offset="0.63" stop-color="#9059FF"/>
|
||||
<stop offset="1" stop-color="#C139E6"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_404_28907" x1="19.6461" y1="3.32895" x2="34.9662" y2="18.6491" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#6E008B" stop-opacity="0.5"/>
|
||||
<stop offset="0.5" stop-color="#C846CB" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_404_28907" x1="33.5226" y1="22.2809" x2="26.3281" y2="29.4754" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.14" stop-color="#6A2BEA" stop-opacity="0"/>
|
||||
<stop offset="0.34" stop-color="#642DE4" stop-opacity="0.03"/>
|
||||
<stop offset="0.55" stop-color="#5131D3" stop-opacity="0.12"/>
|
||||
<stop offset="0.76" stop-color="#3139B7" stop-opacity="0.27"/>
|
||||
<stop offset="0.98" stop-color="#054490" stop-opacity="0.48"/>
|
||||
<stop offset="1" stop-color="#00458B" stop-opacity="0.5"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_404_28907" x1="21.9813" y1="28.4686" x2="24.067" y2="30.9553" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#960E18" stop-opacity="0.6"/>
|
||||
<stop offset="0.19" stop-color="#AC1624" stop-opacity="0.48"/>
|
||||
<stop offset="0.58" stop-color="#E42C41" stop-opacity="0.16"/>
|
||||
<stop offset="0.75" stop-color="#FF3750" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
После Ширина: | Высота: | Размер: 11 KiB |
Загрузка…
Ссылка в новой задаче