Skip to content

Commit

Permalink
Merge pull request #67 from warpdotdev/jeff/update-brand
Browse files Browse the repository at this point in the history 
Update brand logo and description
  • Loading branch information
@jefflloyd
jefflloyd authored Nov 4, 2024
2 parents 3867c9d + c6fdda0 commit 139cced
Show file tree
Hide file tree
Showing 2 changed files with 50 additions and 162 deletions.
84 changes: 42 additions & 42 deletions components/DownloadWarpCard.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,48 +4,48 @@ import * as gtag from "../lib/gtag";
export default function DownloadWarpCard() {
return (
<div className="flex p-3 border border-gray-400 w-96 h-20 rounded">
<div className="self-center">
<a
href="https://warp.dev"
target="_blank"
rel="noreferrer"
onClick={(e) => {
gtag.event({
action: "click_on_warp_logo",
category: "Click on Warp logo",
label: "Click on Warp logo",
value: window.location.pathname,
});
}}
>
<WarpTextIcon/>
</a>
</div>
<div className="pl-4"></div>
<div className="border-l border-gray-400"/>
<div className="pr-4"></div>
<div className="self-center">
<body className="dark:text-white text-xs pb-1">
Brought to you by Warp, a free terminal reimagined to work like a modern app.
</body>
<div className="dark:text-white text-xs underline">
<a
href="https://app.warp.dev/get_warp"
target="_blank"
rel="noreferrer"
onClick={(e) => {
gtag.event({
action: "click_on_download_warp",
category: "Click on Download Warp button",
label: "Click on Download Warp button",
value: window.location.pathname,
});
}}
>
Download Now
</a>
</div>
<div className="self-center">
<a
href="https://warp.dev"
target="_blank"
rel="noreferrer"
onClick={(e) => {
gtag.event({
action: "click_on_warp_logo",
category: "Click on Warp logo",
label: "Click on Warp logo",
value: window.location.pathname,
});
}}
>
<WarpTextIcon />
</a>
</div>
<div className="pl-4"></div>
<div className="border-l border-gray-400" />
<div className="pr-4"></div>
<div className="self-center">
<body className="dark:text-white text-xs pb-1">
By Warp, the intelligent terminal with AI and your dev team&apos;s knowledge built-in.
</body>
<div className="dark:text-white text-xs underline">
<a
href="https://app.warp.dev/get_warp"
target="_blank"
rel="noreferrer"
onClick={(e) => {
gtag.event({
action: "click_on_download_warp",
category: "Click on Download Warp button",
label: "Click on Download Warp button",
value: window.location.pathname,
});
}}
>
Download Now
</a>
</div>
</div>
</div>
);
}
}
128 changes: 8 additions & 120 deletions components/icons/text_logo.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,126 +1,14 @@
export const WarpTextIcon = () => (
<>
<svg
width="87"
height="22"
viewBox="0 0 87 22"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
className="dark:hidden"
>
<path
d="M11.8522 19.097H2.68651C1.20279 19.097 0 17.8961 0 16.4147V6.00098C0 4.51958 1.20279 3.31866 2.68651 3.31866H15.803L11.8522 19.097Z"
fill="#006DA8"
/>
<path
d="M11.9146 0.747986H21.0804C22.564 0.747986 23.7668 1.9489 23.7668 3.43031V13.844C23.7668 15.3254 22.564 16.5263 21.0804 16.5263H7.96387L11.9146 0.747986Z"
fill="url(#paint0_linear_422_41805)"
/>
<path
d="M11.9146 0.747986H21.0804C22.564 0.747986 23.7668 1.9489 23.7668 3.43031V13.844C23.7668 15.3254 22.564 16.5263 21.0804 16.5263H7.96387L11.9146 0.747986Z"
fill="url(#paint1_linear_422_41805)"
/>
<path
d="M29.043 3.32937H31.2609L34.5363 14.0078L37.9922 3.32937H39.9522L43.2276 14.0078L46.6577 3.32937H48.7982L44.4139 16.4523H42.0928L38.9206 6.70016L35.6195 16.4523L33.2983 16.478L29.043 3.32937Z"
fill="#333333"
/>
<path
d="M62.5593 3.32937V16.4523H60.7282L60.4445 14.3423C59.3441 15.8519 57.8397 16.6067 55.9312 16.6067C54.7105 16.6067 53.6187 16.3408 52.6559 15.809C51.7102 15.2772 50.9623 14.5053 50.4121 13.4932C49.8791 12.4811 49.6126 11.2803 49.6126 9.89083C49.6126 8.56996 49.8791 7.40348 50.4121 6.39139C50.9623 5.37929 51.7188 4.5902 52.6817 4.02412C53.6445 3.45803 54.7277 3.17499 55.9312 3.17499C56.98 3.17499 57.8827 3.37226 58.6392 3.76681C59.3957 4.16135 59.9975 4.70171 60.4445 5.38787L60.7282 3.32937H62.5593ZM56.1376 14.7283C56.98 14.7283 57.7279 14.531 58.3813 14.1365C59.0518 13.7248 59.5676 13.1587 59.9287 12.4382C60.2898 11.7006 60.4703 10.8686 60.4703 9.94229C60.4703 8.99881 60.2898 8.15826 59.9287 7.42063C59.5676 6.66585 59.0518 6.08261 58.3813 5.67091C57.7279 5.25921 56.98 5.05337 56.1376 5.05337C54.8309 5.05337 53.7735 5.50795 52.9654 6.41712C52.1745 7.30913 51.779 8.46703 51.779 9.89083C51.779 11.3146 52.1745 12.4811 52.9654 13.3903C53.7735 14.2823 54.8309 14.7283 56.1376 14.7283Z"
fill="#333333"
/>
<path
d="M72.1198 3.32937V5.38787H71.0624C69.8073 5.38787 68.9046 5.80815 68.3544 6.6487C67.8214 7.48925 67.5549 8.52707 67.5549 9.76217V16.4523H65.4401V3.32937H67.2712L67.5549 5.31068C67.9332 4.71028 68.4232 4.22997 69.025 3.86973C69.6268 3.50949 70.4606 3.32937 71.5266 3.32937H72.1198Z"
fill="#333333"
/>
<path
d="M80.6817 3.17499C81.9025 3.17499 82.9857 3.44088 83.9313 3.97266C84.8941 4.50443 85.642 5.27637 86.175 6.28846C86.7252 7.30056 87.0003 8.50134 87.0003 9.89083C87.0003 11.2117 86.7252 12.3782 86.175 13.3903C85.642 14.4024 84.8941 15.1915 83.9313 15.7575C82.9685 16.3236 81.8853 16.6067 80.6817 16.6067C79.6157 16.6067 78.7045 16.418 77.948 16.0406C77.1915 15.646 76.5983 15.1143 76.1684 14.4452V21.5985H74.0537V3.32937H75.8848L76.1684 5.43933C77.2688 3.92977 78.7733 3.17499 80.6817 3.17499ZM80.4754 14.7283C81.7821 14.7283 82.8309 14.2823 83.6218 13.3903C84.4299 12.4811 84.834 11.3146 84.834 9.89083C84.834 8.46703 84.4299 7.30913 83.6218 6.41712C82.8309 5.50795 81.7821 5.05337 80.4754 5.05337C79.6329 5.05337 78.8764 5.25921 78.2059 5.67091C77.5525 6.06546 77.0453 6.63154 76.6843 7.36917C76.3232 8.08964 76.1427 8.91304 76.1427 9.83937C76.1427 10.7828 76.3232 11.632 76.6843 12.3868C77.0453 13.1244 77.5525 13.699 78.2059 14.1107C78.8764 14.5224 79.6329 14.7283 80.4754 14.7283Z"
fill="#333333"
/>
<defs>
<linearGradient
id="paint0_linear_422_41805"
x1="7.96387"
y1="16.5263"
x2="24.1363"
y2="0.131045"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#01A4FF" />
<stop offset="0.791667" stopColor="#01FFC2" />
</linearGradient>
<linearGradient
id="paint1_linear_422_41805"
x1="8.0876"
y1="16.457"
x2="26.5003"
y2="4.69404"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#01A4FF" />
<stop offset="0.791667" stopColor="#01FFC2" />
</linearGradient>
</defs>
<svg width="120" height="80" viewBox="0 0 764 179" fill="none" xmlns="http://www.w3.org/2000/svg" className="dark:hidden" style={{ 'marginLeft': '-10px', 'marginRight': '-16px' }}>
<path d="M170.286 27.5005H227.682C236.973 27.5005 244.505 35.2835 244.505 44.8844V112.374C244.505 121.975 236.973 129.758 227.682 129.758H145.546L170.286 27.5005Z" fill="#121212" />
<path d="M155.378 46.8732H109.141C99.9291 46.8732 92.4613 54.6562 92.4613 64.257V131.747C92.4613 141.348 99.9291 149.131 109.141 149.131H166.048L168.33 139.618H133.131L155.378 46.8732Z" fill="#121212" />
<path d="M313.427 129.717L288.122 46.9034H302.418L320.328 110.164L339.717 46.9034H353.19L372.58 110.164L390.325 46.9034H404.949L379.481 129.717H365.843L346.454 66.7853L327.065 129.717H313.427ZM467.986 75.8225C467.986 64.4849 459.935 57.2551 447.776 57.2551C436.438 57.2551 428.387 63.992 427.237 75.1653L414.256 72.7006C416.721 56.2692 430.359 45.5889 447.776 45.5889C467.822 45.5889 481.789 57.4194 481.789 76.6441V129.717H467.986V115.586C463.221 125.117 452.377 131.032 440.382 131.032C423.786 131.032 412.449 120.844 412.449 106.549C412.449 90.6107 425.429 81.9021 451.884 79.2731L467.986 77.4657V75.8225ZM426.415 106.385C426.415 114.108 432.988 119.53 442.518 119.53C458.621 119.53 467.986 108.849 467.986 92.2539V88.3103L451.884 90.1178C435.124 91.9252 426.415 97.6762 426.415 106.385ZM575.81 75.001L561.843 77.63C561.186 65.3065 553.463 58.241 540.975 58.241C525.694 58.241 515.835 72.0433 515.835 94.2256V129.717H501.869V46.9034H515.835V63.1704C521.915 51.3398 532.102 45.5889 544.262 45.5889C562.665 45.5889 575.152 57.0908 575.81 75.001ZM590.697 159.622V46.9034H604.664V58.8982C609.1 51.3398 619.945 45.5889 631.94 45.5889C657.408 45.5889 671.539 63.992 671.539 88.3103C671.539 112.629 657.08 131.032 631.611 131.032C621.095 131.032 610.251 125.774 604.664 118.215V159.622H590.697ZM630.297 118.544C646.728 118.544 657.408 106.549 657.408 88.3103C657.408 70.0716 646.728 58.0767 630.297 58.0767C614.194 58.0767 603.514 70.0716 603.514 88.3103C603.514 106.549 614.194 118.544 630.297 118.544Z" fill="#121212" />
</svg>
<svg
width="87"
height="22"
viewBox="0 0 87 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="hidden dark:flex"
>
<path
d="M11.8522 19.097H2.68651C1.20279 19.097 0 17.8961 0 16.4147V6.00098C0 4.51958 1.20279 3.31866 2.68651 3.31866H15.803L11.8522 19.097Z"
fill="#006DA8"
/>
<path
d="M11.9146 0.747986H21.0804C22.564 0.747986 23.7668 1.9489 23.7668 3.43031V13.844C23.7668 15.3254 22.564 16.5263 21.0804 16.5263H7.96387L11.9146 0.747986Z"
fill="url(#paint0_linear_422_41815)"
/>
<path
d="M11.9146 0.747986H21.0804C22.564 0.747986 23.7668 1.9489 23.7668 3.43031V13.844C23.7668 15.3254 22.564 16.5263 21.0804 16.5263H7.96387L11.9146 0.747986Z"
fill="url(#paint1_linear_422_41815)"
/>
<path
d="M29.043 3.3294H31.2609L34.5363 14.0078L37.9922 3.3294H39.9522L43.2276 14.0078L46.6577 3.3294H48.7982L44.4139 16.4523H42.0928L38.9206 6.70019L35.6195 16.4523L33.2983 16.478L29.043 3.3294Z"
fill="white"
/>
<path
d="M62.5593 3.3294V16.4523H60.7282L60.4445 14.3424C59.3441 15.8519 57.8397 16.6067 55.9312 16.6067C54.7105 16.6067 53.6187 16.3408 52.6559 15.809C51.7102 15.2773 50.9623 14.5053 50.4121 13.4932C49.8791 12.4811 49.6126 11.2803 49.6126 9.89086C49.6126 8.56999 49.8791 7.40351 50.4121 6.39142C50.9623 5.37932 51.7188 4.59023 52.6817 4.02415C53.6445 3.45806 54.7277 3.17502 55.9312 3.17502C56.98 3.17502 57.8827 3.37229 58.6392 3.76684C59.3957 4.16138 59.9975 4.70174 60.4445 5.3879L60.7282 3.3294H62.5593ZM56.1376 14.7283C56.98 14.7283 57.7279 14.531 58.3813 14.1365C59.0518 13.7248 59.5676 13.1587 59.9287 12.4382C60.2898 11.7006 60.4703 10.8686 60.4703 9.94232C60.4703 8.99884 60.2898 8.15829 59.9287 7.42066C59.5676 6.66588 59.0518 6.08264 58.3813 5.67094C57.7279 5.25924 56.98 5.0534 56.1376 5.0534C54.8309 5.0534 53.7735 5.50798 52.9654 6.41715C52.1745 7.30916 51.779 8.46707 51.779 9.89086C51.779 11.3147 52.1745 12.4811 52.9654 13.3903C53.7735 14.2823 54.8309 14.7283 56.1376 14.7283Z"
fill="white"
/>
<path
d="M72.1198 3.3294V5.3879H71.0624C69.8073 5.3879 68.9046 5.80818 68.3544 6.64873C67.8214 7.48928 67.5549 8.52711 67.5549 9.7622V16.4523H65.4401V3.3294H67.2712L67.5549 5.31071C67.9332 4.71031 68.4232 4.23 69.025 3.86976C69.6268 3.50952 70.4606 3.3294 71.5266 3.3294H72.1198Z"
fill="white"
/>
<path
d="M80.6817 3.17502C81.9025 3.17502 82.9857 3.44091 83.9313 3.97269C84.8941 4.50446 85.642 5.2764 86.175 6.28849C86.7252 7.30059 87.0003 8.50137 87.0003 9.89086C87.0003 11.2117 86.7252 12.3782 86.175 13.3903C85.642 14.4024 84.8941 15.1915 83.9313 15.7576C82.9685 16.3237 81.8853 16.6067 80.6817 16.6067C79.6157 16.6067 78.7045 16.418 77.948 16.0406C77.1915 15.6461 76.5983 15.1143 76.1684 14.4453V21.5985H74.0537V3.3294H75.8848L76.1684 5.43936C77.2688 3.9298 78.7733 3.17502 80.6817 3.17502ZM80.4754 14.7283C81.7821 14.7283 82.8309 14.2823 83.6218 13.3903C84.4299 12.4811 84.834 11.3147 84.834 9.89086C84.834 8.46707 84.4299 7.30916 83.6218 6.41715C82.8309 5.50798 81.7821 5.0534 80.4754 5.0534C79.6329 5.0534 78.8764 5.25924 78.2059 5.67094C77.5525 6.06549 77.0453 6.63157 76.6843 7.3692C76.3232 8.08968 76.1427 8.91307 76.1427 9.8394C76.1427 10.7829 76.3232 11.632 76.6843 12.3868C77.0453 13.1244 77.5525 13.6991 78.2059 14.1108C78.8764 14.5225 79.6329 14.7283 80.4754 14.7283Z"
fill="white"
/>
<defs>
<linearGradient
id="paint0_linear_422_41815"
x1="7.96387"
y1="16.5263"
x2="24.1363"
y2="0.131045"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#01A4FF" />
<stop offset="0.791667" stopColor="#01FFC2" />
</linearGradient>
<linearGradient
id="paint1_linear_422_41815"
x1="8.0876"
y1="16.457"
x2="26.5003"
y2="4.69404"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#01A4FF" />
<stop offset="0.791667" stopColor="#01FFC2" />
</linearGradient>
</defs>
<svg width="120" height="80" viewBox="0 0 764 179" fill="none" xmlns="http://www.w3.org/2000/svg" className="hidden dark:flex" style={{ 'marginLeft': '-10px', 'marginRight': '-16px' }}>
<path d="M170.286 27.5005H227.682C236.973 27.5005 244.505 35.2835 244.505 44.8844V112.374C244.505 121.975 236.973 129.758 227.682 129.758H145.546L170.286 27.5005Z" fill="#FAF9F6" />
<path d="M155.378 46.8732H109.141C99.9291 46.8732 92.4613 54.6562 92.4613 64.257V131.747C92.4613 141.348 99.9291 149.131 109.141 149.131H166.048L168.33 139.618H133.131L155.378 46.8732Z" fill="#FAF9F6" />
<path d="M313.427 129.717L288.122 46.9034H302.418L320.328 110.164L339.717 46.9034H353.19L372.58 110.164L390.325 46.9034H404.949L379.481 129.717H365.843L346.454 66.7853L327.065 129.717H313.427ZM467.986 75.8225C467.986 64.4849 459.935 57.2551 447.776 57.2551C436.438 57.2551 428.387 63.992 427.237 75.1653L414.256 72.7006C416.721 56.2692 430.359 45.5889 447.776 45.5889C467.822 45.5889 481.789 57.4194 481.789 76.6441V129.717H467.986V115.586C463.221 125.117 452.377 131.032 440.382 131.032C423.786 131.032 412.449 120.844 412.449 106.549C412.449 90.6107 425.429 81.9021 451.884 79.2731L467.986 77.4657V75.8225ZM426.415 106.385C426.415 114.108 432.988 119.53 442.518 119.53C458.621 119.53 467.986 108.849 467.986 92.2539V88.3103L451.884 90.1178C435.124 91.9252 426.415 97.6762 426.415 106.385ZM575.81 75.001L561.843 77.63C561.186 65.3065 553.463 58.241 540.975 58.241C525.694 58.241 515.835 72.0433 515.835 94.2256V129.717H501.869V46.9034H515.835V63.1704C521.915 51.3398 532.102 45.5889 544.262 45.5889C562.665 45.5889 575.152 57.0908 575.81 75.001ZM590.697 159.622V46.9034H604.664V58.8982C609.1 51.3398 619.945 45.5889 631.94 45.5889C657.408 45.5889 671.539 63.992 671.539 88.3103C671.539 112.629 657.08 131.032 631.611 131.032C621.095 131.032 610.251 125.774 604.664 118.215V159.622H590.697ZM630.297 118.544C646.728 118.544 657.408 106.549 657.408 88.3103C657.408 70.0716 646.728 58.0767 630.297 58.0767C614.194 58.0767 603.514 70.0716 603.514 88.3103C603.514 106.549 614.194 118.544 630.297 118.544Z" fill="#FAF9F6" />
</svg>
</>
);

0 comments on commit 139cced

Please sign in to comment.