feat: add Espresso and Presentation logo components

sitcon-tw · Nov 21, 2024 · eb4c36e · eb4c36e
1 parent e13a050
commit eb4c36e
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 4 deletions.
diff --git a/app/cfp/_components/logos/espresso.tsx b/app/cfp/_components/logos/espresso.tsx
@@ -0,0 +1,22 @@
+export default function Espresso({
+  height = 84,
+  width = 84,
+}: {
+  height?: number;
+  width?: number;
+}) {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 84 84"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M32.9168 69.5C23.9793 69.5 16.3977 66.3872 10.172 60.1615C3.94634 53.9358 0.833496 46.3542 0.833496 37.4167V9.91667C0.833496 7.39583 1.73107 5.23785 3.5262 3.44271C5.32134 1.64757 7.47933 0.75 10.0002 0.75H67.2918C71.7224 0.75 75.5036 2.31597 78.6356 5.44792C81.7675 8.57986 83.3335 12.3611 83.3335 16.7917C83.3335 21.2222 81.7675 25.0035 78.6356 28.1354C75.5036 31.2674 71.7224 32.8333 67.2918 32.8333H65.0002V37.4167C65.0002 46.3542 61.8873 53.9358 55.6616 60.1615C49.4359 66.3872 41.8543 69.5 32.9168 69.5ZM10.0002 23.6667H55.8335V9.91667H10.0002V23.6667ZM32.9168 60.3333C39.2571 60.3333 44.6616 58.099 49.1304 53.6302C53.5991 49.1615 55.8335 43.7569 55.8335 37.4167V32.8333H10.0002V37.4167C10.0002 43.7569 12.2345 49.1615 16.7033 53.6302C21.172 58.099 26.5766 60.3333 32.9168 60.3333ZM65.0002 23.6667H67.2918C69.2016 23.6667 70.8248 22.9983 72.1616 21.6615C73.4984 20.3247 74.1668 18.7014 74.1668 16.7917C74.1668 14.8819 73.4984 13.2587 72.1616 11.9219C70.8248 10.5851 69.2016 9.91667 67.2918 9.91667H65.0002V23.6667ZM0.833496 83.25V74.0833H74.1668V83.25H0.833496Z"
+        className="fill-current"
+      />
+    </svg>
+  );
+}
diff --git a/app/cfp/_components/logos/presentation.tsx b/app/cfp/_components/logos/presentation.tsx
@@ -0,0 +1,22 @@
+export default function Presentation({
+  height = 83,
+  width = 83,
+}: {
+  height?: number;
+  width?: number;
+}) {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 83 86"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M43.7917 9.62492C43.7917 12.1458 42.8941 14.3037 41.099 16.0989C39.3038 17.894 37.1458 18.7916 34.625 18.7916C33.6319 18.7916 32.7153 18.6579 31.875 18.3905C31.0347 18.1232 30.1944 17.6839 29.3542 17.0728C27.5208 17.6839 26.0503 18.7916 24.9427 20.3958C23.8351 21.9999 23.2812 23.7569 23.2812 25.6666H82.75L78.1667 57.7499H55.7083V48.5833H70.2604C70.6424 46.2916 70.967 43.9999 71.2344 41.7083C71.5017 39.4166 71.8264 37.1249 72.2083 34.8333H10.7917C11.1736 37.1249 11.4983 39.4166 11.7656 41.7083C12.033 43.9999 12.3576 46.2916 12.7396 48.5833H27.2917V57.7499H4.83333L0.25 25.6666H14C14 21.9235 15.0312 18.5242 17.0938 15.4687C19.1562 12.4131 21.9444 10.1596 25.4583 8.70825C25.6875 6.3402 26.6806 4.37318 28.4375 2.80721C30.1944 1.24124 32.2569 0.458252 34.625 0.458252C37.1458 0.458252 39.3038 1.35582 41.099 3.15096C42.8941 4.9461 43.7917 7.10409 43.7917 9.62492ZM31.3021 76.0833H51.6979L54.3333 48.5833H28.6667L31.3021 76.0833ZM23.1667 85.2499L19.7292 49.4999C19.4236 46.8263 20.1875 44.4774 22.0208 42.453C23.8542 40.4287 26.1076 39.4166 28.7812 39.4166H54.2188C56.8924 39.4166 59.1458 40.4287 60.9792 42.453C62.8125 44.4774 63.5764 46.8263 63.2708 49.4999L59.8333 85.2499H23.1667Z"
+        className="fill-current"
+      />
+    </svg>
+  );
+}
diff --git a/app/cfp/page.tsx b/app/cfp/page.tsx
@@ -382,7 +382,7 @@ function TabletLayout() {
           <div className="flex-row pt-8">
             <a
               href="https://sitcon.org/donate"
-              className="text-accent hover:text-accent-light flex items-center justify-end text-h1 font-bold transition"
+              className="flex items-center justify-end text-h1 font-bold text-accent transition hover:text-accent-light"
             >
               我要贊助
               <span className="material-icons" style={{ fontSize: "62px" }}>
@@ -391,7 +391,7 @@ function TabletLayout() {
             </a>
             <a
               href="https://i.sitcon.org/2025cfs-form"
-              className="text-accent hover:text-accent-light flex items-center justify-end text-h2 font-bold transition"
+              className="flex items-center justify-end text-h2 font-bold text-accent transition hover:text-accent-light"
             >
               索取贊助徵求書
               <span className="material-icons" style={{ fontSize: "62px" }}>
@@ -442,7 +442,7 @@ function DesktopLayout() {
           <div className="flex-row pt-8">
             <a
               href="https://sitcon.org/donate"
-              className="text-accent hover:text-accent-light flex items-center justify-end text-h1 font-bold transition"
+              className="flex items-center justify-end text-h1 font-bold text-accent transition hover:text-accent-light"
             >
               我要贊助
               <span className="material-icons" style={{ fontSize: "66px" }}>
@@ -451,7 +451,7 @@ function DesktopLayout() {
             </a>
             <a
               href="https://i.sitcon.org/2025cfs-form"
-              className="text-accent hover:text-accent-light flex items-center justify-end text-h2 font-bold transition"
+              className="flex items-center justify-end text-h2 font-bold text-accent transition hover:text-accent-light"
             >
               索取贊助徵求書
               <span className="material-icons" style={{ fontSize: "53px" }}>