mirror of
https://github.com/urbit/developers.urbit.org.git
synced 2024-08-17 01:30:31 +03:00
Merge pull request #195 from urbit/mp/svg-responsive-colours
icons: use responsive colours for tall cards
This commit is contained in:
commit
f96ea7edf8
@ -15,10 +15,9 @@ export default function TallCard({
|
||||
<div key={title} className={`bg-wall-100 rounded-xl min-h-0 `}>
|
||||
<Link href={href}>
|
||||
<div className="flex flex-col space-y-4 p-6 justify-center items-center h-full relative">
|
||||
<img
|
||||
className="rounded-lg self-center overflow-hidden border-transparent border w-full shrink-0"
|
||||
src={image}
|
||||
/>
|
||||
<div className="rounded-lg self-center overflow-hidden border-transparent border w-full shrink-0">
|
||||
{image({ className: "w-full h-full" })}
|
||||
</div>
|
||||
<div className={`grow-1 flex flex-col h-full w-full`}>
|
||||
<h3 className="mb-2">{title}</h3>
|
||||
<p>{description}</p>
|
||||
|
13
components/icons/TallCard/app.js
Normal file
13
components/icons/TallCard/app.js
Normal file
@ -0,0 +1,13 @@
|
||||
export default function AppIcon({ className }) {
|
||||
return <svg width="408" height="230" viewBox="0 0 408 230" className={className} xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="408" height="230" fill="#92ABD0" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M203.16 56.075C198.878 56.075 195.4 59.5522 195.4 63.8343C195.4 67.7841 198.339 71.04 202.148 71.5346V163.583C198.671 164.351 196.072 167.452 196.072 171.165C196.072 175.447 199.55 178.925 203.839 178.925C208.121 178.925 211.598 175.448 211.598 171.165C211.598 167.216 208.66 163.96 204.851 163.465V71.4165C208.328 70.6486 210.927 67.5478 210.927 63.8343C210.927 59.5524 207.449 56.075 203.16 56.075ZM198.103 63.8343C198.103 61.0436 200.369 58.7771 203.16 58.7771C205.958 58.7771 208.224 61.0436 208.224 63.8343C208.224 66.6325 205.958 68.899 203.16 68.899C200.369 68.899 198.103 66.6325 198.103 63.8343ZM198.774 171.166C198.774 168.367 201.041 166.101 203.839 166.101C206.63 166.101 208.896 168.367 208.896 171.166C208.896 173.956 206.63 176.223 203.839 176.223C201.041 176.223 198.774 173.956 198.774 171.166Z" className="fill-white" />
|
||||
<path d="M195.401 82.7333C195.401 81.9877 194.796 81.3896 194.05 81.3896C193.305 81.3896 192.699 81.9877 192.699 82.7333V158.001C192.699 158.746 193.305 159.352 194.05 159.352C194.796 159.352 195.401 158.746 195.401 158.001V82.7333Z" className="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M167.051 92.1835C167.051 96.0151 169.82 99.1897 173.459 99.8321V124.587C173.459 125.333 174.065 125.938 174.811 125.938H183.249V164.75C183.249 165.495 183.854 166.101 184.6 166.101C185.346 166.101 185.951 165.495 185.951 164.75V124.587C185.951 123.841 185.346 123.236 184.6 123.236H176.162V99.8321C179.809 99.1898 182.577 96.0153 182.577 92.1835C182.577 87.9015 179.1 84.4241 174.81 84.4241C170.528 84.4241 167.051 87.9013 167.051 92.1835H167.051ZM174.811 87.1262C172.02 87.1262 169.753 89.3927 169.753 92.1835C169.753 94.9816 172.02 97.2481 174.811 97.2481C177.609 97.2481 179.875 94.9816 179.875 92.1835C179.875 89.3927 177.609 87.1262 174.811 87.1262Z" className="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M162.207 139.433C161.565 143.08 158.39 145.849 154.559 145.849C150.277 145.849 146.799 142.372 146.799 138.09C146.799 133.8 150.276 130.323 154.559 130.323C158.39 130.323 161.565 133.091 162.207 136.738H175.149C175.895 136.738 176.5 137.344 176.5 138.089V164.748C176.5 165.494 175.895 166.099 175.149 166.099C174.404 166.099 173.798 165.494 173.798 164.748V139.431L162.207 139.433ZM149.501 138.09C149.501 135.291 151.768 133.025 154.559 133.025C157.357 133.025 159.623 135.291 159.623 138.09C159.623 140.88 157.357 143.147 154.559 143.147C151.768 143.147 149.501 140.88 149.501 138.09Z" className="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M215.653 83.4138C215.653 87.3562 218.591 90.6121 222.4 91.1067V107.378H212.95C212.205 107.378 211.599 107.976 211.599 108.722V158.002C211.599 158.748 212.205 159.353 212.95 159.353C213.696 159.353 214.301 158.748 214.301 158.002V110.074H223.751C224.497 110.074 225.103 109.468 225.103 108.722V90.989C228.572 90.2212 231.178 87.1203 231.178 83.4142C231.178 79.1249 227.701 75.6475 223.412 75.6475C219.122 75.6475 215.652 79.1247 215.652 83.4142L215.653 83.4138ZM223.412 78.3492C220.614 78.3492 218.347 80.6157 218.347 83.4138C218.347 86.212 220.614 88.4785 223.412 88.4785C226.21 88.4785 228.477 86.212 228.477 83.4138C228.477 80.6157 226.21 78.3492 223.412 78.3492Z" className="fill-white" />
|
||||
<path d="M233.872 104.336C233.872 103.59 233.267 102.985 232.521 102.985C231.776 102.985 231.178 103.59 231.178 104.336V120.874H221.728C220.982 120.874 220.376 121.479 220.376 122.225V164.75C220.376 165.495 220.982 166.101 221.728 166.101C222.473 166.101 223.071 165.495 223.071 164.75V123.576H232.521C233.267 123.576 233.872 122.971 233.872 122.225V104.336Z" className="fill-white" />
|
||||
<path d="M241.971 124.588C242.717 124.588 243.322 125.193 243.322 125.939V143.827C243.322 144.573 242.717 145.178 241.971 145.178H232.521V164.749C232.521 165.495 231.923 166.1 231.177 166.1C230.432 166.1 229.826 165.495 229.826 164.749V143.827C229.826 143.081 230.432 142.476 231.177 142.476H240.627V125.938C240.627 125.193 241.225 124.587 241.971 124.587V124.588Z" className="fill-white" />
|
||||
</svg>
|
||||
|
||||
}
|
9
components/icons/TallCard/env.js
Normal file
9
components/icons/TallCard/env.js
Normal file
@ -0,0 +1,9 @@
|
||||
export default function EnvironmentIcon({ className }) {
|
||||
return <svg width="409" height="230" viewBox="0 0 409 230" className={className} xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="0.339844" width="408" height="230" rx="10" fill="#869F93" />
|
||||
<path d="M156.92 70.66C152.387 70.66 148.7 74.3473 148.7 78.88V141.9H141.85C140.94 141.884 140.469 142.703 140.48 143.27V148.75C140.48 154.037 144.783 158.34 150.07 158.34H256.93C262.218 158.34 266.52 154.037 266.52 148.75V143.27C266.52 142.553 265.867 141.9 265.15 141.9H258.3V78.88C258.3 74.3473 254.613 70.66 250.08 70.66H156.92ZM156.92 73.4H250.08C253.141 73.4 255.544 75.8189 255.56 78.88V141.9H151.44V78.88C151.44 75.8189 153.859 73.4 156.92 73.4ZM143.22 144.64H263.78V148.75C263.78 152.571 260.751 155.6 256.93 155.6H150.07C146.249 155.6 143.22 152.571 143.22 148.75V144.64Z" className="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M189.603 100.041V101.137C189.603 101.443 189.368 101.682 189.057 101.682H172.651C172.345 101.682 172.105 101.443 172.105 101.137V100.041C172.105 99.7352 172.345 99.496 172.651 99.496H189.057C189.363 99.496 189.603 99.7352 189.603 100.041Z" className="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M171.166 92.2333L163.201 100.194C162.982 100.417 162.639 100.417 162.416 100.194L161.564 99.3426C161.341 99.1198 161.341 98.7766 161.564 98.5538L168.277 91.8408L161.564 85.1239C161.341 84.9011 161.341 84.5579 161.564 84.3392L162.416 83.4833C162.639 83.2604 162.982 83.2604 163.201 83.4833L171.166 91.4444C171.389 91.6673 171.389 92.0104 171.166 92.2333V92.2333Z" className="fill-white" />
|
||||
</svg>
|
||||
|
||||
}
|
7
components/icons/TallCard/full.js
Normal file
7
components/icons/TallCard/full.js
Normal file
@ -0,0 +1,7 @@
|
||||
export default function FullStackIcon({ className }) {
|
||||
return <svg width="408" height="230" viewBox="0 0 408 230" className={className} xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="408" height="230" rx="10" fill="#579BC0" />
|
||||
<path d="M203.515 55.4776C203.368 55.5216 203.228 55.5804 203.104 55.6538L120.384 97.0138C119.752 97.337 119.355 97.9832 119.355 98.6882C119.355 99.3932 119.752 100.047 120.384 100.363L203.104 141.723C203.618 141.98 204.227 141.98 204.749 141.723L287.469 100.363C288.093 100.047 288.489 99.3932 288.489 98.6882C288.489 97.9832 288.093 97.3369 287.469 97.0138L204.749 55.6538C204.367 55.4555 203.933 55.3968 203.515 55.4776ZM203.926 59.4139L282.474 98.7172L203.926 137.962L125.378 98.7247L203.926 59.4214V59.4139ZM286.704 114.041C286.389 114.063 286.087 114.165 285.823 114.334L203.927 155.283L122.03 114.334C121.758 114.188 121.457 114.107 121.149 114.099C120.275 114.114 119.518 114.731 119.342 115.59C119.159 116.449 119.592 117.316 120.385 117.683L203.105 159.043C203.619 159.3 204.229 159.3 204.75 159.043L287.47 117.683C288.344 117.367 288.858 116.449 288.667 115.532C288.469 114.621 287.639 113.982 286.706 114.041L286.704 114.041ZM286.704 131.361C286.389 131.383 286.087 131.485 285.823 131.654L203.927 172.603L122.03 131.654C121.758 131.508 121.457 131.427 121.149 131.419C120.275 131.434 119.526 132.051 119.342 132.91C119.159 133.769 119.592 134.636 120.385 135.003L203.105 176.363C203.619 176.62 204.229 176.62 204.75 176.363L287.47 135.003C288.344 134.687 288.858 133.769 288.667 132.852C288.469 131.941 287.639 131.302 286.706 131.361L286.704 131.361Z" className="fill-white" />
|
||||
</svg>
|
||||
|
||||
}
|
19
components/icons/TallCard/hoon.js
Normal file
19
components/icons/TallCard/hoon.js
Normal file
@ -0,0 +1,19 @@
|
||||
export default function HoonIcon({ className }) {
|
||||
return <svg width="408" height="230" viewBox="0 0 408 230" className={className} xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="408" height="230" fill="#A4D9BF" />
|
||||
<path d="M129.949 65.8403C129.921 64.2003 130.189 62.8811 130.753 61.8826C131.316 60.8842 132.047 60.1572 132.946 59.7017C133.854 59.2462 134.811 59.0179 135.818 59.0167C136.824 59.0156 137.741 59.2368 138.57 59.6805C139.408 60.1142 140.364 60.7997 141.438 61.737C142.168 62.3685 142.749 62.8124 143.183 63.0688C143.627 63.3251 144.11 63.453 144.633 63.4524C145.482 63.4514 146.153 63.1444 146.647 62.5313C147.141 61.9084 147.379 61.009 147.36 59.8334L150.557 59.8298C150.585 61.4697 150.317 62.7889 149.753 63.7874C149.2 64.7859 148.469 65.5128 147.561 65.9683C146.652 66.4238 145.695 66.6522 144.689 66.6533C143.682 66.6545 142.765 66.4382 141.937 66.0044C141.108 65.5608 140.152 64.8703 139.068 63.933C138.348 63.3015 137.767 62.8576 137.323 62.6013C136.879 62.3449 136.396 62.217 135.873 62.2176C135.074 62.2185 134.413 62.5009 133.889 63.0646C133.375 63.6184 133.128 64.5424 133.146 65.8366L129.949 65.8403Z" className="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.171 66.8691L170.795 66.9793L170.798 64.3711L267.174 64.2609L267.171 66.8691Z" class="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.072 152.939L129.021 153.097L129.024 150.489L267.075 150.331L267.072 152.939Z" class="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.111 119.033L170.735 119.143L170.738 116.535L267.114 116.424L267.111 119.033Z" class="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M228.079 85.171L129.098 85.2842L129.101 82.676L228.082 82.5628L228.079 85.171Z" class="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.15 85.1261L233.288 85.1648L233.291 82.5566L267.153 82.5179L267.15 85.1261Z" class="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M228.019 137.335L129.039 137.448L129.042 134.84L228.022 134.727L228.019 137.335Z" class="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M191.594 100.862L129.08 100.933L129.083 98.3252L191.597 98.2537L191.594 100.862Z" class="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M191.514 171.283L129 171.355L129.003 168.746L191.517 168.675L191.514 171.283Z" class="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M165.526 119.149L129.059 119.191L129.062 116.583L165.529 116.541L165.526 119.149Z" class="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.09 137.29L233.228 137.329L233.231 134.72L267.093 134.682L267.09 137.29Z" class="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.132 100.775L199.408 100.853L199.411 98.2446L267.135 98.1672L267.132 100.775Z" class="fill-white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.052 171.196L199.328 171.274L199.331 168.666L267.054 168.588L267.052 171.196Z" class="fill-white" />
|
||||
</svg>
|
||||
|
||||
}
|
@ -21,6 +21,10 @@ import {
|
||||
getNextPost,
|
||||
} from "@urbit/foundation-design-system";
|
||||
import { Comms, Ringsig, Squad } from "../../components/icons";
|
||||
import HoonIcon from "../../components/icons/TallCard/hoon";
|
||||
import EnvironmentIcon from "../../components/icons/TallCard/env";
|
||||
import AppIcon from "../../components/icons/TallCard/app";
|
||||
import FullStackIcon from "../../components/icons/TallCard/full";
|
||||
import guidesTree from "../../cache/guides.json";
|
||||
import { join } from "path";
|
||||
|
||||
@ -173,7 +177,7 @@ function Landing({ search }) {
|
||||
description="Learn how to get your urbit development environment configured"
|
||||
callout="View Guide"
|
||||
href="/guides/core/environment"
|
||||
image="/images/environment.svg"
|
||||
image={EnvironmentIcon}
|
||||
className="h-full"
|
||||
/>
|
||||
<TallCard
|
||||
@ -181,7 +185,7 @@ function Landing({ search }) {
|
||||
description="Learn the fundamentals of the Hoon programming language"
|
||||
callout="View Guide"
|
||||
href="/guides/core/hoon-school"
|
||||
image="/images/hoon.svg"
|
||||
image={HoonIcon}
|
||||
className="h-full"
|
||||
/>
|
||||
</TwoUp>
|
||||
@ -191,7 +195,7 @@ function Landing({ search }) {
|
||||
description="Learn how to build Urbit userspace applications by writing your own Gall agents"
|
||||
callout="View Guide"
|
||||
href="/guides/core/app-school"
|
||||
image="/images/app.svg"
|
||||
image={AppIcon}
|
||||
className="h-full"
|
||||
/>
|
||||
<TallCard
|
||||
@ -199,7 +203,7 @@ function Landing({ search }) {
|
||||
description="Learn how to create Gall agents and integrate them into a React front-end"
|
||||
callout="View Guide"
|
||||
href="/guides/core/app-school-full-stack"
|
||||
image="/images/fullstack.svg"
|
||||
image={FullStackIcon}
|
||||
className="h-full"
|
||||
/>
|
||||
</TwoUp>
|
||||
@ -293,7 +297,7 @@ function Landing({ search }) {
|
||||
</Section>
|
||||
</SingleColumn>
|
||||
<Footer />
|
||||
</Container>
|
||||
</Container >
|
||||
);
|
||||
}
|
||||
|
||||
|
@ -26,6 +26,8 @@ import {
|
||||
} from "../components/icons";
|
||||
import Card from "../components/Card";
|
||||
import TallCard from "../components/TallCard";
|
||||
import HoonIcon from "../components/icons/TallCard/hoon";
|
||||
import AppIcon from "../components/icons/TallCard/app";
|
||||
|
||||
export default function Home({ search, posts }) {
|
||||
return (
|
||||
@ -138,7 +140,7 @@ export default function Home({ search, posts }) {
|
||||
description="Learn the fundamentals of the Hoon programming language"
|
||||
callout="View Guide"
|
||||
href="/guides/core/hoon-school"
|
||||
image="/images/hoon.svg"
|
||||
image={HoonIcon}
|
||||
className="h-full"
|
||||
/>
|
||||
<TallCard
|
||||
@ -146,7 +148,7 @@ export default function Home({ search, posts }) {
|
||||
description="Learn how to build Urbit userspace applications by writing your own Gall agents"
|
||||
callout="View Guide"
|
||||
href="/guides/core/app-school"
|
||||
image="/images/app.svg"
|
||||
image={AppIcon}
|
||||
className="h-full"
|
||||
/>
|
||||
</TwoUp>
|
||||
|
@ -1,10 +0,0 @@
|
||||
<svg width="408" height="230" viewBox="0 0 408 230" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="408" height="230" fill="#92ABD0"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M203.16 56.075C198.878 56.075 195.4 59.5522 195.4 63.8343C195.4 67.7841 198.339 71.04 202.148 71.5346V163.583C198.671 164.351 196.072 167.452 196.072 171.165C196.072 175.447 199.55 178.925 203.839 178.925C208.121 178.925 211.598 175.448 211.598 171.165C211.598 167.216 208.66 163.96 204.851 163.465V71.4165C208.328 70.6486 210.927 67.5478 210.927 63.8343C210.927 59.5524 207.449 56.075 203.16 56.075ZM198.103 63.8343C198.103 61.0436 200.369 58.7771 203.16 58.7771C205.958 58.7771 208.224 61.0436 208.224 63.8343C208.224 66.6325 205.958 68.899 203.16 68.899C200.369 68.899 198.103 66.6325 198.103 63.8343ZM198.774 171.166C198.774 168.367 201.041 166.101 203.839 166.101C206.63 166.101 208.896 168.367 208.896 171.166C208.896 173.956 206.63 176.223 203.839 176.223C201.041 176.223 198.774 173.956 198.774 171.166Z" className="fill-white"/>
|
||||
<path d="M195.401 82.7333C195.401 81.9877 194.796 81.3896 194.05 81.3896C193.305 81.3896 192.699 81.9877 192.699 82.7333V158.001C192.699 158.746 193.305 159.352 194.05 159.352C194.796 159.352 195.401 158.746 195.401 158.001V82.7333Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M167.051 92.1835C167.051 96.0151 169.82 99.1897 173.459 99.8321V124.587C173.459 125.333 174.065 125.938 174.811 125.938H183.249V164.75C183.249 165.495 183.854 166.101 184.6 166.101C185.346 166.101 185.951 165.495 185.951 164.75V124.587C185.951 123.841 185.346 123.236 184.6 123.236H176.162V99.8321C179.809 99.1898 182.577 96.0153 182.577 92.1835C182.577 87.9015 179.1 84.4241 174.81 84.4241C170.528 84.4241 167.051 87.9013 167.051 92.1835H167.051ZM174.811 87.1262C172.02 87.1262 169.753 89.3927 169.753 92.1835C169.753 94.9816 172.02 97.2481 174.811 97.2481C177.609 97.2481 179.875 94.9816 179.875 92.1835C179.875 89.3927 177.609 87.1262 174.811 87.1262Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M162.207 139.433C161.565 143.08 158.39 145.849 154.559 145.849C150.277 145.849 146.799 142.372 146.799 138.09C146.799 133.8 150.276 130.323 154.559 130.323C158.39 130.323 161.565 133.091 162.207 136.738H175.149C175.895 136.738 176.5 137.344 176.5 138.089V164.748C176.5 165.494 175.895 166.099 175.149 166.099C174.404 166.099 173.798 165.494 173.798 164.748V139.431L162.207 139.433ZM149.501 138.09C149.501 135.291 151.768 133.025 154.559 133.025C157.357 133.025 159.623 135.291 159.623 138.09C159.623 140.88 157.357 143.147 154.559 143.147C151.768 143.147 149.501 140.88 149.501 138.09Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M215.653 83.4138C215.653 87.3562 218.591 90.6121 222.4 91.1067V107.378H212.95C212.205 107.378 211.599 107.976 211.599 108.722V158.002C211.599 158.748 212.205 159.353 212.95 159.353C213.696 159.353 214.301 158.748 214.301 158.002V110.074H223.751C224.497 110.074 225.103 109.468 225.103 108.722V90.989C228.572 90.2212 231.178 87.1203 231.178 83.4142C231.178 79.1249 227.701 75.6475 223.412 75.6475C219.122 75.6475 215.652 79.1247 215.652 83.4142L215.653 83.4138ZM223.412 78.3492C220.614 78.3492 218.347 80.6157 218.347 83.4138C218.347 86.212 220.614 88.4785 223.412 88.4785C226.21 88.4785 228.477 86.212 228.477 83.4138C228.477 80.6157 226.21 78.3492 223.412 78.3492Z" className="fill-white"/>
|
||||
<path d="M233.872 104.336C233.872 103.59 233.267 102.985 232.521 102.985C231.776 102.985 231.178 103.59 231.178 104.336V120.874H221.728C220.982 120.874 220.376 121.479 220.376 122.225V164.75C220.376 165.495 220.982 166.101 221.728 166.101C222.473 166.101 223.071 165.495 223.071 164.75V123.576H232.521C233.267 123.576 233.872 122.971 233.872 122.225V104.336Z" className="fill-white"/>
|
||||
<path d="M241.971 124.588C242.717 124.588 243.322 125.193 243.322 125.939V143.827C243.322 144.573 242.717 145.178 241.971 145.178H232.521V164.749C232.521 165.495 231.923 166.1 231.177 166.1C230.432 166.1 229.826 165.495 229.826 164.749V143.827C229.826 143.081 230.432 142.476 231.177 142.476H240.627V125.938C240.627 125.193 241.225 124.587 241.971 124.587V124.588Z" className="fill-white"/>
|
||||
</svg>
|
Before Width: | Height: | Size: 4.1 KiB |
@ -1,6 +0,0 @@
|
||||
<svg width="409" height="230" viewBox="0 0 409 230" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="0.339844" width="408" height="230" rx="10" fill="#869F93"/>
|
||||
<path d="M156.92 70.66C152.387 70.66 148.7 74.3473 148.7 78.88V141.9H141.85C140.94 141.884 140.469 142.703 140.48 143.27V148.75C140.48 154.037 144.783 158.34 150.07 158.34H256.93C262.218 158.34 266.52 154.037 266.52 148.75V143.27C266.52 142.553 265.867 141.9 265.15 141.9H258.3V78.88C258.3 74.3473 254.613 70.66 250.08 70.66H156.92ZM156.92 73.4H250.08C253.141 73.4 255.544 75.8189 255.56 78.88V141.9H151.44V78.88C151.44 75.8189 153.859 73.4 156.92 73.4ZM143.22 144.64H263.78V148.75C263.78 152.571 260.751 155.6 256.93 155.6H150.07C146.249 155.6 143.22 152.571 143.22 148.75V144.64Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M189.603 100.041V101.137C189.603 101.443 189.368 101.682 189.057 101.682H172.651C172.345 101.682 172.105 101.443 172.105 101.137V100.041C172.105 99.7352 172.345 99.496 172.651 99.496H189.057C189.363 99.496 189.603 99.7352 189.603 100.041Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M171.166 92.2333L163.201 100.194C162.982 100.417 162.639 100.417 162.416 100.194L161.564 99.3426C161.341 99.1198 161.341 98.7766 161.564 98.5538L168.277 91.8408L161.564 85.1239C161.341 84.9011 161.341 84.5579 161.564 84.3392L162.416 83.4833C162.639 83.2604 162.982 83.2604 163.201 83.4833L171.166 91.4444C171.389 91.6673 171.389 92.0104 171.166 92.2333V92.2333Z" className="fill-white"/>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.5 KiB |
@ -1,4 +0,0 @@
|
||||
<svg width="408" height="230" viewBox="0 0 408 230" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="408" height="230" rx="10" fill="#579BC0"/>
|
||||
<path d="M203.515 55.4776C203.368 55.5216 203.228 55.5804 203.104 55.6538L120.384 97.0138C119.752 97.337 119.355 97.9832 119.355 98.6882C119.355 99.3932 119.752 100.047 120.384 100.363L203.104 141.723C203.618 141.98 204.227 141.98 204.749 141.723L287.469 100.363C288.093 100.047 288.489 99.3932 288.489 98.6882C288.489 97.9832 288.093 97.3369 287.469 97.0138L204.749 55.6538C204.367 55.4555 203.933 55.3968 203.515 55.4776ZM203.926 59.4139L282.474 98.7172L203.926 137.962L125.378 98.7247L203.926 59.4214V59.4139ZM286.704 114.041C286.389 114.063 286.087 114.165 285.823 114.334L203.927 155.283L122.03 114.334C121.758 114.188 121.457 114.107 121.149 114.099C120.275 114.114 119.518 114.731 119.342 115.59C119.159 116.449 119.592 117.316 120.385 117.683L203.105 159.043C203.619 159.3 204.229 159.3 204.75 159.043L287.47 117.683C288.344 117.367 288.858 116.449 288.667 115.532C288.469 114.621 287.639 113.982 286.706 114.041L286.704 114.041ZM286.704 131.361C286.389 131.383 286.087 131.485 285.823 131.654L203.927 172.603L122.03 131.654C121.758 131.508 121.457 131.427 121.149 131.419C120.275 131.434 119.526 132.051 119.342 132.91C119.159 133.769 119.592 134.636 120.385 135.003L203.105 176.363C203.619 176.62 204.229 176.62 204.75 176.363L287.47 135.003C288.344 134.687 288.858 133.769 288.667 132.852C288.469 131.941 287.639 131.302 286.706 131.361L286.704 131.361Z" className="fill-white"/>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.5 KiB |
@ -1,16 +0,0 @@
|
||||
<svg width="408" height="230" viewBox="0 0 408 230" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="408" height="230" fill="#A4D9BF"/>
|
||||
<path d="M129.949 65.8403C129.921 64.2003 130.189 62.8811 130.753 61.8826C131.316 60.8842 132.047 60.1572 132.946 59.7017C133.854 59.2462 134.811 59.0179 135.818 59.0167C136.824 59.0156 137.741 59.2368 138.57 59.6805C139.408 60.1142 140.364 60.7997 141.438 61.737C142.168 62.3685 142.749 62.8124 143.183 63.0688C143.627 63.3251 144.11 63.453 144.633 63.4524C145.482 63.4514 146.153 63.1444 146.647 62.5313C147.141 61.9084 147.379 61.009 147.36 59.8334L150.557 59.8298C150.585 61.4697 150.317 62.7889 149.753 63.7874C149.2 64.7859 148.469 65.5128 147.561 65.9683C146.652 66.4238 145.695 66.6522 144.689 66.6533C143.682 66.6545 142.765 66.4382 141.937 66.0044C141.108 65.5608 140.152 64.8703 139.068 63.933C138.348 63.3015 137.767 62.8576 137.323 62.6013C136.879 62.3449 136.396 62.217 135.873 62.2176C135.074 62.2185 134.413 62.5009 133.889 63.0646C133.375 63.6184 133.128 64.5424 133.146 65.8366L129.949 65.8403Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.171 66.8691L170.795 66.9793L170.798 64.3711L267.174 64.2609L267.171 66.8691Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.072 152.939L129.021 153.097L129.024 150.489L267.075 150.331L267.072 152.939Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.111 119.033L170.735 119.143L170.738 116.535L267.114 116.424L267.111 119.033Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M228.079 85.171L129.098 85.2842L129.101 82.676L228.082 82.5628L228.079 85.171Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.15 85.1261L233.288 85.1648L233.291 82.5566L267.153 82.5179L267.15 85.1261Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M228.019 137.335L129.039 137.448L129.042 134.84L228.022 134.727L228.019 137.335Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M191.594 100.862L129.08 100.933L129.083 98.3252L191.597 98.2537L191.594 100.862Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M191.514 171.283L129 171.355L129.003 168.746L191.517 168.675L191.514 171.283Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M165.526 119.149L129.059 119.191L129.062 116.583L165.529 116.541L165.526 119.149Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.09 137.29L233.228 137.329L233.231 134.72L267.093 134.682L267.09 137.29Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.132 100.775L199.408 100.853L199.411 98.2446L267.135 98.1672L267.132 100.775Z" className="fill-white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.052 171.196L199.328 171.274L199.331 168.666L267.054 168.588L267.052 171.196Z" className="fill-white"/>
|
||||
</svg>
|
Before Width: | Height: | Size: 2.9 KiB |
Loading…
Reference in New Issue
Block a user