diff options
-rw-r--r-- | apps/website/config.ts | 4 | ||||
-rw-r--r-- | apps/website/public/media/oss/page_media_1.svg | 16 | ||||
-rw-r--r-- | apps/website/public/media/oss/page_media_2.svg | 11 | ||||
-rw-r--r-- | apps/website/public/media/oss/page_media_3.svg | 16 | ||||
-rw-r--r-- | apps/website/src/pages/oss.astro | 134 |
5 files changed, 181 insertions, 0 deletions
diff --git a/apps/website/config.ts b/apps/website/config.ts index bb52e9a..b8202f1 100644 --- a/apps/website/config.ts +++ b/apps/website/config.ts @@ -67,6 +67,10 @@ export const configConst = { text: 'Documentation', url: '/documentation', }, + { + text: 'Open source', + url: '/oss', + }, ], }, { diff --git a/apps/website/public/media/oss/page_media_1.svg b/apps/website/public/media/oss/page_media_1.svg new file mode 100644 index 0000000..15b0886 --- /dev/null +++ b/apps/website/public/media/oss/page_media_1.svg @@ -0,0 +1,16 @@ +<svg width="257" height="240" viewBox="0 0 257 240" fill="none" xmlns="http://www.w3.org/2000/svg"> + <path d="M158.701 238.846H97.5444C91.7438 238.846 85.9685 238.08 80.3789 236.568C74.8798 235.081 69.588 232.881 64.6506 230.029C59.7132 227.178 55.1633 223.693 51.1272 219.673C47.0246 215.587 43.4747 210.968 40.576 205.943L9.95471 152.866C7.0588 147.847 4.838 142.466 3.35404 136.875C1.89411 131.374 1.15387 125.696 1.15387 120C1.15387 114.303 1.89411 108.626 3.35404 103.125C4.838 97.5334 7.0588 92.1532 9.95471 87.1336L40.576 34.0567C43.4747 29.0323 47.0246 24.4128 51.1272 20.3265C55.1633 16.3064 59.7132 12.8221 64.6507 9.97049C69.5881 7.11881 74.8798 4.91888 80.3789 3.43182C85.9685 1.92024 91.7438 1.15381 97.5444 1.15381H158.701C164.502 1.15381 170.277 1.92024 175.867 3.43182C181.366 4.91888 186.658 7.11881 191.595 9.97049C196.532 12.8222 201.082 16.3064 205.118 20.3265C209.221 24.4128 212.771 29.0323 215.67 34.0567L246.291 87.1336C249.187 92.1532 251.408 97.5334 252.892 103.125C254.352 108.626 255.092 114.303 255.092 120C255.092 125.696 254.352 131.374 252.892 136.875C251.408 142.466 249.187 147.847 246.291 152.866L215.67 205.943C212.771 210.968 209.221 215.587 205.118 219.673C201.082 223.693 196.532 227.178 191.595 230.029C186.658 232.881 181.366 235.081 175.867 236.568C170.277 238.08 164.502 238.846 158.701 238.846Z" fill="#F3F8FF"/> + <path d="M97.5444 2.30769C91.8455 2.30769 86.1716 3.06065 80.6801 4.54566C75.2775 6.00668 70.0786 8.16801 65.2277 10.9697C60.3769 13.7714 55.9068 17.1945 51.9415 21.1441C47.9109 25.1586 44.4234 29.697 41.5755 34.6333L10.9542 87.7102C8.10903 92.6419 5.92719 97.9277 4.46932 103.421C3.03497 108.825 2.30771 114.403 2.30771 120C2.30771 125.597 3.03497 131.175 4.46932 136.579C5.92719 142.072 8.10903 147.358 10.9542 152.29L41.5755 205.367C44.4233 210.303 47.9109 214.841 51.9414 218.856C55.9067 222.805 60.3769 226.229 65.2277 229.03C70.0786 231.832 75.2775 233.993 80.6801 235.454C86.1715 236.939 91.8455 237.692 97.5444 237.692H158.701C164.4 237.692 170.074 236.939 175.566 235.454C180.968 233.993 186.167 231.832 191.018 229.03C195.869 226.229 200.339 222.805 204.304 218.856C208.335 214.841 211.822 210.303 214.67 205.367L245.291 152.29C248.137 147.358 250.318 142.072 251.776 136.579C253.211 131.175 253.938 125.597 253.938 120C253.938 114.403 253.211 108.825 251.776 103.421C250.318 97.9277 248.137 92.6419 245.291 87.7102L214.67 34.6333C211.822 29.697 208.335 25.1586 204.304 21.1441C200.339 17.1945 195.869 13.7714 191.018 10.9697C186.167 8.16801 180.968 6.00668 175.566 4.54566C170.074 3.06065 164.4 2.30769 158.701 2.30769H97.5444ZM97.5444 0H158.701C182.618 0 204.717 12.7636 216.669 33.4801L247.29 86.557C259.231 107.254 259.231 132.746 247.29 153.443L216.669 206.52C204.717 227.236 182.618 240 158.701 240H97.5444C73.6274 240 51.5284 227.236 39.5766 206.52L8.95528 153.443C-2.98509 132.746 -2.98509 107.254 8.95528 86.557L39.5766 33.4801C51.5284 12.7636 73.6274 0 97.5444 0Z" fill="white"/> + <g clip-path="url(#clip0_200_255)"> + <path d="M183 83.3333C183 73.2225 174.778 65 164.667 65C154.556 65 146.333 73.2225 146.333 83.3333C146.333 91.8583 152.186 99.045 160.083 101.085V101.667C160.083 109.248 153.914 115.417 146.333 115.417H109.667C104.51 115.417 99.7483 117.131 95.9167 120.009V101.085C103.814 99.045 109.667 91.8583 109.667 83.3333C109.667 73.2225 101.444 65 91.3333 65C81.2225 65 73 73.2225 73 83.3333C73 91.8583 78.8529 99.045 86.75 101.085V138.911C78.8529 140.95 73 148.137 73 156.662C73 166.773 81.2225 174.995 91.3333 174.995C101.444 174.995 109.667 166.773 109.667 156.662C109.667 148.137 103.814 140.95 95.9167 138.911V138.329C95.9167 130.748 102.086 124.579 109.667 124.579H146.333C158.97 124.579 169.25 114.298 169.25 101.662V101.08C177.147 99.0404 183 91.8583 183 83.3333Z" fill="url(#paint0_linear_200_255)"/> + </g> + <defs> + <linearGradient id="paint0_linear_200_255" x1="73" y1="65" x2="183" y2="175" gradientUnits="userSpaceOnUse"> + <stop stop-color="#1F6AED"/> + <stop offset="1" stop-color="#1051C2"/> + </linearGradient> + <clipPath id="clip0_200_255"> + <rect width="110" height="110" fill="white" transform="translate(73 65)"/> + </clipPath> + </defs> + </svg> diff --git a/apps/website/public/media/oss/page_media_2.svg b/apps/website/public/media/oss/page_media_2.svg new file mode 100644 index 0000000..fc4d213 --- /dev/null +++ b/apps/website/public/media/oss/page_media_2.svg @@ -0,0 +1,11 @@ +<svg width="257" height="240" viewBox="0 0 257 240" fill="none" xmlns="http://www.w3.org/2000/svg"> + <path d="M158.701 238.846H97.5444C91.7439 238.846 85.9686 238.08 80.3789 236.568C74.8798 235.081 69.5881 232.881 64.6507 230.029C59.7133 227.178 55.1633 223.693 51.1272 219.673C47.0247 215.587 43.4747 210.968 40.5761 205.943L9.95477 152.866C7.05886 147.847 4.83806 142.466 3.35411 136.875C1.89418 131.374 1.15393 125.696 1.15393 120C1.15393 114.303 1.89418 108.626 3.35411 103.125C4.83806 97.5334 7.05886 92.1532 9.95477 87.1336L40.5761 34.0567C43.4748 29.0323 47.0247 24.4128 51.1273 20.3265C55.1634 16.3064 59.7133 12.8221 64.6507 9.97049C69.5881 7.11881 74.8799 4.91888 80.3789 3.43182C85.9686 1.92024 91.7439 1.15381 97.5445 1.15381H158.701C164.502 1.15381 170.277 1.92024 175.867 3.43182C181.366 4.91888 186.658 7.11881 191.595 9.97049C196.532 12.8222 201.082 16.3064 205.118 20.3265C209.221 24.4128 212.771 29.0323 215.67 34.0567L246.291 87.1336C249.187 92.1532 251.408 97.5334 252.892 103.125C254.352 108.626 255.092 114.303 255.092 120C255.092 125.696 254.352 131.374 252.892 136.875C251.408 142.466 249.187 147.847 246.291 152.866L215.67 205.943C212.771 210.968 209.221 215.587 205.118 219.673C201.082 223.693 196.532 227.178 191.595 230.029C186.658 232.881 181.366 235.081 175.867 236.568C170.277 238.08 164.502 238.846 158.701 238.846Z" fill="#F3F8FF"/> + <path d="M97.5444 2.30769C91.8455 2.30769 86.1716 3.06065 80.6801 4.54566C75.2775 6.00668 70.0786 8.16801 65.2277 10.9697C60.3769 13.7714 55.9068 17.1945 51.9415 21.1441C47.9109 25.1586 44.4234 29.697 41.5755 34.6333L10.9542 87.7102C8.10903 92.6419 5.92719 97.9277 4.46932 103.421C3.03497 108.825 2.30771 114.403 2.30771 120C2.30771 125.597 3.03497 131.175 4.46932 136.579C5.92719 142.072 8.10903 147.358 10.9542 152.29L41.5755 205.367C44.4233 210.303 47.9109 214.841 51.9414 218.856C55.9067 222.805 60.3769 226.229 65.2277 229.03C70.0786 231.832 75.2775 233.993 80.6801 235.454C86.1715 236.939 91.8455 237.692 97.5444 237.692H158.701C164.4 237.692 170.074 236.939 175.566 235.454C180.968 233.993 186.167 231.832 191.018 229.03C195.869 226.229 200.339 222.805 204.304 218.856C208.335 214.841 211.822 210.303 214.67 205.367L245.291 152.29C248.137 147.358 250.318 142.072 251.776 136.579C253.211 131.175 253.938 125.597 253.938 120C253.938 114.403 253.211 108.825 251.776 103.421C250.318 97.9277 248.137 92.6419 245.291 87.7102L214.67 34.6333C211.822 29.697 208.335 25.1586 204.304 21.1441C200.339 17.1945 195.869 13.7714 191.018 10.9697C186.167 8.16801 180.968 6.00668 175.566 4.54566C170.074 3.06065 164.4 2.30769 158.701 2.30769H97.5444ZM97.5444 0H158.701C182.618 0 204.717 12.7636 216.669 33.4801L247.29 86.557C259.231 107.254 259.231 132.746 247.29 153.443L216.669 206.52C204.717 227.236 182.618 240 158.701 240H97.5444C73.6274 240 51.5284 227.236 39.5766 206.52L8.95528 153.443C-2.98509 132.746 -2.98509 107.254 8.95528 86.557L39.5766 33.4801C51.5284 12.7636 73.6274 0 97.5444 0Z" fill="white"/> + <path fill-rule="evenodd" clip-rule="evenodd" d="M146.635 69.9949C147.688 66.3434 151.49 64.2169 155.141 65.2694C158.793 66.3219 160.919 70.1238 159.867 73.7754L132.373 170.005C131.32 173.657 127.518 175.783 123.867 174.731C120.215 173.678 118.089 169.876 119.141 166.225L146.635 69.9949ZM172.454 100.797C169.773 98.1157 169.769 93.7635 172.443 91.0776C175.129 88.4032 179.481 88.4067 182.163 91.0881L206.22 115.146C208.905 117.831 208.905 122.191 206.22 124.876L182.163 148.933C179.478 151.618 175.118 151.618 172.433 148.933C169.748 146.248 169.748 141.888 172.433 139.203L191.636 120L172.454 100.797ZM96.8451 91.0667C99.53 88.3817 103.89 88.3817 106.575 91.0667C109.26 93.7516 109.26 98.1121 106.575 100.797L101.549 105.823H82.0883L96.8451 91.0667ZM74.8069 126.874L96.8451 148.912C99.53 151.597 103.89 151.597 106.575 148.912C109.26 146.227 109.26 141.866 106.575 139.181L94.2538 126.874H74.8069ZM75.9238 82.8401C72.1277 82.8401 69.0503 79.7627 69.0503 75.9665C69.0503 72.1704 72.1276 69.093 75.9238 69.093H86.8785C90.6747 69.093 93.7521 72.1704 93.7521 75.9665C93.7521 79.7627 90.6747 82.8401 86.8785 82.8401H75.9238ZM100.196 75.9665C100.196 79.7627 103.273 82.8401 107.07 82.8401H129.623C133.42 82.8401 136.497 79.7627 136.497 75.9665C136.497 72.1704 133.42 69.093 129.623 69.093H107.07C103.273 69.093 100.196 72.1704 100.196 75.9665ZM79.7902 168.115C79.7902 171.911 82.8676 174.988 86.6637 174.988H107.07C110.866 174.988 113.943 171.911 113.943 168.115C113.943 164.319 110.866 161.241 107.07 161.241H86.6637C82.8676 161.241 79.7902 164.319 79.7902 168.115ZM61.1028 168.115C61.1028 171.911 64.1802 174.988 67.9763 174.988C71.7725 174.988 74.8499 171.911 74.8499 168.115C74.8499 164.319 71.7725 161.241 67.9763 161.241C64.1802 161.241 61.1028 164.319 61.1028 168.115ZM48 116.349C48 120.145 51.0774 123.222 54.8736 123.222H104.707C108.503 123.222 111.58 120.145 111.58 116.349C111.58 112.552 108.503 109.475 104.707 109.475H54.8735C51.0774 109.475 48 112.552 48 116.349Z" fill="url(#paint0_linear_200_271)"/> + <defs> + <linearGradient id="paint0_linear_200_271" x1="70" y1="65" x2="178" y2="175" gradientUnits="userSpaceOnUse"> + <stop stop-color="#1F6AED"/> + <stop offset="1" stop-color="#1051C2"/> + </linearGradient> + </defs> + </svg> diff --git a/apps/website/public/media/oss/page_media_3.svg b/apps/website/public/media/oss/page_media_3.svg new file mode 100644 index 0000000..652a905 --- /dev/null +++ b/apps/website/public/media/oss/page_media_3.svg @@ -0,0 +1,16 @@ +<svg width="257" height="240" viewBox="0 0 257 240" fill="none" xmlns="http://www.w3.org/2000/svg"> + <path d="M158.701 238.846H97.5444C91.7438 238.846 85.9685 238.08 80.3789 236.568C74.8798 235.081 69.588 232.881 64.6506 230.029C59.7132 227.178 55.1633 223.693 51.1272 219.673C47.0246 215.587 43.4747 210.968 40.576 205.943L9.95471 152.866C7.0588 147.847 4.838 142.466 3.35404 136.875C1.89411 131.374 1.15387 125.696 1.15387 120C1.15387 114.303 1.89411 108.626 3.35404 103.125C4.838 97.5334 7.0588 92.1532 9.95471 87.1336L40.576 34.0567C43.4747 29.0323 47.0246 24.4128 51.1272 20.3265C55.1633 16.3064 59.7132 12.8221 64.6507 9.97049C69.5881 7.11881 74.8798 4.91888 80.3789 3.43182C85.9685 1.92024 91.7438 1.15381 97.5444 1.15381H158.701C164.502 1.15381 170.277 1.92024 175.867 3.43182C181.366 4.91888 186.658 7.11881 191.595 9.97049C196.532 12.8222 201.082 16.3064 205.118 20.3265C209.221 24.4128 212.771 29.0323 215.67 34.0567L246.291 87.1336C249.187 92.1532 251.408 97.5334 252.892 103.125C254.352 108.626 255.092 114.303 255.092 120C255.092 125.696 254.352 131.374 252.892 136.875C251.408 142.466 249.187 147.847 246.291 152.866L215.67 205.943C212.771 210.968 209.221 215.587 205.118 219.673C201.082 223.693 196.532 227.178 191.595 230.029C186.658 232.881 181.366 235.081 175.867 236.568C170.277 238.08 164.502 238.846 158.701 238.846Z" fill="#F3F8FF"/> + <path d="M97.5444 2.30769C91.8455 2.30769 86.1716 3.06065 80.6801 4.54566C75.2775 6.00668 70.0786 8.16801 65.2277 10.9697C60.3769 13.7714 55.9068 17.1945 51.9415 21.1441C47.9109 25.1586 44.4234 29.697 41.5755 34.6333L10.9542 87.7102C8.10903 92.6419 5.92719 97.9277 4.46932 103.421C3.03497 108.825 2.30771 114.403 2.30771 120C2.30771 125.597 3.03497 131.175 4.46932 136.579C5.92719 142.072 8.10903 147.358 10.9542 152.29L41.5755 205.367C44.4233 210.303 47.9109 214.841 51.9414 218.856C55.9067 222.805 60.3769 226.229 65.2277 229.03C70.0786 231.832 75.2775 233.993 80.6801 235.454C86.1715 236.939 91.8455 237.692 97.5444 237.692H158.701C164.4 237.692 170.074 236.939 175.566 235.454C180.968 233.993 186.167 231.832 191.018 229.03C195.869 226.229 200.339 222.805 204.304 218.856C208.335 214.841 211.822 210.303 214.67 205.367L245.291 152.29C248.137 147.358 250.318 142.072 251.776 136.579C253.211 131.175 253.938 125.597 253.938 120C253.938 114.403 253.211 108.825 251.776 103.421C250.318 97.9277 248.137 92.6419 245.291 87.7102L214.67 34.6333C211.822 29.697 208.335 25.1586 204.304 21.1441C200.339 17.1945 195.869 13.7714 191.018 10.9697C186.167 8.16801 180.968 6.00668 175.566 4.54566C170.074 3.06065 164.4 2.30769 158.701 2.30769H97.5444ZM97.5444 0H158.701C182.618 0 204.717 12.7636 216.669 33.4801L247.29 86.557C259.231 107.254 259.231 132.746 247.29 153.443L216.669 206.52C204.717 227.236 182.618 240 158.701 240H97.5444C73.6274 240 51.5284 227.236 39.5766 206.52L8.95528 153.443C-2.98509 132.746 -2.98509 107.254 8.95528 86.557L39.5766 33.4801C51.5284 12.7636 73.6274 0 97.5444 0Z" fill="white"/> + <g clip-path="url(#clip0_200_294)"> + <path d="M106.667 77.3334C106.667 65.5467 97.12 56 85.3333 56C73.5467 56 64 65.5467 64 77.3334V93.3334C64 105.12 73.5467 114.667 85.3333 114.667C97.12 114.667 106.667 105.12 106.667 93.3334V77.3334ZM96 93.3334C96 99.2 91.2 104 85.3333 104C79.4667 104 74.6667 99.2 74.6667 93.3334V77.3334C74.6667 71.4667 79.4667 66.6667 85.3333 66.6667C91.2 66.6667 96 71.4667 96 77.3334V93.3334ZM128 130.667C128 133.6 125.6 136 122.667 136C116.8 136 112 140.8 112 146.667V162.667C112 165.707 113.28 168.587 115.573 170.613C117.76 172.587 117.973 175.947 116 178.133C114.933 179.307 113.493 179.893 112 179.893C110.72 179.893 109.44 179.467 108.427 178.56C103.893 174.507 101.333 168.747 101.333 162.667V146.667C101.333 134.88 110.88 125.333 122.667 125.333C125.6 125.333 128 127.733 128 130.667ZM116.533 78.1334C114.453 76.0534 114.453 72.6934 116.533 70.6134L129.547 57.5467C131.093 56 133.387 55.5734 135.36 56.3734C137.333 57.1734 138.667 59.1467 138.667 61.28V104C138.667 106.933 136.267 109.333 133.333 109.333C130.4 109.333 128 106.933 128 104V74.1867L124.053 78.1334C121.973 80.2134 118.613 80.2134 116.533 78.1334ZM90.6667 130.667V178.667C90.6667 181.6 88.2667 184 85.3333 184C82.4 184 80 181.6 80 178.667V143.52L76.0533 147.467C73.9733 149.547 70.6133 149.547 68.5333 147.467C66.4533 145.387 66.4533 142.027 68.5333 139.947L81.5467 126.933C83.0933 125.387 85.3867 124.96 87.36 125.76C89.3333 126.56 90.6667 128.533 90.6667 130.667ZM181.333 133.653V125.333C181.333 113.547 171.787 104 160 104C148.213 104 138.667 113.547 138.667 125.333V133.653C132.32 137.333 128 144.16 128 152V162.667C128 174.453 137.547 184 149.333 184H170.667C182.453 184 192 174.453 192 162.667V152C192 144.16 187.68 137.333 181.333 133.653ZM149.333 125.333C149.333 119.467 154.133 114.667 160 114.667C165.867 114.667 170.667 119.467 170.667 125.333V130.667H149.333V125.333ZM168 157.333C168 161.76 164.427 165.333 160 165.333C155.573 165.333 152 161.76 152 157.333C152 152.907 155.573 149.333 160 149.333C164.427 149.333 168 152.907 168 157.333Z" fill="url(#paint0_linear_200_294)"/> + </g> + <defs> + <linearGradient id="paint0_linear_200_294" x1="82" y1="61" x2="169" y2="184" gradientUnits="userSpaceOnUse"> + <stop stop-color="#1F6AED"/> + <stop offset="1" stop-color="#1051C2"/> + </linearGradient> + <clipPath id="clip0_200_294"> + <rect width="128" height="128" fill="white" transform="translate(64 56)"/> + </clipPath> + </defs> + </svg> diff --git a/apps/website/src/pages/oss.astro b/apps/website/src/pages/oss.astro new file mode 100644 index 0000000..453ea84 --- /dev/null +++ b/apps/website/src/pages/oss.astro @@ -0,0 +1,134 @@ +--- +import Button from '@components/base/Button.astro'; +import Header from '@components/base/Header.astro'; +import Paragraph from '@components/base/Paragraph.astro'; +import Section from '@components/base/Section.astro'; +import configConst from '@config'; +import Layout from '@layouts/Layout.astro'; +import { Code } from 'astro:components'; + +const leftCodeBlock = `public class MyConfig { + @Switch( + name = "Sub Switch", + type = OptionType.SWITCH + ) + public static boolean subSwitch = false; + + public MyConfig() { + super(new Mod("My Mod", ModType.UTIL_QOL), "config.json"); + addDependency("subSwitch", () -> { + // Do stuff here + }); + } +}`; + +const rightCodeBlock = leftCodeBlock; + +--- + +<Layout> + <Section maxWidth="1920px" wFull class="flex-row justify-center items-center h-screen md:min-h-[600px] relative"> + <div class="codeblock_container -left-12"> + <Code lang="java" theme="github-light" code={leftCodeBlock}></Code> + </div> + <div class="flex flex-col justify-center items-center gap-y-4"> + <Header align="center" size="xxl" class="text-navy-peony max-w-[600px]"> + Open Source Forever + </Header> + <Paragraph class="max-w-[400px] lg:max-w-[600px] text-center text-navy-peony"> + We believe it is the right of the user and developer to know what code they are trusting to run behind the scenes. + </Paragraph> + <Button iconLeft="github" style="secondary">GitHub</Button> + </div> + <div class="codeblock_container after:-scale-x-125 -right-12"> + <Code lang="java" theme="github-light" code={rightCodeBlock}></Code> + </div> + </Section> + + <Section tabindex="0" colReverse={false}> + <div slot="left" class="flex justify-center"> + <img class="max-sm:w-full w-64" src="/media/oss/page_media_1.svg" alt="stuff"/> + </div> + + <div slot="right"> + <Header size="xl" class="text-navy-peony"> + Rooted from the developers + </Header> + <Paragraph size="md" class="text-gray-400 max-w-[500px]"> + We believe it's the only way forward, our developers learned and built on open source for years. Many even made their own contributions on our projects before joining our team. + </Paragraph> + </div> + </Section> + + <Section tabindex="0"> + <div slot="left"> + <Header size="xl" class="text-navy-peony"> + Makes development faster + </Header> + <Paragraph size="md" class="text-gray-400 max-w-[500px]"> + Open source lets us join forces with other developers in our community. This means new features and bug fixes come much faster, and way better. + </Paragraph> + </div> + + <div slot="right" class="flex justify-center"> + <img class="max-sm:w-full w-64" src="/media/oss/page_media_2.svg" alt="stuff"/> + </div> + </Section> + + <Section tabindex="0" colReverse={false}> + <div slot="left" class="flex justify-center"> + <img class="max-sm:w-full w-64" src="/media/oss/page_media_3.svg" alt="stuff"/> + </div> + + <div slot="right"> + <Header size="xl" class="text-navy-peony"> + Makes our code safer + </Header> + <Paragraph size="md" class="text-gray-400 max-w-[500px]"> + There's no definite way to prevent anything from becoming malicious. But, open sourcing our code brings extra eyes to catch, and fix exploits before they’re abused. + </Paragraph> + </div> + </Section> + + <Section wrapperClass="flex justify-center items-center mb-40" class="flex-col justify-center items-center"> + <div class="flex flex-col gap-y-1 relative justify-center items-center"> + <Header size="xl" class="text-navy-peony text-header-page text-center"> + Contribute to our GitHub! + </Header> + <div class="flex flex-row justify-center items-center gap-x-2"> + <Button style="secondary" iconLeft="github" href={configConst.socials.github}>GitHub</Button> + </div> + </div> + </Section> +</Layout> + +<style> + .codeblock_container { + position: absolute; + max-width: 20vw; + @apply max-md:hidden; + + & :global(.astro-code) { + background-color: transparent !important; + border: none !important; + overflow: hidden !important; + position: relative; + border-radius: 0 !important; + opacity: 0.7; + + & :global(.line::before) { + content: ""; + display: none; + } + } + + &::after { + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0), theme(colors.gray.50 / 75%) 90%, theme(colors.gray.50) 100%); + } + } +</style> |