-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
15 changed files
with
748 additions
and
120 deletions.
There are no files selected for viewing
18 changes: 18 additions & 0 deletions
18
src/pages/advent-calendar-2024/assets/icons/icon-completed.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import { skinVars } from "@telefonica/mistica"; | ||
|
|
||
| const IconCompleted = ({ size }) => ( | ||
| <svg | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| width={size} | ||
| height={size} | ||
| viewBox="0 0 40 40" | ||
| fill="none" | ||
| > | ||
| <path | ||
| d="M35.5762 17.7789C34.1809 17.1429 33.7158 15.3964 34.5985 14.1435C35.804 12.435 34.4562 10.0999 32.3774 10.2898C30.8492 10.4322 29.5773 9.15075 29.7102 7.62256C29.9001 5.54383 27.565 4.18649 25.8565 5.40145C24.6036 6.2842 22.8571 5.8191 22.2211 4.42379C21.3478 2.5254 18.6521 2.5254 17.7789 4.42379C17.1429 5.8191 15.3964 6.2842 14.1435 5.40145C12.435 4.19598 10.0999 5.54383 10.2898 7.62256C10.4322 9.15075 9.15075 10.4227 7.62256 10.2898C5.54383 10.0999 4.18649 12.435 5.40145 14.1435C6.2842 15.3964 5.8191 17.1429 4.42379 17.7789C2.5254 18.6521 2.5254 21.3478 4.42379 22.2211C5.8191 22.8571 6.2842 24.6036 5.40145 25.8565C4.19598 27.565 5.54383 29.9001 7.62256 29.7102C9.15075 29.5678 10.4227 30.8492 10.2898 32.3774C10.0999 34.4562 12.435 35.8135 14.1435 34.5985C15.3964 33.7158 17.1429 34.1809 17.7789 35.5762C18.6521 37.4746 21.3478 37.4746 22.2211 35.5762C22.8571 34.1809 24.6036 33.7158 25.8565 34.5985C27.565 35.804 29.9001 34.4562 29.7102 32.3774C29.5678 30.8492 30.8492 29.5773 32.3774 29.7102C34.4562 29.9001 35.8135 27.565 34.5985 25.8565C33.7158 24.6036 34.1809 22.8571 35.5762 22.2211C37.4746 21.3478 37.4746 18.6521 35.5762 17.7789ZM26.7108 16.0798L18.6711 24.1195C18.4908 24.2998 18.2535 24.3948 17.9972 24.3948C17.7409 24.3948 17.5036 24.2903 17.3233 24.1195L13.2892 20.0854C12.919 19.7152 12.919 19.1173 13.2892 18.7471C13.6594 18.3769 14.2574 18.3769 14.6276 18.7471L17.9972 22.1167L25.3629 14.751C25.7331 14.3808 26.3311 14.3808 26.7013 14.751C27.0715 15.1212 27.0715 15.7192 26.7013 16.0893L26.7108 16.0798Z" | ||
| fill={skinVars.colors.brand} | ||
| /> | ||
| </svg> | ||
| ); | ||
|
|
||
| export default IconCompleted; |
20 changes: 20 additions & 0 deletions
20
src/pages/advent-calendar-2024/assets/icons/icon-lock-open.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| import { skinVars } from "@telefonica/mistica"; | ||
|
|
||
| const IconLockOpen = ({ size }) => ( | ||
| <svg | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| width={size} | ||
| height={size} | ||
| viewBox="0 0 40 40" | ||
| fill={skinVars.colors.neutralHigh} | ||
| > | ||
| <path | ||
| fill-rule="evenodd" | ||
| clip-rule="evenodd" | ||
| d="M29.2597 13.7133V16.5639H29.2501C30.7474 16.5639 31.9664 17.85 31.9856 19.4241V33.1398C31.9856 34.7235 30.7666 36 29.2597 36H10.7259C9.21896 36 8 34.7235 8 33.1398V19.4241C8 17.8404 9.21896 16.5639 10.7259 16.5639V16.5447H12.9142V16.5639H27.0714V13.7133C27.0714 9.62448 23.904 6.29394 19.9976 6.29394C17.4541 6.29394 15.2274 7.70486 13.9796 9.81644C13.778 10.1716 13.4133 10.4019 13.0102 10.4019C12.1656 10.4019 11.6281 9.4901 12.0504 8.75105C13.6629 5.91002 16.6191 4 19.9976 4C25.1038 4 29.2597 8.35753 29.2597 13.7133ZM28.3848 26.5786L28.3863 26.5747C28.4631 26.3827 28.4631 26.1716 28.3863 25.9796C28.3191 25.778 26.4763 20.8542 19.9976 20.8542C13.5559 20.8542 11.7068 25.7219 11.6104 25.9757L11.6089 25.9796C11.5321 26.1716 11.5321 26.3827 11.6089 26.5747C11.6761 26.7858 13.5189 31.7001 19.9976 31.7001C26.4393 31.7001 28.2884 26.8324 28.3848 26.5786ZM13.2605 26.2678C13.7308 25.3368 15.5161 22.5533 19.9984 22.5533C24.5095 22.5533 26.2659 25.3176 26.7362 26.2678C26.2659 27.1988 24.5095 29.9822 19.9984 29.9822C15.4873 29.9822 13.7308 27.218 13.2605 26.2678ZM17.6948 26.143C17.6948 27.4195 18.7218 28.4465 19.9984 28.4465C21.2749 28.4465 22.3019 27.4195 22.3019 26.143C22.3019 24.8665 21.2749 23.8395 19.9984 23.8395C18.7218 23.8395 17.6948 24.8665 17.6948 26.143Z" | ||
| fill="#0B2739" | ||
| /> | ||
| </svg> | ||
| ); | ||
|
|
||
| export default IconLockOpen; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,4 @@ | ||
| import IconCompleted from "./icon-completed"; | ||
| import IconLockOpen from "./icon-lock-open"; | ||
|
|
||
| export { IconCompleted, IconLockOpen }; |
127 changes: 127 additions & 0 deletions
127
src/pages/advent-calendar-2024/assets/illustrations/illustration-wishes-letter.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,127 @@ | ||
| const IllustrationWishesLetter = () => ( | ||
| <svg | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| width="204" | ||
| height="205" | ||
| viewBox="0 0 204 205" | ||
| fill="none" | ||
| > | ||
| <circle cx="49.6159" cy="153.063" r="48.6706" fill="#0066FF" /> | ||
| <rect | ||
| x="108.582" | ||
| y="107.201" | ||
| width="93.5973" | ||
| height="92.6613" | ||
| rx="15" | ||
| fill="#344A6A" | ||
| /> | ||
| <rect y="128.729" width="49.6066" height="3.74389" fill="white" /> | ||
| <rect | ||
| x="32.2725" | ||
| y="153.242" | ||
| width="32.9463" | ||
| height="51.0667" | ||
| fill="white" | ||
| /> | ||
| <rect | ||
| x="38.375" | ||
| y="153.064" | ||
| width="7.48778" | ||
| height="48.6706" | ||
| fill="#344A6A" | ||
| /> | ||
| <rect | ||
| x="52.4141" | ||
| y="153.064" | ||
| width="7.48778" | ||
| height="48.6706" | ||
| fill="#344A6A" | ||
| /> | ||
| <path | ||
| d="M49.1575 128.533L67.3469 148.301H30.9682L49.1575 128.533Z" | ||
| fill="white" | ||
| /> | ||
| <path | ||
| d="M49.1572 127.709L56.6469 136.357H41.6675L49.1572 127.709Z" | ||
| fill="#2D415F" | ||
| /> | ||
| <circle cx="9.38226" cy="5.34124" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="22.9379" cy="30.517" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="36.4946" cy="5.34124" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="50.0473" cy="30.517" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="63.6039" cy="5.34124" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="77.1606" cy="30.517" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="90.7162" cy="5.34124" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="104.27" cy="30.517" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="117.827" cy="5.34124" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="131.382" cy="30.517" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="144.937" cy="5.34124" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="158.492" cy="30.517" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="172.047" cy="5.34124" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="185.604" cy="30.517" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="199.159" cy="5.34124" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="9.38226" cy="54.7221" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="22.9379" cy="79.8969" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="36.4946" cy="54.7221" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="50.0473" cy="79.8969" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="63.6039" cy="54.7221" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="77.1606" cy="79.8969" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="90.7162" cy="54.7221" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="104.27" cy="79.8969" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="117.827" cy="54.7221" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="131.382" cy="79.8969" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="144.937" cy="54.7221" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="158.492" cy="79.8969" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="172.047" cy="54.7221" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="185.604" cy="79.8969" r="4.84124" fill="#E66C64" /> | ||
| <circle cx="199.159" cy="54.7221" r="4.84124" fill="#E66C64" /> | ||
| <rect | ||
| x="49.9844" | ||
| y="11.9951" | ||
| width="108.204" | ||
| height="62.1369" | ||
| rx="7" | ||
| fill="#273B58" | ||
| /> | ||
| <path | ||
| d="M134.43 40.9192C134.611 39.9978 135.689 40.0143 135.89 40.9209L136.86 40.9163C137.035 40.0049 138.128 40.0109 138.309 40.9152L139.084 40.8912C139.257 40.0015 140.367 40.0232 140.515 40.916L141.498 40.9149C141.677 40.0132 142.785 40.0017 142.947 40.916L143.776 40.9209C143.951 39.9618 145.085 39.9572 145.252 40.9209L146.224 40.918C146.341 39.9595 147.549 39.9649 147.668 40.9192H148.503L148.545 40.8764V39.8776C148.295 39.7829 148.059 39.697 147.936 39.4364C147.701 38.9393 148.047 38.4882 148.542 38.4052L148.517 37.3941C147.629 37.228 147.655 36.0972 148.542 35.951L148.546 35.0596C148.337 34.9817 148.156 34.9546 147.993 34.7848C147.506 34.2805 147.929 33.6142 148.542 33.554L148.546 32.6055C148.314 32.529 148.117 32.4868 147.95 32.2876C147.523 31.7771 147.965 31.1604 148.541 31.0988L148.546 30.2923C147.553 30.1237 147.522 28.9668 148.533 28.793L148.546 27.8374C147.551 27.677 147.529 26.5102 148.533 26.3389L148.546 25.4974C147.569 25.3484 147.515 24.1676 148.518 24.0127L148.544 23.0282C147.741 22.9628 147.461 21.9589 148.271 21.6239C148.369 21.5834 148.469 21.5857 148.545 21.5289V20.5729H147.611C147.641 21.8231 146.103 21.8157 146.14 20.5729H145.195C145.186 21.8197 143.687 21.8222 143.708 20.5729H142.887C142.962 21.8696 141.357 21.8616 141.417 20.5729H140.455C140.504 21.0734 140.22 21.5697 139.676 21.5446C139.235 21.5243 138.938 21.0218 139.005 20.6146C138.989 20.5715 138.952 20.5752 138.914 20.5718C138.704 20.5515 138.462 20.5898 138.248 20.5732C138.305 21.8633 136.717 21.8682 136.778 20.5732H135.816C135.878 21.8648 134.285 21.869 134.345 20.5732H133.553V21.5292L133.601 21.5668C134.624 21.6699 134.57 22.974 133.554 23.0276L133.552 23.9242C134.584 24.0221 134.621 25.2914 133.58 25.4084L133.554 26.3934C134.509 26.5261 134.509 27.7246 133.554 27.8511L133.552 28.8607C134.544 29.0199 134.573 30.1896 133.565 30.3591C133.559 30.4941 133.522 31.2409 133.58 31.2894C134.761 31.288 134.721 32.7938 133.553 32.7581L133.554 33.5275C134.551 33.653 134.564 34.8521 133.565 35.0111L133.551 35.8797C134.591 36.0215 134.617 37.268 133.554 37.3824L133.556 38.2916C134.466 38.4614 134.457 39.5857 133.553 39.7498V40.8764L133.596 40.9192H134.43Z" | ||
| fill="#E66C64" | ||
| /> | ||
| <rect | ||
| x="58.5547" | ||
| y="41.9922" | ||
| width="25.7118" | ||
| height="2.14265" | ||
| fill="white" | ||
| /> | ||
| <rect | ||
| x="58.5547" | ||
| y="46.2783" | ||
| width="25.7118" | ||
| height="2.14265" | ||
| fill="white" | ||
| /> | ||
| <rect | ||
| x="58.5547" | ||
| y="50.5625" | ||
| width="18.2125" | ||
| height="2.14265" | ||
| fill="white" | ||
| /> | ||
| <circle cx="119.62" cy="31.2787" r="10.7133" fill="#0066FF" /> | ||
| <path d="M160 180.5H149V199.5H160V180.5Z" fill="#273B58" /> | ||
| <path | ||
| d="M140.53 180.1V149.404C140.53 148.957 140.502 148.518 140.452 148.084L140.394 147.681C140.347 147.385 140.305 147.088 140.242 146.798L140.128 146.355C140.054 146.086 139.981 145.818 139.892 145.558C139.847 145.418 139.793 145.279 139.739 145.139C139.634 144.863 139.529 144.611 139.416 144.362C139.356 144.228 139.289 144.098 139.221 143.963C139.092 143.707 138.958 143.462 138.812 143.224L138.596 142.865C138.432 142.615 138.257 142.368 138.077 142.128L137.872 141.853C137.64 141.566 137.398 141.29 137.144 141.025L137.031 140.901C136.748 140.616 136.435 140.318 136.105 140.045L132.731 137.27H154.667H181.827C187.455 137.27 192.035 141.839 192.035 147.454V180.1H140.53Z" | ||
| fill="#0066FF" | ||
| /> | ||
| <path | ||
| d="M174.736 131.585L169.38 124.542L174.734 117.5H153.321V155.648C153.321 156.415 153.951 157.036 154.727 157.036C155.504 157.036 156.134 156.415 156.134 155.648V131.585H174.736Z" | ||
| fill="#E66C64" | ||
| /> | ||
| <path | ||
| d="M119.552 171.743V149.404C119.552 142.701 124.899 137.27 131.495 137.27C138.091 137.27 143.438 142.701 143.438 149.404V180.1H119.552V169.114" | ||
| fill="white" | ||
| /> | ||
| </svg> | ||
| ); | ||
| export default IllustrationWishesLetter; |
127 changes: 127 additions & 0 deletions
127
src/pages/advent-calendar-2024/assets/illustrations/illustration-wool-clothes.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,127 @@ | ||
| const IllustrationWishesCard = () => ( | ||
| <svg | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| width="223" | ||
| height="215" | ||
| viewBox="0 0 223 215" | ||
| fill="none" | ||
| > | ||
| <circle cx="163.5" cy="56.5" r="41.5" fill="#E66C64" /> | ||
| <rect | ||
| x="215" | ||
| y="111" | ||
| width="104" | ||
| height="208" | ||
| transform="rotate(90 215 111)" | ||
| fill="#313030" | ||
| /> | ||
| <rect | ||
| x="160.749" | ||
| y="30.7139" | ||
| width="5.55612" | ||
| height="52.3862" | ||
| fill="#313030" | ||
| /> | ||
| <rect | ||
| x="189.722" | ||
| y="54.1289" | ||
| width="5.55612" | ||
| height="52.3862" | ||
| transform="rotate(90 189.722 54.1289)" | ||
| fill="#313030" | ||
| /> | ||
| <rect | ||
| x="184.014" | ||
| y="73.4639" | ||
| width="5.55612" | ||
| height="52.3862" | ||
| transform="rotate(135 184.014 73.4639)" | ||
| fill="#313030" | ||
| /> | ||
| <rect | ||
| x="146.972" | ||
| y="77.3926" | ||
| width="5.55612" | ||
| height="52.3862" | ||
| transform="rotate(-135 146.972 77.3926)" | ||
| fill="#313030" | ||
| /> | ||
| <rect x="32" y="82" width="60" height="15" fill="#313030" /> | ||
| <path | ||
| d="M32 54C32 37.4315 45.4315 24 62 24C78.5685 24 92 37.4315 92 54V97H32V54Z" | ||
| fill="#0066FF" | ||
| /> | ||
| <circle cx="61" cy="12" r="12" fill="#313030" /> | ||
| <mask | ||
| id="mask0_558_2789" | ||
| style={{ maskType: "alpha" }} | ||
| maskUnits="userSpaceOnUse" | ||
| x="25" | ||
| y="54" | ||
| width="73" | ||
| height="22" | ||
| > | ||
| <rect | ||
| x="25.6582" | ||
| y="64.9736" | ||
| width="14.217" | ||
| height="14.217" | ||
| transform="rotate(-45 25.6582 64.9736)" | ||
| fill="#E6CE1E" | ||
| /> | ||
| <rect | ||
| x="42.7588" | ||
| y="64.9736" | ||
| width="14.217" | ||
| height="14.217" | ||
| transform="rotate(-45 42.7588 64.9736)" | ||
| fill="#E6CE1E" | ||
| /> | ||
| <rect | ||
| x="59.8594" | ||
| y="64.9736" | ||
| width="14.217" | ||
| height="14.217" | ||
| transform="rotate(-45 59.8594 64.9736)" | ||
| fill="#E6CE1E" | ||
| /> | ||
| <rect | ||
| x="76.96" | ||
| y="64.9736" | ||
| width="14.217" | ||
| height="14.217" | ||
| transform="rotate(-45 76.96 64.9736)" | ||
| fill="#E6CE1E" | ||
| /> | ||
| </mask> | ||
| <g mask="url(#mask0_558_2789)"> | ||
| <path d="M31.167 51.915H91.7718V75.9566H31.167V51.915Z" fill="#313030" /> | ||
| </g> | ||
| <path | ||
| d="M2 139L19.6613 121.857L37.3226 139L54.9839 121.857L72.6452 139L91.1895 121L109.734 139L128.278 121L146.823 139L165.367 121L183.911 139L202.456 121L221 139" | ||
| stroke="white" | ||
| strokeWidth="5" | ||
| /> | ||
| <path | ||
| d="M2 155L19.6613 137.857L37.3226 155L54.9839 137.857L72.6452 155L91.1895 137L109.734 155L128.278 137L146.823 155L165.367 137L183.911 155L202.456 137L221 155" | ||
| stroke="white" | ||
| strokeWidth="5" | ||
| /> | ||
| <path | ||
| d="M2 171L19.6613 153.857L37.3226 171L54.9839 153.857L72.6452 171L91.1895 153L109.734 171L128.278 153L146.823 171L165.367 153L183.911 171L202.456 153L221 171" | ||
| stroke="white" | ||
| strokeWidth="5" | ||
| /> | ||
| <path | ||
| d="M2 187L19.6613 169.857L37.3226 187L54.9839 169.857L72.6452 187L91.1895 169L109.734 187L128.278 169L146.823 187L165.367 169L183.911 187L202.456 169L221 187" | ||
| stroke="white" | ||
| strokeWidth="5" | ||
| /> | ||
| <path | ||
| d="M2 203L19.6613 185.857L37.3226 203L54.9839 185.857L72.6452 203L91.1895 185L109.734 203L128.278 185L146.823 203L165.367 185L183.911 203L202.456 185L221 203" | ||
| stroke="white" | ||
| strokeWidth="5" | ||
| /> | ||
| </svg> | ||
| ); | ||
| export default IllustrationWishesCard; |
4 changes: 4 additions & 0 deletions
4
src/pages/advent-calendar-2024/assets/illustrations/illustrations.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,4 @@ | ||
| import IllustrationWishesLetter from "./illustration-wishes-letter"; | ||
| import IllustrationWoolClothes from "./illustration-wool-clothes"; | ||
|
|
||
| export { IllustrationWishesLetter, IllustrationWoolClothes }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.