-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat():DocsNavBar with DropDown Menu
* add product logos * update schema to include types for dropdown menu content * hard-code content into navmenu/index.tsx * Navigation component uses primitive components to enable dropdown menu with list of items * update story for modified navigation menu * add padding to text within dropdown logo box * update content for lambeq and inquanto
- Loading branch information
1 parent
a620d5e
commit b403fa0
Showing
9 changed files
with
662 additions
and
82 deletions.
There are no files selected for viewing
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,51 @@ | ||
| import { ComponentProps } from "react"; | ||
|
|
||
| export const HSeriesLogo = (props: ComponentProps<"svg">) => { | ||
| return ( | ||
| <svg | ||
| width="150" | ||
| height="16" | ||
| viewBox="0 0 150 16" | ||
| fill="none" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| {...props} | ||
| > | ||
| <g clip-path="url(#clip0_3_5)"> | ||
| <path | ||
| d="M60.1333 0.277267V3.15132V6.63399V9.50804V12.8352V15.6619V15.716H75.7593V12.8352H63.0537V9.50804H75.7593V6.63399H63.0537V3.15132H75.7593V0.277267H63.0537H60.1333Z" | ||
| fill="black" | ||
| /> | ||
| <path d="M32.324 6.62045H22.477V9.50803H32.324V6.62045Z" fill="black" /> | ||
| <path | ||
| d="M14.0112 6.62045H2.93417V0.344879H0V15.7904H2.93417V9.50802H14.0112V15.7904H16.9453V0.344879H14.0112V6.62045Z" | ||
| fill="black" | ||
| /> | ||
| <path | ||
| d="M93.0139 9.71766C95.6663 9.71766 97.8171 7.59425 97.8171 4.9907C97.8171 2.38715 95.6595 0.263733 93.0139 0.263733H83.5105V0.297545H82.0674V15.743H85.0016V9.72443H88.8428L94.8761 15.743H98.6967L92.7322 9.72443H93.007L93.0139 9.71766ZM85.0085 6.83009V3.14454H93.0139C94.0446 3.14454 94.883 3.96957 94.883 4.98394C94.883 5.99831 94.0446 6.82333 93.0139 6.82333H85.0085V6.83009Z" | ||
| fill="black" | ||
| /> | ||
| <path | ||
| d="M112.728 0.344879V3.22569V6.7016V9.58241V12.9095V15.7295V15.7836H128.361V12.9095H115.649V9.58241H128.361V6.7016H115.649V3.22569H128.361V0.344879H115.649H112.728Z" | ||
| fill="black" | ||
| /> | ||
| <path | ||
| d="M106.606 0.277267H103.672V15.7227H106.606V0.277267Z" | ||
| fill="black" | ||
| /> | ||
| <path | ||
| d="M51.7293 7.459C52.5402 7.77007 53.1861 8.20963 53.6534 8.77768C54.21 9.46069 54.4849 10.2925 54.4849 11.2527C54.4849 11.7532 54.4161 12.2198 54.2856 12.6391C54.155 13.038 53.9489 13.4235 53.6603 13.809C53.1861 14.4176 52.5333 14.891 51.7019 15.2223C50.4444 15.7498 48.6921 16.0068 46.4451 15.9932C44.9196 15.9932 43.5109 15.7768 42.2259 15.3576C40.8722 14.9383 39.8415 14.3297 39.1337 13.5317C38.9276 13.3085 38.7695 13.0921 38.6596 12.8757L41.0097 11.2866C41.0371 11.3407 41.0784 11.3948 41.1402 11.4489C41.5044 11.8478 42.1297 12.186 43.0093 12.4903C44.0469 12.8149 45.1876 12.9704 46.4245 12.9704C48.3142 12.9704 49.7297 12.7743 50.6711 12.4024C51.0765 12.2401 51.3652 12.0507 51.5301 11.8208C51.6469 11.6585 51.7087 11.4556 51.7156 11.2122C51.7156 11.0228 51.6675 10.847 51.5644 10.7117C51.3995 10.5292 51.1384 10.3669 50.7811 10.2316C50.1077 9.9814 48.6921 9.73795 46.5207 9.4945L46.2939 9.47422C43.8889 9.20372 42.2328 8.89264 41.3395 8.541C40.5355 8.25021 39.8965 7.82417 39.4086 7.25613C38.852 6.57312 38.5771 5.73457 38.5771 4.75401C38.5771 4.28064 38.6458 3.82079 38.797 3.36771C38.9482 2.92815 39.1543 2.54269 39.4223 2.1978C39.869 1.60946 40.5218 1.13609 41.3807 0.770919C42.6107 0.263733 44.363 0.00675964 46.6512 0.00675964C48.2248 0.00675964 49.6198 0.209634 50.8498 0.628907C52.1897 1.04818 53.2136 1.6568 53.9283 2.45477C54.0588 2.59679 54.2169 2.80642 54.4024 3.09721L52.0386 4.68639L51.9286 4.52409C51.585 4.11834 50.9597 3.77345 50.0595 3.49619C49.0426 3.16483 47.9019 2.98901 46.6444 2.98901C44.7341 2.98901 43.3185 3.18512 42.384 3.55706C41.9648 3.73964 41.6831 3.93575 41.5319 4.13863C41.4151 4.30093 41.3532 4.5038 41.3464 4.74725C41.3464 5.01775 41.3945 5.18681 41.4975 5.2612C41.6075 5.40321 41.8617 5.55875 42.2672 5.74133C42.9406 5.99154 44.3699 6.23499 46.555 6.47844L46.7543 6.49873C49.18 6.77599 50.836 7.08706 51.7156 7.41843L51.7362 7.45224L51.7293 7.459Z" | ||
| fill="black" | ||
| /> | ||
| <path | ||
| d="M147.245 7.45224C148.055 7.76332 148.701 8.20288 149.169 8.77092C149.725 9.45393 150 10.2857 150 11.246C150 11.7464 149.931 12.213 149.801 12.6323C149.67 13.0313 149.464 13.4167 149.175 13.8022C148.701 14.4108 148.048 14.8842 147.217 15.2156C145.96 15.743 144.207 16 141.96 15.9865C140.435 15.9865 139.026 15.7701 137.741 15.3508C136.387 14.9315 135.357 14.3229 134.649 13.5249C134.443 13.3018 134.285 13.0854 134.175 12.869L136.525 11.2798C136.552 11.3339 136.594 11.388 136.655 11.4421C137.02 11.8411 137.645 12.1792 138.524 12.4835C139.562 12.8081 140.703 12.9637 141.94 12.9637C143.829 12.9637 145.245 12.7675 146.186 12.3956C146.592 12.2333 146.88 12.044 147.045 11.814C147.162 11.6517 147.224 11.4489 147.231 11.2054C147.231 11.0161 147.183 10.8402 147.08 10.705C146.915 10.5224 146.654 10.3601 146.296 10.2249C145.623 9.97464 144.207 9.73119 142.036 9.48775L141.809 9.46746C139.404 9.19696 137.748 8.88589 136.855 8.53424C136.051 8.24345 135.412 7.81742 134.924 7.24937C134.367 6.56636 134.092 5.72781 134.092 4.74726C134.092 4.27388 134.161 3.81403 134.312 3.36095C134.463 2.92139 134.669 2.53593 134.937 2.19104C135.384 1.60271 136.037 1.12934 136.896 0.764162C138.112 0.250214 139.864 -0.00675964 142.153 -0.00675964C143.726 -0.00675964 145.121 0.196114 146.351 0.615387C147.691 1.03466 148.715 1.64328 149.43 2.44125C149.56 2.58327 149.718 2.7929 149.904 3.08369L147.54 4.67287L147.43 4.51057C147.086 4.10482 146.461 3.75994 145.561 3.48267C144.544 3.15131 143.403 2.97549 142.146 2.97549C140.235 2.97549 138.82 3.1716 137.885 3.54354C137.466 3.72612 137.185 3.92223 137.033 4.12511C136.917 4.28741 136.855 4.49028 136.848 4.73373C136.848 5.00423 136.896 5.17329 136.999 5.24768C137.109 5.38969 137.363 5.54523 137.769 5.72781C138.442 5.97802 139.871 6.22147 142.056 6.46492L142.256 6.48521C144.681 6.76247 146.337 7.07354 147.217 7.40491L147.238 7.43872L147.245 7.45224Z" | ||
| fill="black" | ||
| /> | ||
| </g> | ||
| <defs> | ||
| <clipPath id="clip0_3_5"> | ||
| <rect width="150" height="16" fill="white" /> | ||
| </clipPath> | ||
| </defs> | ||
| </svg> | ||
| ); | ||
| }; |
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,23 @@ | ||
| import { ComponentProps } from "react" | ||
|
|
||
| export const InquantoLogo = (props: ComponentProps<'svg'>) => { | ||
| return <svg viewBox="0 0 169 17" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}> | ||
| <g clip-path="url(#clip0_3_23)"> | ||
| <path d="M116.362 12.775L104.081 0.6875H100.712V16.325H103.637V4.31875L115.481 16.325H119.287V0.6875H116.362V12.775Z" fill="black"/> | ||
| <path d="M87.9 0.65625H83.9562L75.95 16.325H79.2375L80.425 13.9813H91.4187L92.6062 16.325H95.9L87.9 0.65625ZM81.925 11.05L85.925 3.24375L89.925 11.05H81.925Z" fill="black"/> | ||
| <path d="M123.675 3.5875H131.119V16.325H134.062V3.5875H141.506V0.65625H123.675V3.5875Z" fill="black"/> | ||
| <path d="M25.5063 12.775L13.225 0.6875H9.85001V16.325H12.775V4.31875L24.625 16.325H28.4313V0.6875H25.5063V12.775Z" fill="black"/> | ||
| <path d="M2.925 0.675003H0V16.3125H2.925V0.675003Z" fill="black"/> | ||
| <path d="M52.375 16.7062L49.125 13.3C50.0625 11.9313 50.6187 10.2812 50.6187 8.5C50.6187 3.8125 46.8062 0 42.1187 0C37.4312 0 33.6187 3.8125 33.6187 8.5C33.6187 13.1875 37.4312 17 42.1187 17C44.025 17 45.775 16.3625 47.1937 15.3L48.5687 16.7125H52.375V16.7062ZM36.5437 8.5C36.5437 5.425 39.0437 2.925 42.1187 2.925C45.1937 2.925 47.6937 5.425 47.6937 8.5C47.6937 11.575 45.1937 14.075 42.1187 14.075C39.0437 14.075 36.5437 11.575 36.5437 8.5Z" fill="black"/> | ||
| <path d="M64.4 17C59.7125 17 55.9 13.1875 55.9 8.5V0.65625H58.825V8.5C58.825 11.575 61.325 14.075 64.4 14.075C67.475 14.075 69.975 11.575 69.975 8.5V0.65625H72.9V8.5C72.9 13.1875 69.0875 17 64.4 17Z" fill="black"/> | ||
| <path d="M152.6 17C147.912 17 144.1 13.1875 144.1 8.5C144.1 3.8125 147.912 0 152.6 0C157.287 0 161.1 3.8125 161.1 8.5C161.1 13.1875 157.287 17 152.6 17ZM152.6 2.925C149.525 2.925 147.025 5.425 147.025 8.5C147.025 11.575 149.525 14.075 152.6 14.075C155.675 14.075 158.175 11.575 158.175 8.5C158.175 5.425 155.675 2.925 152.6 2.925Z" fill="black"/> | ||
| <path d="M160.944 1.16875H162.162V3.2625H162.65V1.16875H163.869V0.6875H160.944V1.16875Z" fill="black"/> | ||
| <path d="M167.831 0.6875L166.625 2.8875L165.406 0.6875H164.662V3.2625H165.144V1.20625L166.281 3.2625H166.969L168.094 1.2125V3.2625H168.575V0.6875H167.831Z" fill="black"/> | ||
| </g> | ||
| <defs> | ||
| <clipPath id="clip0_3_23"> | ||
| <rect width="168.575" height="17" fill="white"/> | ||
| </clipPath> | ||
| </defs> | ||
| </svg> | ||
| } |
Oops, something went wrong.