mirror of
https://github.com/tlsnotary/website.git
synced 2026-01-09 14:58:09 -05:00
refactor: card section layout/images
This commit is contained in:
Chance
@@ -15,17 +15,42 @@
|
||||
max-height: 150px;
|
||||
}
|
||||
|
||||
.card-text-project {
|
||||
line-height: 125%;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
font-weight: 700;
|
||||
font-size: 1.5rem;
|
||||
padding-block: 1.5rem;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
align-self: flex-start;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.card-footer {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
border-top: 2px solid #9EA3A7;
|
||||
padding-top: 1rem;
|
||||
margin-top: 2.5rem;
|
||||
/* flex-wrap: wrap;
|
||||
background-color: transparent;
|
||||
padding: 1em 0em;
|
||||
border-top: 2px solid var(--gray);
|
||||
align-self: stretch;
|
||||
align-self: stretch; */
|
||||
}
|
||||
|
||||
.docs-links {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.social-links {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.card-footer .btn {
|
||||
@@ -43,9 +68,9 @@
|
||||
}
|
||||
|
||||
.icon {
|
||||
height: 1.35rem;
|
||||
padding-block: 0.125rem;
|
||||
padding-inline-end: 0.35rem;
|
||||
height: 2rem;
|
||||
padding-bottom: calc(2rem - var(--padding));
|
||||
padding-inline: 1.125rem;
|
||||
}
|
||||
|
||||
.link-title {
|
||||
|
||||
@@ -1,8 +1,9 @@
|
||||
import globe from "../images/globe.svg";
|
||||
import globe from "../images/website.svg";
|
||||
import github from "../images/github.svg";
|
||||
import discord from "../images/discord.svg";
|
||||
import twitter from "../images/twitter.svg";
|
||||
import telegram from "../images/telegram.svg";
|
||||
import link from "../images/box_arrow_out.svg";
|
||||
import "./ProjectCard.css";
|
||||
import ColorHash from "color-hash";
|
||||
|
||||
@@ -81,11 +82,11 @@ function renderBanner(name: string): any {
|
||||
|
||||
function renderDescription(description: string | string[]): any {
|
||||
if (typeof description === "string") {
|
||||
return <p className="card-text">{description}</p>;
|
||||
return <p className="card-text-project">{description}</p>;
|
||||
}
|
||||
return description.map((text: string, index: number) => {
|
||||
return (
|
||||
<p className="card-text" key={index}>
|
||||
<p className="card-text-project" key={index}>
|
||||
{text}
|
||||
</p>
|
||||
);
|
||||
@@ -93,13 +94,21 @@ function renderDescription(description: string | string[]): any {
|
||||
}
|
||||
|
||||
function ProjectCard(props: ProjectCardProps) {
|
||||
let links = props.links
|
||||
const docLinks = props.links
|
||||
? props.links.map((link) => {
|
||||
if (link.github) {
|
||||
return renderLink(link.github, "github", github);
|
||||
} else if (link.website) {
|
||||
return renderLink(link.website, "website", globe);
|
||||
} else if (link.discord) {
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
})
|
||||
: null;
|
||||
|
||||
const socialLinks = props.links
|
||||
? props.links.map((link) => {
|
||||
if (link.discord) {
|
||||
return renderLink(link.discord, "discord", discord);
|
||||
} else if (link.twitter) {
|
||||
return renderLink(link.twitter, "twitter", twitter);
|
||||
@@ -137,13 +146,24 @@ function ProjectCard(props: ProjectCardProps) {
|
||||
})();
|
||||
|
||||
return (
|
||||
<div className="card border border-dark p-4">
|
||||
<div className="card border border-dark">
|
||||
{img}
|
||||
<div className="card-body">
|
||||
<h3>{props.name}</h3>
|
||||
<div style={{ display: 'flex' }}>
|
||||
<div className="card-title">{props.name}</div>
|
||||
<div style={{ width: '0.8125rem' }} />
|
||||
<img src={link} />
|
||||
</div>
|
||||
{renderDescription(props.description)}
|
||||
</div>
|
||||
<div className="card-footer">{links}</div>
|
||||
<div className="card-footer">
|
||||
<div className="docs-links">
|
||||
{docLinks}
|
||||
</div>
|
||||
<div className="social-links">
|
||||
{socialLinks}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -4,8 +4,8 @@
|
||||
|
||||
#Projects > p {
|
||||
font-size: 1.125rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
font-weight: 400;
|
||||
line-height: 120%;
|
||||
}
|
||||
|
||||
#Projects .Cards {
|
||||
|
||||
@@ -5,12 +5,14 @@ import { shuffleFisherYates } from '../Utils';
|
||||
import './Projects.css'
|
||||
|
||||
function Projects() {
|
||||
let [cards] = useState<any[]>([CreateCards(ProjectData, true)]);
|
||||
const [cards] = useState<any[]>([CreateCards(ProjectData, true)]);
|
||||
|
||||
return (
|
||||
<div id="Projects">
|
||||
<h1 className="ProjectTitle mb-3 mt-5">What we are working on</h1>
|
||||
<p className="mb-5">Explore how we integrate ZK primitives into decentralized applications</p>
|
||||
<h1 className="">What we are working on</h1>
|
||||
<div style={{ height: '1.375rem' }} />
|
||||
<p className="">Explore how we integrate ZK primitives into decentralized applications</p>
|
||||
<div style={{ height: '4.4375rem' }} />
|
||||
<div className="Cards">{cards}</div>
|
||||
</div>
|
||||
);
|
||||
@@ -28,4 +30,4 @@ function CreateCards(cards: ProjectCardProps[], shuffle: boolean = true): JSX.El
|
||||
}
|
||||
|
||||
return _cards
|
||||
}
|
||||
}
|
||||
|
||||
3
src/images/box_arrow_out.svg
Normal file
3
src/images/box_arrow_out.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.375 0.7499C11.3751 0.335686 11.7109 -5.52194e-05 12.1251 6.81216e-09L17.7494 0.00074998C18.1635 0.000805188 18.4992 0.336515 18.4993 0.75065L18.5 6.3749C18.5001 6.78911 18.1643 7.12495 17.7501 7.125C17.3359 7.12506 17.0001 6.78931 17 6.3751L16.9995 2.5611L11.5276 8.03301C11.2347 8.3259 10.7598 8.3259 10.4669 8.03301C10.174 7.74012 10.174 7.26524 10.4669 6.97235L15.9388 1.50051L12.1249 1.5C11.7107 1.49994 11.3749 1.16411 11.375 0.7499ZM2 3C1.60217 3 1.22064 3.15804 0.93934 3.43934C0.658036 3.72064 0.5 4.10217 0.5 4.5V16.5C0.5 16.8978 0.658035 17.2794 0.93934 17.5607C1.22065 17.842 1.60218 18 2 18H14C14.3978 18 14.7794 17.842 15.0607 17.5607C15.342 17.2794 15.5 16.8978 15.5 16.5V10.5C15.5 10.0858 15.1642 9.75 14.75 9.75C14.3358 9.75 14 10.0858 14 10.5V16.5H2L2 4.5H8C8.41421 4.5 8.75 4.16421 8.75 3.75C8.75 3.33579 8.41421 3 8 3H2Z" fill="#151616"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1014 B |
@@ -1,10 +1,3 @@
|
||||
<svg width="71" height="55" viewBox="0 0 71 55" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_588_2154)">
|
||||
<path d="M60.1045 4.8978C55.5792 2.8214 50.7265 1.2916 45.6527 0.415419C45.5603 0.398509 45.468 0.440768 45.4204 0.525288C44.7963 1.6353 44.105 3.0834 43.6209 4.2216C38.1637 3.4046 32.7345 3.4046 27.3892 4.2216C26.905 3.0581 26.1886 1.6353 25.5617 0.525288C25.5141 0.443588 25.4218 0.401329 25.3294 0.415419C20.2584 1.2888 15.4057 2.8186 10.8776 4.8978C10.8384 4.9147 10.8048 4.9429 10.7825 4.9795C1.57795 18.7309 -0.943561 32.1443 0.293408 45.3914C0.299005 45.4562 0.335386 45.5182 0.385761 45.5576C6.45866 50.0174 12.3413 52.7249 18.1147 54.5195C18.2071 54.5477 18.305 54.5139 18.3638 54.4378C19.7295 52.5728 20.9469 50.6063 21.9907 48.5383C22.0523 48.4172 21.9935 48.2735 21.8676 48.2256C19.9366 47.4931 18.0979 46.6 16.3292 45.5858C16.1893 45.5041 16.1781 45.304 16.3068 45.2082C16.679 44.9293 17.0513 44.6391 17.4067 44.3461C17.471 44.2926 17.5606 44.2813 17.6362 44.3151C29.2558 49.6202 41.8354 49.6202 53.3179 44.3151C53.3935 44.2785 53.4831 44.2898 53.5502 44.3433C53.9057 44.6363 54.2779 44.9293 54.6529 45.2082C54.7816 45.304 54.7732 45.5041 54.6333 45.5858C52.8646 46.6197 51.0259 47.4931 49.0921 48.2228C48.9662 48.2707 48.9102 48.4172 48.9718 48.5383C50.038 50.6034 51.2554 52.5699 52.5959 54.435C52.6519 54.5139 52.7526 54.5477 52.845 54.5195C58.6464 52.7249 64.529 50.0174 70.6019 45.5576C70.6551 45.5182 70.6887 45.459 70.6943 45.3942C72.1747 30.0791 68.2147 16.7757 60.1968 4.9823C60.1772 4.9429 60.1437 4.9147 60.1045 4.8978ZM23.7259 37.3253C20.2276 37.3253 17.3451 34.1136 17.3451 30.1693C17.3451 26.225 20.1717 23.0133 23.7259 23.0133C27.308 23.0133 30.1626 26.2532 30.1066 30.1693C30.1066 34.1136 27.28 37.3253 23.7259 37.3253ZM47.3178 37.3253C43.8196 37.3253 40.9371 34.1136 40.9371 30.1693C40.9371 26.225 43.7636 23.0133 47.3178 23.0133C50.9 23.0133 53.7545 26.2532 53.6986 30.1693C53.6986 34.1136 50.9 37.3253 47.3178 37.3253Z" fill="#373A3E"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_588_2154">
|
||||
<rect width="71" height="55" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<svg width="33" height="26" viewBox="0 0 33 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M27.4888 2.91418C25.4677 1.98683 23.3004 1.3036 21.0344 0.912286C20.9931 0.904734 20.9519 0.923607 20.9306 0.961355C20.6519 1.4571 20.3432 2.10384 20.127 2.61218C17.6897 2.24729 15.2649 2.24729 12.8777 2.61218C12.6614 2.09254 12.3415 1.4571 12.0615 0.961355C12.0402 0.924867 11.999 0.905993 11.9577 0.912286C9.69294 1.30235 7.52566 1.98558 5.50335 2.91418C5.48584 2.92173 5.47084 2.93432 5.46088 2.95067C1.35 9.09223 0.223856 15.0828 0.776304 20.9992C0.778803 21.0281 0.795052 21.0558 0.81755 21.0734C3.52979 23.0652 6.15706 24.2744 8.73554 25.0759C8.7768 25.0885 8.82053 25.0734 8.84679 25.0394C9.45673 24.2065 10.0004 23.3282 10.4666 22.4046C10.4941 22.3505 10.4679 22.2864 10.4116 22.265C9.54922 21.9378 8.72803 21.539 7.93811 21.086C7.87563 21.0495 7.87063 20.9601 7.92811 20.9174C8.09434 20.7928 8.26061 20.6632 8.41934 20.5323C8.44805 20.5084 8.48807 20.5034 8.52183 20.5185C13.7113 22.8878 19.3295 22.8878 24.4578 20.5185C24.4915 20.5021 24.5316 20.5072 24.5615 20.5311C24.7203 20.6619 24.8865 20.7928 25.054 20.9174C25.1115 20.9601 25.1077 21.0495 25.0452 21.086C24.2553 21.5478 23.4341 21.9378 22.5705 22.2637C22.5142 22.2851 22.4892 22.3505 22.5167 22.4046C22.9929 23.3269 23.5366 24.2052 24.1353 25.0382C24.1603 25.0734 24.2053 25.0885 24.2466 25.0759C26.8376 24.2744 29.4648 23.0652 32.177 21.0734C32.2008 21.0558 32.2158 21.0294 32.2183 21.0004C32.8795 14.1605 31.1109 8.21901 27.53 2.95192C27.5212 2.93432 27.5063 2.92173 27.4888 2.91418ZM11.2416 17.3967C9.67919 17.3967 8.39182 15.9624 8.39182 14.2008C8.39182 12.4392 9.65422 11.0048 11.2416 11.0048C12.8414 11.0048 14.1163 12.4518 14.0913 14.2008C14.0913 15.9624 12.8289 17.3967 11.2416 17.3967ZM21.778 17.3967C20.2157 17.3967 18.9283 15.9624 18.9283 14.2008C18.9283 12.4392 20.1907 11.0048 21.778 11.0048C23.3779 11.0048 24.6528 12.4518 24.6278 14.2008C24.6278 15.9624 23.3779 17.3967 21.778 17.3967Z" fill="#282A2D"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.0 KiB |
@@ -1,4 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 0.296997C5.37 0.296997 0 5.67 0 12.297C0 17.6 3.438 22.097 8.205 23.682C8.805 23.795 9.025 23.424 9.025 23.105C9.025 22.82 9.015 22.065 9.01 21.065C5.672 21.789 4.968 19.455 4.968 19.455C4.422 18.07 3.633 17.7 3.633 17.7C2.546 16.956 3.717 16.971 3.717 16.971C4.922 17.055 5.555 18.207 5.555 18.207C6.625 20.042 8.364 19.512 9.05 19.205C9.158 18.429 9.467 17.9 9.81 17.6C7.145 17.3 4.344 16.268 4.344 11.67C4.344 10.36 4.809 9.29 5.579 8.45C5.444 8.147 5.039 6.927 5.684 5.274C5.684 5.274 6.689 4.952 8.984 6.504C9.944 6.237 10.964 6.105 11.984 6.099C13.004 6.105 14.024 6.237 14.984 6.504C17.264 4.952 18.269 5.274 18.269 5.274C18.914 6.927 18.509 8.147 18.389 8.45C19.154 9.29 19.619 10.36 19.619 11.67C19.619 16.28 16.814 17.295 14.144 17.59C14.564 17.95 14.954 18.686 14.954 19.81C14.954 21.416 14.939 22.706 14.939 23.096C14.939 23.411 15.149 23.786 15.764 23.666C20.565 22.092 24 17.592 24 12.297C24 5.67 18.627 0.296997 12 0.296997" fill="#151616"/>
|
||||
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.5 0C7.66 0 0.5 7.16 0.5 16C0.5 23.08 5.08 29.06 11.44 31.18C12.24 31.32 12.54 30.84 12.54 30.42C12.54 30.04 12.52 28.78 12.52 27.44C8.5 28.18 7.46 26.46 7.14 25.56C6.96 25.1 6.18 23.68 5.5 23.3C4.94 23 4.14 22.26 5.48 22.24C6.74 22.22 7.64 23.4 7.94 23.88C9.38 26.3 11.68 25.62 12.6 25.2C12.74 24.16 13.16 23.46 13.62 23.06C10.06 22.66 6.34 21.28 6.34 15.16C6.34 13.42 6.96 11.98 7.98 10.86C7.82 10.46 7.26 8.82 8.14 6.62C8.14 6.62 9.48 6.2 12.54 8.26C13.82 7.9 15.18 7.72 16.54 7.72C17.9 7.72 19.26 7.9 20.54 8.26C23.6 6.18 24.94 6.62 24.94 6.62C25.82 8.82 25.26 10.46 25.1 10.86C26.12 11.98 26.74 13.4 26.74 15.16C26.74 21.3 23 22.66 19.44 23.06C20.02 23.56 20.52 24.52 20.52 26.02C20.52 28.16 20.5 29.88 20.5 30.42C20.5 30.84 20.8 31.34 21.6 31.18C24.7765 30.108 27.5367 28.0667 29.4921 25.3435C31.4474 22.6204 32.4994 19.3525 32.5 16C32.5 7.16 25.34 0 16.5 0Z" fill="#282A2D"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 998 B |
@@ -1 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240"><path d="M222.51 19.53c-2.674.083-5.354.78-7.783 1.872-4.433 1.702-51.103 19.78-97.79 37.834C93.576 68.27 70.25 77.28 52.292 84.2 34.333 91.12 21.27 96.114 19.98 96.565c-4.28 1.502-10.448 3.905-14.582 8.76-2.066 2.428-3.617 6.794-1.804 10.53 1.812 3.74 5.303 5.804 10.244 7.69l.152.058.156.048c17.998 5.55 45.162 14.065 48.823 15.213.95 3.134 12.412 40.865 18.65 61.285 1.602 4.226 6.357 7.058 10.773 6.46.794.027 2.264.014 3.898-.378 2.383-.57 5.454-1.924 8.374-4.667l.002-.002c4.153-3.9 18.925-18.373 23.332-22.693l48.27 35.643.18.11s4.368 2.894 10.134 3.284c2.883.195 6.406-.33 9.455-2.556 3.05-2.228 5.25-5.91 6.352-10.71 3.764-16.395 29.428-138.487 33.83-158.837 2.742-10.348 1.442-18.38-3.7-22.872-2.59-2.26-5.675-3.275-8.827-3.395-.394-.015-.788-.016-1.183-.004zm.545 10.02c1.254.02 2.26.365 2.886.91 1.252 1.093 2.878 4.386.574 12.944-12.437 55.246-23.276 111.71-33.87 158.994-.73 3.168-1.752 4.323-2.505 4.873-.754.552-1.613.744-2.884.658-2.487-.17-5.36-1.72-5.488-1.79l-78.207-57.745c7.685-7.266 59.17-55.912 87.352-81.63 3.064-2.95.584-8.278-3.53-8.214-5.294 1.07-9.64 4.85-14.437 7.212-34.79 20.36-100.58 60.213-106.402 63.742-3.04-.954-30.89-9.686-49.197-15.332-2.925-1.128-3.962-2.02-4.344-2.36.007-.01.002.004.01-.005 1.362-1.6 6.97-4.646 10.277-5.807 2.503-.878 14.633-5.544 32.6-12.467 17.965-6.922 41.294-15.938 64.653-24.97 32.706-12.647 65.46-25.32 98.137-37.98 1.617-.75 3.12-1.052 4.375-1.032zM100.293 158.41l19.555 14.44c-5.433 5.32-18.327 17.937-21.924 21.322l2.37-35.762z" color="#000"/></svg>
|
||||
<svg width="33" height="24" viewBox="0 0 33 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M32.4074 2.16378L27.5788 22.0888C27.2145 23.495 26.2645 23.845 24.9145 23.1825L17.5574 18.4388L14.0074 21.4263C13.6145 21.77 13.286 22.0575 12.5288 22.0575L13.0574 15.5013L26.6931 4.72003C27.286 4.25753 26.5645 4.00128 25.7717 4.46378L8.91453 13.7513L1.65738 11.7638C0.0788087 11.3325 0.0502372 10.3825 1.98595 9.72003L30.3717 0.151282C31.686 -0.279967 32.836 0.407532 32.4074 2.16378Z" fill="#282A2D"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 516 B |
@@ -1,10 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_588_2159)">
|
||||
<path d="M24 4.55699C23.117 4.94899 22.168 5.21299 21.172 5.33199C22.189 4.72299 22.97 3.75799 23.337 2.60799C22.386 3.17199 21.332 3.58199 20.21 3.80299C19.313 2.84599 18.032 2.24799 16.616 2.24799C13.437 2.24799 11.101 5.21399 11.819 8.29299C7.728 8.08799 4.1 6.12799 1.671 3.14899C0.381 5.36199 1.002 8.25699 3.194 9.72299C2.388 9.69699 1.628 9.47599 0.965 9.10699C0.911 11.388 2.546 13.522 4.914 13.997C4.221 14.185 3.462 14.229 2.69 14.081C3.316 16.037 5.134 17.46 7.29 17.5C5.22 19.123 2.612 19.848 0 19.54C2.179 20.937 4.768 21.752 7.548 21.752C16.69 21.752 21.855 14.031 21.543 7.10599C22.505 6.41099 23.34 5.54399 24 4.55699V4.55699Z" fill="#373A3E"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_588_2159">
|
||||
<rect width="24" height="24" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<svg width="33" height="27" viewBox="0 0 33 27" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.552 26.9999C22.628 26.9999 29.234 16.9939 29.234 8.33192C29.234 8.05192 29.234 7.76792 29.222 7.48792C30.5081 6.55689 31.6181 5.40422 32.5 4.08392C31.2986 4.61362 30.0255 4.96273 28.722 5.11992C30.0951 4.2992 31.1234 3.00786 31.616 1.48592C30.326 2.25017 28.914 2.78667 27.442 3.07192C26.4524 2.01797 25.1428 1.31976 23.7162 1.08544C22.2895 0.851116 20.8254 1.09376 19.5507 1.7758C18.2759 2.45783 17.2616 3.54118 16.6649 4.85804C16.0682 6.1749 15.9224 7.65179 16.25 9.05992C13.6395 8.92902 11.0856 8.25086 8.75409 7.06941C6.42254 5.88796 4.36537 4.22961 2.716 2.20192C1.87868 3.64809 1.62315 5.35872 2.00129 6.98645C2.37944 8.61418 3.36291 10.037 4.752 10.9659C3.71108 10.9306 2.69304 10.651 1.78 10.1499V10.2399C1.78179 11.7549 2.30661 13.2228 3.26575 14.3954C4.22488 15.5681 5.5595 16.3737 7.044 16.6759C6.48053 16.8312 5.89846 16.9085 5.314 16.9059C4.90197 16.9072 4.49076 16.869 4.086 16.7919C4.50557 18.096 5.32255 19.2363 6.42249 20.0529C7.52244 20.8695 8.85027 21.3216 10.22 21.3459C7.89311 23.1735 5.0188 24.1647 2.06 24.1599C1.53864 24.1621 1.01765 24.1321 0.5 24.0699C3.50303 25.9844 6.9906 27.001 10.552 26.9999Z" fill="#282A2D"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 908 B After Width: | Height: | Size: 1.2 KiB |
3
src/images/website.svg
Normal file
3
src/images/website.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="25" height="28" viewBox="0 0 25 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.516 22H24.5V3.33329C24.5 2.62605 24.219 1.94777 23.719 1.44767C23.2189 0.947577 22.5406 0.666626 21.8333 0.666626H4.5C2.892 0.666626 0.5 1.73196 0.5 4.66663V23.3333C0.5 26.268 2.892 27.3333 4.5 27.3333H24.5V24.6666H4.516C3.9 24.6506 3.16667 24.4066 3.16667 23.3333C3.16667 22.26 3.9 22.016 4.516 22ZM7.16667 5.99996H19.1667V8.66663H7.16667V5.99996Z" fill="#282A2D"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 482 B |
@@ -43,7 +43,7 @@ body {
|
||||
|
||||
h1 {
|
||||
font-weight: 700;
|
||||
font-size: 48px;
|
||||
font-size: 3rem;
|
||||
color: var(--black);
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
|
||||
Reference in New Issue
Block a user