feat: different logo

helmerapp · May 3, 2024 · 70b4747 · 70b4747
1 parent c0b2d4f
commit 70b4747
Showing 1 changed file with 94 additions and 22 deletions.
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -9,30 +9,102 @@ import Titlebar from "../components/titlebar.astro";
 		<h1>Welcome to Helmer</h1>
 		<div id="logo">
 			<svg
-				width="309"
-				height="68"
-				viewBox="0 0 309 68"
+				width="480"
+				height="107"
+				viewBox="0 0 480 107"
 				fill="none"
 				xmlns="http://www.w3.org/2000/svg"
 			>
-				<path
-					d="M235.956 7.71321e-06L238.731 26.4408L228.059 27.5643C226.936 27.6825 226.445 28.4167 226.551 29.4294L230.223 64.4213L202.589 67.3304L199.035 33.4636C197.181 15.7989 208.322 2.90913 225.959 1.0525L235.956 7.71321e-06Z"
-					fill="#F2AC72"></path>
-				<path
-					d="M100.09 0.783691L127.206 3.63817L120.624 66.3616L93.5085 63.5071L100.09 0.783691Z"
-					fill="#F47271"></path>
-				<path
-					d="M21.4805 30.4908H19.9678L26.7246 47.7487L33.4871 65.107H0V2.03809H33.01L43.8687 24.1982L54.7274 2.03809H87.6366V65.107H54.1494L61.0128 47.7487L67.7696 30.4908H66.2569L52.7244 65.107H34.9121L21.4805 30.4908Z"
-					fill="#F2AC72"></path>
-				<path
-					d="M194.453 22.0733C191.629 14.7043 186.32 8.55721 179.445 4.69749C172.571 0.837777 164.565 -0.491293 156.815 0.94064C149.065 2.37257 142.06 6.47525 137.013 12.5376C131.966 18.5999 129.196 26.2398 129.183 34.1331C129.17 42.0264 131.914 49.6755 136.941 55.7548C141.967 61.834 148.959 65.9602 156.704 67.4181C164.449 68.8761 172.459 67.5739 179.347 63.7373C186.234 59.9007 191.564 53.7715 194.413 46.412L162.939 34.1898L194.453 22.0733Z"
-					fill="#0EB07D"></path>
-				<ellipse
-					cx="275.568"
-					cy="33.5724"
-					rx="33.4317"
-					ry="33.485"
-					fill="#F47271"></ellipse>
+				<g style="mix-blend-mode:lighten">
+					<circle
+						cx="428.5"
+						cy="55.5"
+						r="51.5"
+						fill="url(#paint0_angular_2323_291)"></circle>
+					<path
+						d="M369.48 3.3279e-06L373.754 40.666L357.315 42.3939C355.584 42.5758 354.828 43.705 354.992 45.2624L360.648 99.08L318.079 103.554L312.604 51.4671C309.749 24.2987 326.91 4.47424 354.079 1.61873L369.48 3.3279e-06Z"
+						fill="url(#paint1_radial_2323_291)"></path>
+					<path
+						d="M306.546 34.9489C302.196 23.6154 294.017 14.1612 283.427 8.22491C272.838 2.28866 260.505 0.244552 248.567 2.44687C236.628 4.64918 225.836 10.9591 218.062 20.283C210.288 29.6069 206.02 41.357 206 53.4969C205.98 65.6368 210.208 77.4012 217.951 86.7511C225.694 96.1009 236.464 102.447 248.395 104.689C260.326 106.932 272.666 104.929 283.275 99.0282C293.884 93.1274 302.095 83.7007 306.483 72.3818L258 53.584L306.546 34.9489Z"
+						fill="url(#paint2_angular_2323_291)"></path>
+					<path
+						d="M160.185 4.2052L201.954 8.5954L191.815 105.064L150.045 100.674L160.185 4.2052Z"
+						fill="url(#paint3_linear_2323_291)"></path>
+					<path
+						d="M133.596 9.11623C109.561 11.2154 87.1876 22.2334 70.8928 39.9952C54.598 57.757 45.5661 80.9717 45.5802 105.056L142 105L133.596 9.11623Z"
+						fill="url(#paint4_linear_2323_291)"></path>
+					<path
+						d="M10.9206 0.399558C37.1355 2.68903 61.5386 14.7043 79.314 34.0743C97.0895 53.4443 106.946 78.7618 106.938 105.031L1.75306 105L10.9206 0.399558Z"
+						fill="url(#paint5_linear_2323_291)"></path>
+				</g>
+				<defs>
+					<radialGradient
+						id="paint0_angular_2323_291"
+						cx="0"
+						cy="0"
+						r="1"
+						gradientUnits="userSpaceOnUse"
+						gradientTransform="translate(428.5 55.5) rotate(-175.559) scale(51.6551)"
+					>
+						<stop stop-color="white"></stop>
+						<stop offset="1" stop-color="#999999"></stop>
+					</radialGradient>
+					<radialGradient
+						id="paint1_radial_2323_291"
+						cx="0"
+						cy="0"
+						r="1"
+						gradientUnits="userSpaceOnUse"
+						gradientTransform="translate(343.779 51.7771) rotate(132.141) scale(77.1723 48.972)"
+					>
+						<stop stop-color="white"></stop>
+						<stop offset="1" stop-color="#999999"></stop>
+					</radialGradient>
+					<radialGradient
+						id="paint2_angular_2323_291"
+						cx="0"
+						cy="0"
+						r="1"
+						gradientUnits="userSpaceOnUse"
+						gradientTransform="translate(258 53.584) rotate(21.6156) scale(52.7065)"
+					>
+						<stop stop-color="white"></stop>
+						<stop offset="1" stop-color="#999999"></stop>
+					</radialGradient>
+					<linearGradient
+						id="paint3_linear_2323_291"
+						x1="162.5"
+						y1="4"
+						x2="183.5"
+						y2="105"
+						gradientUnits="userSpaceOnUse"
+					>
+						<stop stop-color="white"></stop>
+						<stop offset="1" stop-color="#999999"></stop>
+					</linearGradient>
+					<linearGradient
+						id="paint4_linear_2323_291"
+						x1="45.5802"
+						y1="8.74995"
+						x2="238.08"
+						y2="201.589"
+						gradientUnits="userSpaceOnUse"
+					>
+						<stop offset="0.14455" stop-color="#DAD8D8"></stop>
+						<stop offset="0.498308" stop-color="#747373"></stop>
+					</linearGradient>
+					<linearGradient
+						id="paint5_linear_2323_291"
+						x1="1.75306"
+						y1="6.20294e-06"
+						x2="1.75305"
+						y2="210"
+						gradientUnits="userSpaceOnUse"
+					>
+						<stop stop-color="white"></stop>
+						<stop offset="1" stop-color="#999999"></stop>
+					</linearGradient>
+				</defs>
 			</svg>
 		</div>
 		<p>
@@ -91,7 +163,7 @@ import Titlebar from "../components/titlebar.astro";
 	}
 
 	#logo svg {
-		width: 100%;
+		width: 300px;
 		height: 100%;
 	}