Skip to content

Commit edd7a14

Browse files
technoph1letechnoph1le
committed
Updated logo from gradient to solid
1 parent c4b281a commit edd7a14

File tree

8 files changed

+15
-50
lines changed

8 files changed

+15
-50
lines changed

‎public/favicon/android-chrome-192x192.png

-28 KB
Loading

‎public/favicon/android-chrome-512x512.png

-161 KB
Loading

‎public/favicon/apple-touch-icon.png

-25.2 KB
Loading

‎public/favicon/favicon-16x16.png

-272 Bytes
Loading

‎public/favicon/favicon-32x32.png

-857 Bytes
Loading

‎public/favicon/favicon.ico

0 Bytes
Binary file not shown.

‎src/components/Icons.tsx

Lines changed: 9 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,62 +1,27 @@
11
const DEFAULT_ICON_COLOR = "var(--clr-neutral-200)";
22
const ACCENT_ICON_COLOR = "var(--clr-accent)";
33

4-
export const LogoIcon = () => (
4+
export const LogoIcon = ({ fillColor = ACCENT_ICON_COLOR }) => (
55
<svg
6-
width="44"
6+
width="43"
77
height="30"
8-
viewBox="0 0 44 30"
8+
viewBox="0 0 43 30"
99
fill="none"
1010
xmlns="http://www.w3.org/2000/svg"
1111
>
1212
<path
13-
d="M11.1623 3.96725C8.96775 3.96725 7.9365 4.62725 8.0685 5.94725L8.5635 11.021C8.58 11.1695 8.58825 11.384 8.58825 11.6645C8.58825 12.4565 8.3985 13.067 8.019 13.496C7.6395 13.9085 7.05375 14.189 6.26175 14.3375C7.07025 14.486 7.656 14.7665 8.019 15.179C8.3985 15.575 8.58825 16.1772 8.58825 16.9857C8.58825 17.2662 8.58 17.489 8.5635 17.654L8.0685 22.7277C8.0025 23.4537 8.25 23.9653 8.811 24.2623C9.372 24.5593 10.1558 24.7078 11.1623 24.7078V26.366C9.67725 26.366 8.4645 26.1103 7.524 25.5988C6.5835 25.0873 6.11325 24.221 6.11325 23C6.11325 22.7855 6.1215 22.6205 6.138 22.505L6.65775 17.8025C6.67425 17.687 6.6825 17.522 6.6825 17.3075C6.6825 16.5815 6.41025 16.0452 5.86575 15.6987C5.32125 15.3522 4.33125 15.179 2.89575 15.179V13.496C4.33125 13.496 5.32125 13.331 5.86575 13.001C6.41025 12.6545 6.6825 12.1182 6.6825 11.3922C6.6825 11.1942 6.67425 11.0375 6.65775 10.922L6.138 6.17C6.1215 6.0545 6.11325 5.8895 6.11325 5.675C6.11325 4.454 6.5835 3.58775 7.524 3.07625C8.4645 2.56475 9.67725 2.309 11.1623 2.309V3.96725Z"
14-
fill="url(#paint0_linear_11_2)"
13+
d="M11.0123 3.81725C8.81785 3.81725 7.7866 4.47726 7.9186 5.79726L8.4136 10.871C8.4301 11.0195 8.43835 11.234 8.43835 11.5145C8.43835 12.3065 8.2486 12.917 7.8691 13.346C7.4896 13.7585 6.90385 14.039 6.11185 14.1875C6.92035 14.336 7.5061 14.6165 7.8691 15.029C8.2486 15.425 8.43835 16.0273 8.43835 16.8358C8.43835 17.1163 8.4301 17.339 8.4136 17.504L7.9186 22.5778C7.8526 23.3038 8.1001 23.8153 8.6611 24.1123C9.2221 24.4093 10.0058 24.5578 11.0123 24.5578V26.216C9.52735 26.216 8.3146 25.9603 7.3741 25.4488C6.4336 24.9373 5.96335 24.071 5.96335 22.85C5.96335 22.6355 5.9716 22.4705 5.9881 22.355L6.50785 17.6525C6.52435 17.537 6.5326 17.372 6.5326 17.1575C6.5326 16.4315 6.26035 15.8953 5.71585 15.5488C5.17135 15.2023 4.18135 15.029 2.74585 15.029V13.346C4.18135 13.346 5.17135 13.181 5.71585 12.851C6.26035 12.5045 6.5326 11.9683 6.5326 11.2423C6.5326 11.0443 6.52435 10.8875 6.50785 10.772L5.9881 6.02001C5.9716 5.90451 5.96335 5.73951 5.96335 5.525C5.96335 4.304 6.4336 3.43775 7.3741 2.92625C8.3146 2.41476 9.52735 2.15901 11.0123 2.15901V3.81725Z"
14+
fill={fillColor}
1515
/>
1616
<path
17-
d="M30.8281 13.3735L18.5599 25.9883C18.219 26.3378 17.6536 25.9329 17.8752 25.4982L22.2421 16.881C22.2751 16.8159 22.291 16.7435 22.288 16.6706C22.2851 16.5977 22.2635 16.5267 22.2253 16.4646C22.1871 16.4024 22.1335 16.3511 22.0698 16.3156C22.0061 16.28 21.9343 16.2614 21.8613 16.2616H12.6758C12.5919 16.2615 12.5099 16.2367 12.4401 16.1902C12.3702 16.1437 12.3157 16.0777 12.2832 16.0003C12.2507 15.9229 12.2418 15.8377 12.2576 15.7553C12.2734 15.6729 12.3131 15.597 12.3718 15.5371L23.7507 4.00902C24.0803 3.67518 24.6286 4.04169 24.4454 4.47497L21.1823 12.1674C21.1547 12.2327 21.1437 12.3037 21.1505 12.3742C21.1572 12.4447 21.1814 12.5125 21.2209 12.5713C21.2604 12.6301 21.3139 12.6781 21.3766 12.711C21.4393 12.7439 21.5092 12.7607 21.5801 12.7598L30.517 12.649C30.6013 12.6477 30.6842 12.6714 30.755 12.7171C30.8259 12.7629 30.8816 12.8286 30.915 12.9061C30.9485 12.9835 30.9582 13.0691 30.943 13.1521C30.9278 13.235 30.8883 13.3116 30.8295 13.3721L30.8281 13.3735Z"
18-
stroke="url(#paint1_linear_11_2)"
17+
d="M30.6782 13.2235L18.41 25.8383C18.0691 26.1878 17.5037 25.7829 17.7253 25.3482L22.0922 16.7309C22.1252 16.6659 22.1411 16.5935 22.1381 16.5206C22.1352 16.4477 22.1136 16.3767 22.0754 16.3146C22.0372 16.2524 21.9836 16.2011 21.9199 16.1656C21.8562 16.13 21.7844 16.1114 21.7114 16.1116H12.5259C12.442 16.1115 12.36 16.0867 12.2902 16.0402C12.2203 15.9937 12.1658 15.9277 12.1333 15.8503C12.1008 15.7729 12.0919 15.6877 12.1077 15.6053C12.1235 15.5229 12.1632 15.447 12.2219 15.3871L23.6008 3.85901C23.9304 3.52517 24.4787 3.89169 24.2955 4.32496L21.0324 12.0174C21.0048 12.0827 20.9938 12.1537 21.0006 12.2242C21.0073 12.2947 21.0315 12.3625 21.071 12.4213C21.1105 12.4801 21.164 12.5281 21.2267 12.561C21.2894 12.5939 21.3593 12.6107 21.4302 12.6098L30.3671 12.499C30.4514 12.4977 30.5343 12.5214 30.6051 12.5671C30.676 12.6129 30.7317 12.6786 30.7651 12.7561C30.7986 12.8335 30.8083 12.9191 30.7931 13.0021C30.7779 13.085 30.7384 13.1616 30.6796 13.2221L30.6782 13.2235Z"
18+
stroke={fillColor}
1919
strokeWidth="1.65"
2020
/>
2121
<path
22-
d="M31.8878 2.309C33.3728 2.309 34.5855 2.56475 35.526 3.07625C36.4665 3.58775 36.9368 4.454 36.9368 5.675C36.9368 5.8895 36.9285 6.0545 36.912 6.17L36.3923 10.922C36.3758 11.0045 36.3675 11.1282 36.3675 11.2932C36.3675 12.0357 36.6563 12.5885 37.2338 12.9515C37.8278 13.3145 38.8013 13.496 40.1543 13.496V15.179C38.7848 15.179 37.8113 15.3605 37.2338 15.7235C36.6563 16.0865 36.3675 16.6475 36.3675 17.4065C36.3675 17.5715 36.3758 17.7035 36.3923 17.8025L36.912 22.505C36.9285 22.6205 36.9368 22.7855 36.9368 23C36.9368 24.221 36.4665 25.0873 35.526 25.5988C34.5855 26.1103 33.3728 26.366 31.8878 26.366V24.7078C32.8943 24.7078 33.678 24.5593 34.239 24.2623C34.8 23.9653 35.0475 23.4537 34.9815 22.7277L34.4865 17.654C34.4535 17.324 34.437 17.1012 34.437 16.9857C34.437 16.1607 34.6433 15.5502 35.0558 15.1542C35.4683 14.7582 36.1365 14.4942 37.0605 14.3622C36.1695 14.1972 35.5095 13.9085 35.0805 13.496C34.668 13.067 34.4618 12.4482 34.4618 11.6397C34.4618 11.3757 34.47 11.1695 34.4865 11.021L34.9815 5.94725C35.1135 4.62725 34.0823 3.96725 31.8878 3.96725V2.309Z"
23-
fill="url(#paint2_linear_11_2)"
22+
d="M31.7378 2.15901C33.2228 2.15901 34.4355 2.41476 35.376 2.92625C36.3165 3.43775 36.7868 4.304 36.7868 5.525C36.7868 5.73951 36.7785 5.90451 36.762 6.02001L36.2423 10.772C36.2258 10.8545 36.2175 10.9783 36.2175 11.1433C36.2175 11.8858 36.5063 12.4385 37.0838 12.8015C37.6778 13.1645 38.6513 13.346 40.0043 13.346V15.029C38.6348 15.029 37.6613 15.2105 37.0838 15.5735C36.5063 15.9365 36.2175 16.4975 36.2175 17.2565C36.2175 17.4215 36.2258 17.5535 36.2423 17.6525L36.762 22.355C36.7785 22.4705 36.7868 22.6355 36.7868 22.85C36.7868 24.071 36.3165 24.9373 35.376 25.4488C34.4355 25.9603 33.2228 26.216 31.7378 26.216V24.5578C32.7443 24.5578 33.528 24.4093 34.089 24.1123C34.65 23.8153 34.8975 23.3038 34.8315 22.5778L34.3365 17.504C34.3035 17.174 34.287 16.9513 34.287 16.8358C34.287 16.0108 34.4933 15.4003 34.9058 15.0043C35.3183 14.6083 35.9865 14.3443 36.9105 14.2123C36.0195 14.0473 35.3595 13.7585 34.9305 13.346C34.518 12.917 34.3118 12.2983 34.3118 11.4898C34.3118 11.2258 34.32 11.0195 34.3365 10.871L34.8315 5.79726C34.9635 4.47726 33.9323 3.81725 31.7378 3.81725V2.15901Z"
23+
fill={fillColor}
2424
/>
25-
<defs>
26-
<linearGradient
27-
id="paint0_linear_11_2"
28-
x1="2.0336e-07"
29-
y1="14.6512"
30-
x2="15"
31-
y2="14.6512"
32-
gradientUnits="userSpaceOnUse"
33-
>
34-
<stop stopColor="#00B4D8" />
35-
<stop offset="1" stopColor="#2A2A2A" />
36-
</linearGradient>
37-
<linearGradient
38-
id="paint1_linear_11_2"
39-
x1="12.25"
40-
y1="14.7414"
41-
x2="30.95"
42-
y2="14.7414"
43-
gradientUnits="userSpaceOnUse"
44-
>
45-
<stop stopColor="#00B4D8" />
46-
<stop offset="1" stopColor="#2A2A2A" />
47-
</linearGradient>
48-
<linearGradient
49-
id="paint2_linear_11_2"
50-
x1="28.2"
51-
y1="14.6512"
52-
x2="43.2"
53-
y2="14.6512"
54-
gradientUnits="userSpaceOnUse"
55-
>
56-
<stop stopColor="#00B4D8" />
57-
<stop offset="1" stopColor="#2A2A2A" />
58-
</linearGradient>
59-
</defs>
6025
</svg>
6126
);
6227

‎src/layouts/Footer.tsx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
1-
import Logo from "../components/Logo";
2-
31
const Footer = () => {
42
return (
53
<>
64
<hr className="divider" />
75

86
<footer className="footer">
97
<div className="footer__content flow" data-flow-space="sm">
10-
<Logo />
118
<p>
12-
<b>QuickSnip</b> is your go-to collection of handy code snippets,
13-
making repetitive tasks easier and faster for developers across
14-
different programming languages.
9+
<a href="/" className="styled-link">
10+
QuickSnip
11+
</a>{" "}
12+
is your go-to collection of handy code snippets, making repetitive
13+
tasks easier and faster for developers across different programming
14+
languages.
1515
</p>
1616
<p>
1717
Built by{" "}

0 commit comments

Comments
 (0)