Fix colors, icons, and background to match original cadcad.org exactly
- cadcad-blue is #161645 (dark navy), NOT #16ABF9 (that's the logo accent) - cadcad-lightblue is #55D0FF (soft sky blue), hover is #21c0fc - Hero background uses original cadcad_Bg.png (dark navy with hexagonal geometry) - Fixed all SVG icons: fill="currentColor" replaced with explicit colors - Nav icons: white variant for dark header, gray for scrolled white header - Getting started icons: dark navy (#161645) - Logo: separate white SVG variant instead of CSS brightness hack - Use case numbers: outlined circles (border-cadcad-lightblue) not filled - Community button: text-gray-800 on lightblue bg (matches original) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
1371f2cd20
commit
bae91a2207
Binary file not shown.
|
After Width: | Height: | Size: 570 B |
Binary file not shown.
|
After Width: | Height: | Size: 179 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 31 KiB |
|
|
@ -1 +1 @@
|
||||||
<svg width="64" height="64" viewBox="0 0 101 101" fill="currentColor" class="my-6"><path d="M34.5,74H7.6a1.5,1.5,0,0,1-1.5-1.5c0-14.84,11.84-26.92,26.39-26.92a1.5,1.5,0,0,1,0,3A23.65,23.65,0,0,0,9.14,71H34.5a1.5,1.5,0,0,1,0,3Z"></path><path d="M32.5,41A16.5,16.5,0,1,1,49,24.5,16.52,16.52,0,0,1,32.5,41Zm0-30A13.5,13.5,0,1,0,46,24.5,13.52,13.52,0,0,0,32.5,11Z"></path><path d="M32.48,58.07A29.17,29.17,0,0,1,17.43,53.9,1.5,1.5,0,1,1,19,51.33a26.17,26.17,0,0,0,13.51,3.74,1.5,1.5,0,0,1,0,3Z"></path><path d="M45.49,22.38A11.84,11.84,0,0,1,36.81,19c-3,1.68-11.44,5.4-18.27.09a1.5,1.5,0,1,1,1.84-2.37c6.62,5.15,15.84-.85,15.93-.91a1.5,1.5,0,0,1,2.1.45c.08.12,2.15,3.17,7.08,3.17a1.5,1.5,0,0,1,0,3Z"></path><path d="M95.5,63h-27a1.5,1.5,0,0,1,0-3H93.93A16.17,16.17,0,0,0,78,45.12a15.63,15.63,0,0,0-9.51,3.2,1.5,1.5,0,0,1-1.81-2.39A18.6,18.6,0,0,1,78,42.12,19.21,19.21,0,0,1,97,61.5,1.5,1.5,0,0,1,95.5,63Z"></path><path d="M78,39A13,13,0,1,1,91,26,13,13,0,0,1,78,39Zm0-23A10,10,0,1,0,88,26,10,10,0,0,0,78,16Z"></path><path d="M85.74,27.4A13,13,0,0,1,73,16.4a1.5,1.5,0,1,1,3-.44,9.92,9.92,0,0,0,13,7.91,1.5,1.5,0,1,1,1,2.84A12.88,12.88,0,0,1,85.74,27.4Z"></path><path d="M92.5,52a1.5,1.5,0,0,1-1.2-2.4c3.18-4.23,1.45-8.31-.55-13C89.4,33.4,88,30.12,88,26.5a1.5,1.5,0,0,1,3,0c0,3,1.27,6,2.51,8.91,2.17,5.1,4.41,10.37.19,16A1.5,1.5,0,0,1,92.5,52Z"></path><path d="M62.22,41.89a1.46,1.46,0,0,1-.47-.08,1.48,1.48,0,0,1-1-1.86c0-.12.19-.49.42-1,1-2.27,3.85-9.17,3.85-12.41a1.5,1.5,0,0,1,3,0c0,3.44-2.33,9.39-4.08,13.57-.17.41-.29.69-.33.8A1.52,1.52,0,0,1,62.22,41.89Z"></path><path d="M68.72,92h-35a1.5,1.5,0,0,1-1.5-1.5,19,19,0,1,1,38,0A1.5,1.5,0,0,1,68.72,92ZM35.28,89H67.15a16,16,0,0,0-31.87,0Z"></path><path d="M51,68A13,13,0,1,1,64,55,13,13,0,0,1,51,68Zm0-23A10,10,0,1,0,61,55,10,10,0,0,0,51,45Z"></path><path d="M51.22,81.36a21.25,21.25,0,0,1-11-3,1.5,1.5,0,1,1,1.55-2.57,18.31,18.31,0,0,0,18.85,0,1.5,1.5,0,1,1,1.55,2.57A21.26,21.26,0,0,1,51.22,81.36Z"></path><path class="cls-1" d="M41.44,50.6C47.13,55,53.64,50,53.64,50s4.29,4.66,7.49.39"></path><path d="M46.67,53.9a9.8,9.8,0,0,1-6.15-2.11,1.5,1.5,0,0,1,1.84-2.37C47,53.06,52.5,49,52.73,48.79a1.5,1.5,0,0,1,2,.17c.46.5,1.95,1.79,3.33,1.71a2.54,2.54,0,0,0,1.86-1.2,1.5,1.5,0,1,1,2.4,1.8,5.43,5.43,0,0,1-4.12,2.4,7.29,7.29,0,0,1-4.71-1.78A13.57,13.57,0,0,1,46.67,53.9Z"></path></svg>
|
<svg width="64" height="64" viewBox="0 0 101 101" fill="#161645" class="my-6"><path d="M34.5,74H7.6a1.5,1.5,0,0,1-1.5-1.5c0-14.84,11.84-26.92,26.39-26.92a1.5,1.5,0,0,1,0,3A23.65,23.65,0,0,0,9.14,71H34.5a1.5,1.5,0,0,1,0,3Z"></path><path d="M32.5,41A16.5,16.5,0,1,1,49,24.5,16.52,16.52,0,0,1,32.5,41Zm0-30A13.5,13.5,0,1,0,46,24.5,13.52,13.52,0,0,0,32.5,11Z"></path><path d="M32.48,58.07A29.17,29.17,0,0,1,17.43,53.9,1.5,1.5,0,1,1,19,51.33a26.17,26.17,0,0,0,13.51,3.74,1.5,1.5,0,0,1,0,3Z"></path><path d="M45.49,22.38A11.84,11.84,0,0,1,36.81,19c-3,1.68-11.44,5.4-18.27.09a1.5,1.5,0,1,1,1.84-2.37c6.62,5.15,15.84-.85,15.93-.91a1.5,1.5,0,0,1,2.1.45c.08.12,2.15,3.17,7.08,3.17a1.5,1.5,0,0,1,0,3Z"></path><path d="M95.5,63h-27a1.5,1.5,0,0,1,0-3H93.93A16.17,16.17,0,0,0,78,45.12a15.63,15.63,0,0,0-9.51,3.2,1.5,1.5,0,0,1-1.81-2.39A18.6,18.6,0,0,1,78,42.12,19.21,19.21,0,0,1,97,61.5,1.5,1.5,0,0,1,95.5,63Z"></path><path d="M78,39A13,13,0,1,1,91,26,13,13,0,0,1,78,39Zm0-23A10,10,0,1,0,88,26,10,10,0,0,0,78,16Z"></path><path d="M85.74,27.4A13,13,0,0,1,73,16.4a1.5,1.5,0,1,1,3-.44,9.92,9.92,0,0,0,13,7.91,1.5,1.5,0,1,1,1,2.84A12.88,12.88,0,0,1,85.74,27.4Z"></path><path d="M92.5,52a1.5,1.5,0,0,1-1.2-2.4c3.18-4.23,1.45-8.31-.55-13C89.4,33.4,88,30.12,88,26.5a1.5,1.5,0,0,1,3,0c0,3,1.27,6,2.51,8.91,2.17,5.1,4.41,10.37.19,16A1.5,1.5,0,0,1,92.5,52Z"></path><path d="M62.22,41.89a1.46,1.46,0,0,1-.47-.08,1.48,1.48,0,0,1-1-1.86c0-.12.19-.49.42-1,1-2.27,3.85-9.17,3.85-12.41a1.5,1.5,0,0,1,3,0c0,3.44-2.33,9.39-4.08,13.57-.17.41-.29.69-.33.8A1.52,1.52,0,0,1,62.22,41.89Z"></path><path d="M68.72,92h-35a1.5,1.5,0,0,1-1.5-1.5,19,19,0,1,1,38,0A1.5,1.5,0,0,1,68.72,92ZM35.28,89H67.15a16,16,0,0,0-31.87,0Z"></path><path d="M51,68A13,13,0,1,1,64,55,13,13,0,0,1,51,68Zm0-23A10,10,0,1,0,61,55,10,10,0,0,0,51,45Z"></path><path d="M51.22,81.36a21.25,21.25,0,0,1-11-3,1.5,1.5,0,1,1,1.55-2.57,18.31,18.31,0,0,0,18.85,0,1.5,1.5,0,1,1,1.55,2.57A21.26,21.26,0,0,1,51.22,81.36Z"></path><path class="cls-1" d="M41.44,50.6C47.13,55,53.64,50,53.64,50s4.29,4.66,7.49.39"></path><path d="M46.67,53.9a9.8,9.8,0,0,1-6.15-2.11,1.5,1.5,0,0,1,1.84-2.37C47,53.06,52.5,49,52.73,48.79a1.5,1.5,0,0,1,2,.17c.46.5,1.95,1.79,3.33,1.71a2.54,2.54,0,0,0,1.86-1.2,1.5,1.5,0,1,1,2.4,1.8,5.43,5.43,0,0,1-4.12,2.4,7.29,7.29,0,0,1-4.71-1.78A13.57,13.57,0,0,1,46.67,53.9Z"></path></svg>
|
||||||
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="24" height="24" viewBox="0 0 64 64" fill="white" class="my-6"><path d="M37.922 26.852c-1.84 0-3.292 1.58-3.292 3.55s1.485 3.55 3.292 3.55c1.84 0 3.292-1.58 3.292-3.55s-1.485-3.55-3.292-3.55zm-11.78 0c-1.84 0-3.292 1.58-3.292 3.55s1.485 3.55 3.292 3.55c1.84 0 3.292-1.58 3.292-3.55.032-1.97-1.452-3.55-3.292-3.55zM53.608 0H10.36a6.63 6.63 0 0 0-6.616 6.616v43.248a6.63 6.63 0 0 0 6.616 6.616h36.6l-1.7-5.906 4.13 3.808 3.905 3.582L60.256 64V6.616C60.224 2.97 57.255 0 53.608 0zM41.15 41.795l-2.13-2.582c4.228-1.194 5.842-3.808 5.842-3.808-1.323.87-2.582 1.485-3.712 1.904-1.614.678-3.163 1.097-4.68 1.388-3.098.58-5.938.42-8.36-.032-1.84-.355-3.42-.84-4.744-1.388-.742-.3-1.55-.645-2.356-1.097-.097-.065-.194-.097-.3-.16-.065-.032-.097-.065-.13-.065l-.904-.55s1.55 2.55 5.648 3.776l-2.162 2.646c-7.133-.226-9.844-4.873-9.844-4.873 0-10.296 4.648-18.655 4.648-18.655 4.648-3.453 9.037-3.357 9.037-3.357l.323.387c-5.8 1.646-8.456 4.196-8.456 4.196s.7-.387 1.904-.904c3.453-1.517 6.197-1.904 7.326-2.033.194-.032.355-.065.55-.065a27.31 27.31 0 0 1 6.519-.065 26.86 26.86 0 0 1 9.715 3.066s-2.55-2.42-8.036-4.067l.452-.516s4.422-.097 9.037 3.357c0 0 4.648 8.36 4.648 18.655 0-.032-2.7 4.615-9.844 4.84z"></path></svg>
|
||||||
|
After Width: | Height: | Size: 1.2 KiB |
|
|
@ -1 +1 @@
|
||||||
<svg width="24" height="24" viewBox="0 0 64 64" fill="currentColor" class="my-6"><path d="M37.922 26.852c-1.84 0-3.292 1.58-3.292 3.55s1.485 3.55 3.292 3.55c1.84 0 3.292-1.58 3.292-3.55s-1.485-3.55-3.292-3.55zm-11.78 0c-1.84 0-3.292 1.58-3.292 3.55s1.485 3.55 3.292 3.55c1.84 0 3.292-1.58 3.292-3.55.032-1.97-1.452-3.55-3.292-3.55zM53.608 0H10.36a6.63 6.63 0 0 0-6.616 6.616v43.248a6.63 6.63 0 0 0 6.616 6.616h36.6l-1.7-5.906 4.13 3.808 3.905 3.582L60.256 64V6.616C60.224 2.97 57.255 0 53.608 0zM41.15 41.795l-2.13-2.582c4.228-1.194 5.842-3.808 5.842-3.808-1.323.87-2.582 1.485-3.712 1.904-1.614.678-3.163 1.097-4.68 1.388-3.098.58-5.938.42-8.36-.032-1.84-.355-3.42-.84-4.744-1.388-.742-.3-1.55-.645-2.356-1.097-.097-.065-.194-.097-.3-.16-.065-.032-.097-.065-.13-.065l-.904-.55s1.55 2.55 5.648 3.776l-2.162 2.646c-7.133-.226-9.844-4.873-9.844-4.873 0-10.296 4.648-18.655 4.648-18.655 4.648-3.453 9.037-3.357 9.037-3.357l.323.387c-5.8 1.646-8.456 4.196-8.456 4.196s.7-.387 1.904-.904c3.453-1.517 6.197-1.904 7.326-2.033.194-.032.355-.065.55-.065a27.31 27.31 0 0 1 6.519-.065 26.86 26.86 0 0 1 9.715 3.066s-2.55-2.42-8.036-4.067l.452-.516s4.422-.097 9.037 3.357c0 0 4.648 8.36 4.648 18.655 0-.032-2.7 4.615-9.844 4.84z"></path></svg>
|
<svg width="24" height="24" viewBox="0 0 64 64" fill="#6b7280" class="my-6"><path d="M37.922 26.852c-1.84 0-3.292 1.58-3.292 3.55s1.485 3.55 3.292 3.55c1.84 0 3.292-1.58 3.292-3.55s-1.485-3.55-3.292-3.55zm-11.78 0c-1.84 0-3.292 1.58-3.292 3.55s1.485 3.55 3.292 3.55c1.84 0 3.292-1.58 3.292-3.55.032-1.97-1.452-3.55-3.292-3.55zM53.608 0H10.36a6.63 6.63 0 0 0-6.616 6.616v43.248a6.63 6.63 0 0 0 6.616 6.616h36.6l-1.7-5.906 4.13 3.808 3.905 3.582L60.256 64V6.616C60.224 2.97 57.255 0 53.608 0zM41.15 41.795l-2.13-2.582c4.228-1.194 5.842-3.808 5.842-3.808-1.323.87-2.582 1.485-3.712 1.904-1.614.678-3.163 1.097-4.68 1.388-3.098.58-5.938.42-8.36-.032-1.84-.355-3.42-.84-4.744-1.388-.742-.3-1.55-.645-2.356-1.097-.097-.065-.194-.097-.3-.16-.065-.032-.097-.065-.13-.065l-.904-.55s1.55 2.55 5.648 3.776l-2.162 2.646c-7.133-.226-9.844-4.873-9.844-4.873 0-10.296 4.648-18.655 4.648-18.655 4.648-3.453 9.037-3.357 9.037-3.357l.323.387c-5.8 1.646-8.456 4.196-8.456 4.196s.7-.387 1.904-.904c3.453-1.517 6.197-1.904 7.326-2.033.194-.032.355-.065.55-.065a27.31 27.31 0 0 1 6.519-.065 26.86 26.86 0 0 1 9.715 3.066s-2.55-2.42-8.036-4.067l.452-.516s4.422-.097 9.037 3.357c0 0 4.648 8.36 4.648 18.655 0-.032-2.7 4.615-9.844 4.84z"></path></svg>
|
||||||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
|
@ -1 +1 @@
|
||||||
<svg width="64" height="64" viewBox="0 0 16 16" fill="currentColor" class="my-6"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
|
<svg width="64" height="64" viewBox="0 0 16 16" fill="#161645" class="my-6"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
|
||||||
|
Before Width: | Height: | Size: 693 B After Width: | Height: | Size: 688 B |
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="24" height="24" viewBox="0 0 16 16" fill="white" class="my-6"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
|
||||||
|
After Width: | Height: | Size: 686 B |
|
|
@ -1 +1 @@
|
||||||
<svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor" class="my-6"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
|
<svg width="24" height="24" viewBox="0 0 16 16" fill="#6b7280" class="my-6"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
|
||||||
|
Before Width: | Height: | Size: 693 B After Width: | Height: | Size: 688 B |
|
|
@ -1 +1 @@
|
||||||
<svg width="64" height="64" viewBox="0 0 100 100" fill="currentColor" class="my-6"><path d="M76.88,49.92A1.5,1.5,0,0,0,75.5,49H58.23l10-40.62A1.5,1.5,0,0,0,65.7,7L23.44,49.44A1.5,1.5,0,0,0,24.5,52H41.77l-10,40.62A1.5,1.5,0,0,0,34.3,94L76.56,51.56A1.5,1.5,0,0,0,76.88,49.92ZM36,88.09l9.16-37.23A1.5,1.5,0,0,0,43.69,49H28.11L64,12.91,54.86,50.14A1.5,1.5,0,0,0,56.31,52H71.89Z"></path><path d="M71.06,68.94a1.5,1.5,0,0,0-2.12,2.12l12,12a1.5,1.5,0,0,0,2.12-2.12Z"></path><path d="M28,30.5a1.5,1.5,0,0,0,1.06-2.56l-12-12a1.5,1.5,0,0,0-2.12,2.12l12,12A1.5,1.5,0,0,0,28,30.5Z"></path><path d="M68.44,29.56a1.5,1.5,0,0,0,2.12,0l12-12a1.5,1.5,0,0,0-2.12-2.12l-12,12A1.5,1.5,0,0,0,68.44,29.56Z"></path><path d="M27.44,69.44l-12,12a1.5,1.5,0,1,0,2.12,2.12l12-12a1.5,1.5,0,0,0-2.12-2.12Z"></path><circle cx="18.5" cy="62.5" r="2.5"></circle><circle cx="9.5" cy="55.5" r="2.5"></circle><circle cx="89.5" cy="42.5" r="2.5"></circle><circle cx="31.5" cy="17.5" r="2.5"></circle></svg>
|
<svg width="64" height="64" viewBox="0 0 100 100" fill="#161645" class="my-6"><path d="M76.88,49.92A1.5,1.5,0,0,0,75.5,49H58.23l10-40.62A1.5,1.5,0,0,0,65.7,7L23.44,49.44A1.5,1.5,0,0,0,24.5,52H41.77l-10,40.62A1.5,1.5,0,0,0,34.3,94L76.56,51.56A1.5,1.5,0,0,0,76.88,49.92ZM36,88.09l9.16-37.23A1.5,1.5,0,0,0,43.69,49H28.11L64,12.91,54.86,50.14A1.5,1.5,0,0,0,56.31,52H71.89Z"></path><path d="M71.06,68.94a1.5,1.5,0,0,0-2.12,2.12l12,12a1.5,1.5,0,0,0,2.12-2.12Z"></path><path d="M28,30.5a1.5,1.5,0,0,0,1.06-2.56l-12-12a1.5,1.5,0,0,0-2.12,2.12l12,12A1.5,1.5,0,0,0,28,30.5Z"></path><path d="M68.44,29.56a1.5,1.5,0,0,0,2.12,0l12-12a1.5,1.5,0,0,0-2.12-2.12l-12,12A1.5,1.5,0,0,0,68.44,29.56Z"></path><path d="M27.44,69.44l-12,12a1.5,1.5,0,1,0,2.12,2.12l12-12a1.5,1.5,0,0,0-2.12-2.12Z"></path><circle cx="18.5" cy="62.5" r="2.5"></circle><circle cx="9.5" cy="55.5" r="2.5"></circle><circle cx="89.5" cy="42.5" r="2.5"></circle><circle cx="31.5" cy="17.5" r="2.5"></circle></svg>
|
||||||
|
Before Width: | Height: | Size: 969 B After Width: | Height: | Size: 964 B |
|
|
@ -1 +1 @@
|
||||||
<svg width="64" height="64" viewBox="0 0 100 100" fill="currentColor" class="my-6"><path d="M76.88,49.92A1.5,1.5,0,0,0,75.5,49H58.23l10-40.62A1.5,1.5,0,0,0,65.7,7L23.44,49.44A1.5,1.5,0,0,0,24.5,52H41.77l-10,40.62A1.5,1.5,0,0,0,34.3,94L76.56,51.56A1.5,1.5,0,0,0,76.88,49.92ZM36,88.09l9.16-37.23A1.5,1.5,0,0,0,43.69,49H28.11L64,12.91,54.86,50.14A1.5,1.5,0,0,0,56.31,52H71.89Z"></path><path d="M71.06,68.94a1.5,1.5,0,0,0-2.12,2.12l12,12a1.5,1.5,0,0,0,2.12-2.12Z"></path><path d="M28,30.5a1.5,1.5,0,0,0,1.06-2.56l-12-12a1.5,1.5,0,0,0-2.12,2.12l12,12A1.5,1.5,0,0,0,28,30.5Z"></path><path d="M68.44,29.56a1.5,1.5,0,0,0,2.12,0l12-12a1.5,1.5,0,0,0-2.12-2.12l-12,12A1.5,1.5,0,0,0,68.44,29.56Z"></path><path d="M27.44,69.44l-12,12a1.5,1.5,0,1,0,2.12,2.12l12-12a1.5,1.5,0,0,0-2.12-2.12Z"></path><circle cx="18.5" cy="62.5" r="2.5"></circle><circle cx="9.5" cy="55.5" r="2.5"></circle><circle cx="89.5" cy="42.5" r="2.5"></circle><circle cx="31.5" cy="17.5" r="2.5"></circle></svg>
|
<svg width="64" height="64" viewBox="0 0 100 100" fill="#161645" class="my-6"><path d="M76.88,49.92A1.5,1.5,0,0,0,75.5,49H58.23l10-40.62A1.5,1.5,0,0,0,65.7,7L23.44,49.44A1.5,1.5,0,0,0,24.5,52H41.77l-10,40.62A1.5,1.5,0,0,0,34.3,94L76.56,51.56A1.5,1.5,0,0,0,76.88,49.92ZM36,88.09l9.16-37.23A1.5,1.5,0,0,0,43.69,49H28.11L64,12.91,54.86,50.14A1.5,1.5,0,0,0,56.31,52H71.89Z"></path><path d="M71.06,68.94a1.5,1.5,0,0,0-2.12,2.12l12,12a1.5,1.5,0,0,0,2.12-2.12Z"></path><path d="M28,30.5a1.5,1.5,0,0,0,1.06-2.56l-12-12a1.5,1.5,0,0,0-2.12,2.12l12,12A1.5,1.5,0,0,0,28,30.5Z"></path><path d="M68.44,29.56a1.5,1.5,0,0,0,2.12,0l12-12a1.5,1.5,0,0,0-2.12-2.12l-12,12A1.5,1.5,0,0,0,68.44,29.56Z"></path><path d="M27.44,69.44l-12,12a1.5,1.5,0,1,0,2.12,2.12l12-12a1.5,1.5,0,0,0-2.12-2.12Z"></path><circle cx="18.5" cy="62.5" r="2.5"></circle><circle cx="9.5" cy="55.5" r="2.5"></circle><circle cx="89.5" cy="42.5" r="2.5"></circle><circle cx="31.5" cy="17.5" r="2.5"></circle></svg>
|
||||||
|
Before Width: | Height: | Size: 969 B After Width: | Height: | Size: 964 B |
|
|
@ -1 +1 @@
|
||||||
<svg width="64" height="64" viewBox="0 0 100.353 100.352" fill="currentColor" class="my-6"><path d="M87.742,21.408H13.69c-2.879,0-5.221,2.095-5.221,4.67V71.53c0,2.575,2.342,4.671,5.221,4.671h74.052 c2.879,0,5.221-2.096,5.221-4.671V26.078C92.963,23.503,90.621,21.408,87.742,21.408z M89.963,71.53 c0,0.905-1.017,1.671-2.221,1.671H13.69c-1.204,0-2.221-0.766-2.221-1.671V26.078c0-0.905,1.017-1.67,2.221-1.67h74.052 c1.204,0,2.221,0.765,2.221,1.67V71.53z"></path><path d="M50.715,28.782c-11.04,0-20.022,8.982-20.022,20.022s8.982,20.022,20.022,20.022s20.022-8.982,20.022-20.022 S61.755,28.782,50.715,28.782z M50.715,65.826c-9.386,0-17.022-7.637-17.022-17.022s7.636-17.022,17.022-17.022 s17.022,7.636,17.022,17.022S60.101,65.826,50.715,65.826z"></path><path d="M59.572,47.535l-11.762-7.409c-0.461-0.292-1.046-0.309-1.524-0.044c-0.479,0.264-0.775,0.767-0.775,1.313v14.818 c0,0.546,0.297,1.049,0.775,1.313c0.226,0.125,0.475,0.187,0.725,0.187c0.278,0,0.556-0.077,0.799-0.23l11.762-7.41 c0.436-0.274,0.7-0.754,0.7-1.269S60.008,47.809,59.572,47.535z M48.511,53.495v-9.383l7.447,4.691L48.511,53.495z"></path></svg>
|
<svg width="64" height="64" viewBox="0 0 100.353 100.352" fill="#161645" class="my-6"><path d="M87.742,21.408H13.69c-2.879,0-5.221,2.095-5.221,4.67V71.53c0,2.575,2.342,4.671,5.221,4.671h74.052 c2.879,0,5.221-2.096,5.221-4.671V26.078C92.963,23.503,90.621,21.408,87.742,21.408z M89.963,71.53 c0,0.905-1.017,1.671-2.221,1.671H13.69c-1.204,0-2.221-0.766-2.221-1.671V26.078c0-0.905,1.017-1.67,2.221-1.67h74.052 c1.204,0,2.221,0.765,2.221,1.67V71.53z"></path><path d="M50.715,28.782c-11.04,0-20.022,8.982-20.022,20.022s8.982,20.022,20.022,20.022s20.022-8.982,20.022-20.022 S61.755,28.782,50.715,28.782z M50.715,65.826c-9.386,0-17.022-7.637-17.022-17.022s7.636-17.022,17.022-17.022 s17.022,7.636,17.022,17.022S60.101,65.826,50.715,65.826z"></path><path d="M59.572,47.535l-11.762-7.409c-0.461-0.292-1.046-0.309-1.524-0.044c-0.479,0.264-0.775,0.767-0.775,1.313v14.818 c0,0.546,0.297,1.049,0.775,1.313c0.226,0.125,0.475,0.187,0.725,0.187c0.278,0,0.556-0.077,0.799-0.23l11.762-7.41 c0.436-0.274,0.7-0.754,0.7-1.269S60.008,47.809,59.572,47.535z M48.511,53.495v-9.383l7.447,4.691L48.511,53.495z"></path></svg>
|
||||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
|
@ -1 +1 @@
|
||||||
<svg width="64" height="64" viewBox="0 0 100.353 100.352" fill="currentColor" class="my-6"><path d="M87.742,21.408H13.69c-2.879,0-5.221,2.095-5.221,4.67V71.53c0,2.575,2.342,4.671,5.221,4.671h74.052 c2.879,0,5.221-2.096,5.221-4.671V26.078C92.963,23.503,90.621,21.408,87.742,21.408z M89.963,71.53 c0,0.905-1.017,1.671-2.221,1.671H13.69c-1.204,0-2.221-0.766-2.221-1.671V26.078c0-0.905,1.017-1.67,2.221-1.67h74.052 c1.204,0,2.221,0.765,2.221,1.67V71.53z"></path><path d="M50.715,28.782c-11.04,0-20.022,8.982-20.022,20.022s8.982,20.022,20.022,20.022s20.022-8.982,20.022-20.022 S61.755,28.782,50.715,28.782z M50.715,65.826c-9.386,0-17.022-7.637-17.022-17.022s7.636-17.022,17.022-17.022 s17.022,7.636,17.022,17.022S60.101,65.826,50.715,65.826z"></path><path d="M59.572,47.535l-11.762-7.409c-0.461-0.292-1.046-0.309-1.524-0.044c-0.479,0.264-0.775,0.767-0.775,1.313v14.818 c0,0.546,0.297,1.049,0.775,1.313c0.226,0.125,0.475,0.187,0.725,0.187c0.278,0,0.556-0.077,0.799-0.23l11.762-7.41 c0.436-0.274,0.7-0.754,0.7-1.269S60.008,47.809,59.572,47.535z M48.511,53.495v-9.383l7.447,4.691L48.511,53.495z"></path></svg>
|
<svg width="64" height="64" viewBox="0 0 100.353 100.352" fill="#161645" class="my-6"><path d="M87.742,21.408H13.69c-2.879,0-5.221,2.095-5.221,4.67V71.53c0,2.575,2.342,4.671,5.221,4.671h74.052 c2.879,0,5.221-2.096,5.221-4.671V26.078C92.963,23.503,90.621,21.408,87.742,21.408z M89.963,71.53 c0,0.905-1.017,1.671-2.221,1.671H13.69c-1.204,0-2.221-0.766-2.221-1.671V26.078c0-0.905,1.017-1.67,2.221-1.67h74.052 c1.204,0,2.221,0.765,2.221,1.67V71.53z"></path><path d="M50.715,28.782c-11.04,0-20.022,8.982-20.022,20.022s8.982,20.022,20.022,20.022s20.022-8.982,20.022-20.022 S61.755,28.782,50.715,28.782z M50.715,65.826c-9.386,0-17.022-7.637-17.022-17.022s7.636-17.022,17.022-17.022 s17.022,7.636,17.022,17.022S60.101,65.826,50.715,65.826z"></path><path d="M59.572,47.535l-11.762-7.409c-0.461-0.292-1.046-0.309-1.524-0.044c-0.479,0.264-0.775,0.767-0.775,1.313v14.818 c0,0.546,0.297,1.049,0.775,1.313c0.226,0.125,0.475,0.187,0.725,0.187c0.278,0,0.556-0.077,0.799-0.23l11.762-7.41 c0.436-0.274,0.7-0.754,0.7-1.269S60.008,47.809,59.572,47.535z M48.511,53.495v-9.383l7.447,4.691L48.511,53.495z"></path></svg>
|
||||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="24" height="24" viewBox="0 0 256 209" fill="white" class="my-6"><path d="M80.507 208.013c96.604 0 149.442-80.036 149.442-149.442 0-2.274 0-4.537-.153-6.8A106.865 106.865 0 0 0 256 24.595a104.837 104.837 0 0 1-30.167 8.264 52.705 52.705 0 0 0 23.091-29.05 105.257 105.257 0 0 1-33.352 12.748 52.572 52.572 0 0 0-89.507 47.903A149.115 149.115 0 0 1 17.818 9.583a52.562 52.562 0 0 0 16.26 70.113 52.132 52.132 0 0 1-23.838-6.574v.665a52.541 52.541 0 0 0 42.138 51.487 52.439 52.439 0 0 1-23.716.901 52.582 52.582 0 0 0 49.07 36.475 105.39 105.39 0 0 1-65.229 22.528A106.916 106.916 0 0 1 0 184.42a148.695 148.695 0 0 0 80.507 23.552"></path></svg>
|
||||||
|
After Width: | Height: | Size: 656 B |
|
|
@ -1 +1 @@
|
||||||
<svg width="24" height="24" viewBox="0 0 256 209" fill="currentColor" class="my-6"><path d="M80.507 208.013c96.604 0 149.442-80.036 149.442-149.442 0-2.274 0-4.537-.153-6.8A106.865 106.865 0 0 0 256 24.595a104.837 104.837 0 0 1-30.167 8.264 52.705 52.705 0 0 0 23.091-29.05 105.257 105.257 0 0 1-33.352 12.748 52.572 52.572 0 0 0-89.507 47.903A149.115 149.115 0 0 1 17.818 9.583a52.562 52.562 0 0 0 16.26 70.113 52.132 52.132 0 0 1-23.838-6.574v.665a52.541 52.541 0 0 0 42.138 51.487 52.439 52.439 0 0 1-23.716.901 52.582 52.582 0 0 0 49.07 36.475 105.39 105.39 0 0 1-65.229 22.528A106.916 106.916 0 0 1 0 184.42a148.695 148.695 0 0 0 80.507 23.552"></path></svg>
|
<svg width="24" height="24" viewBox="0 0 256 209" fill="#6b7280" class="my-6"><path d="M80.507 208.013c96.604 0 149.442-80.036 149.442-149.442 0-2.274 0-4.537-.153-6.8A106.865 106.865 0 0 0 256 24.595a104.837 104.837 0 0 1-30.167 8.264 52.705 52.705 0 0 0 23.091-29.05 105.257 105.257 0 0 1-33.352 12.748 52.572 52.572 0 0 0-89.507 47.903A149.115 149.115 0 0 1 17.818 9.583a52.562 52.562 0 0 0 16.26 70.113 52.132 52.132 0 0 1-23.838-6.574v.665a52.541 52.541 0 0 0 42.138 51.487 52.439 52.439 0 0 1-23.716.901 52.582 52.582 0 0 0 49.07 36.475 105.39 105.39 0 0 1-65.229 22.528A106.916 106.916 0 0 1 0 184.42a148.695 148.695 0 0 0 80.507 23.552"></path></svg>
|
||||||
|
Before Width: | Height: | Size: 663 B After Width: | Height: | Size: 658 B |
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="my-6"><path d="M23.4761 6.2235C23.3381 5.71447 23.0692 5.25043 22.6963 4.87749C22.3233 4.50455 21.8593 4.23569 21.3502 4.09762C19.4865 3.58875 11.985 3.58875 11.985 3.58875C11.985 3.58875 4.48313 3.60375 2.619 4.11262C2.10997 4.25069 1.64594 4.51955 1.27299 4.89249C0.900053 5.26543 0.631192 5.72947 0.493125 6.2385C0 8.10262 0 12 0 12C0 12 0 15.8974 0.5085 17.7765C0.646567 18.2855 0.915428 18.7496 1.28837 19.1225C1.66131 19.4954 2.12535 19.7643 2.63438 19.9024C4.49812 20.4112 12 20.4112 12 20.4112C12 20.4112 19.5019 20.4112 21.366 19.9027C21.875 19.7647 22.3391 19.4958 22.712 19.1229C23.0849 18.7499 23.3538 18.2859 23.4919 17.7769C24 15.9127 24 12 24 12C24 12 23.985 8.10262 23.4761 6.2235Z" fill="white"></path><path d="M9.59705 15.6045L15.8202 12L9.59668 8.39551L9.59705 15.6045Z" fill="cadcad-blue"></path></svg>
|
||||||
|
After Width: | Height: | Size: 912 B |
|
|
@ -1 +1 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="my-6"><path d="M23.4761 6.2235C23.3381 5.71447 23.0692 5.25043 22.6963 4.87749C22.3233 4.50455 21.8593 4.23569 21.3502 4.09762C19.4865 3.58875 11.985 3.58875 11.985 3.58875C11.985 3.58875 4.48313 3.60375 2.619 4.11262C2.10997 4.25069 1.64594 4.51955 1.27299 4.89249C0.900053 5.26543 0.631192 5.72947 0.493125 6.2385C0 8.10262 0 12 0 12C0 12 0 15.8974 0.5085 17.7765C0.646567 18.2855 0.915428 18.7496 1.28837 19.1225C1.66131 19.4954 2.12535 19.7643 2.63438 19.9024C4.49812 20.4112 12 20.4112 12 20.4112C12 20.4112 19.5019 20.4112 21.366 19.9027C21.875 19.7647 22.3391 19.4958 22.712 19.1229C23.0849 18.7499 23.3538 18.2859 23.4919 17.7769C24 15.9127 24 12 24 12C24 12 23.985 8.10262 23.4761 6.2235Z" fill="currentColor"></path><path d="M9.59705 15.6045L15.8202 12L9.59668 8.39551L9.59705 15.6045Z" fill="cadcad-blue"></path></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="my-6"><path d="M23.4761 6.2235C23.3381 5.71447 23.0692 5.25043 22.6963 4.87749C22.3233 4.50455 21.8593 4.23569 21.3502 4.09762C19.4865 3.58875 11.985 3.58875 11.985 3.58875C11.985 3.58875 4.48313 3.60375 2.619 4.11262C2.10997 4.25069 1.64594 4.51955 1.27299 4.89249C0.900053 5.26543 0.631192 5.72947 0.493125 6.2385C0 8.10262 0 12 0 12C0 12 0 15.8974 0.5085 17.7765C0.646567 18.2855 0.915428 18.7496 1.28837 19.1225C1.66131 19.4954 2.12535 19.7643 2.63438 19.9024C4.49812 20.4112 12 20.4112 12 20.4112C12 20.4112 19.5019 20.4112 21.366 19.9027C21.875 19.7647 22.3391 19.4958 22.712 19.1229C23.0849 18.7499 23.3538 18.2859 23.4919 17.7769C24 15.9127 24 12 24 12C24 12 23.985 8.10262 23.4761 6.2235Z" fill="#6b7280"></path><path d="M9.59705 15.6045L15.8202 12L9.59668 8.39551L9.59705 15.6045Z" fill="cadcad-blue"></path></svg>
|
||||||
|
Before Width: | Height: | Size: 919 B After Width: | Height: | Size: 914 B |
|
|
@ -3,14 +3,12 @@
|
||||||
:root {
|
:root {
|
||||||
--background: #ffffff;
|
--background: #ffffff;
|
||||||
--foreground: #1a1a1a;
|
--foreground: #1a1a1a;
|
||||||
--cadcad-blue: #16ABF9;
|
--cadcad-blue: #161645;
|
||||||
--cadcad-lightblue: #16F7F9;
|
--cadcad-lightblue: #55D0FF;
|
||||||
--cadcad-lightblue-hover: #0de0e0;
|
--cadcad-lightblue-hover: #21c0fc;
|
||||||
--surface: #f8f9fa;
|
--surface: #f8f9fa;
|
||||||
--surface-dark: #16ABF9;
|
|
||||||
--border: #e5e7eb;
|
--border: #e5e7eb;
|
||||||
--muted: #6b7280;
|
--muted: #6b7280;
|
||||||
--muted-light: #9ca3af;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@theme inline {
|
@theme inline {
|
||||||
|
|
@ -20,10 +18,8 @@
|
||||||
--color-cadcad-lightblue: var(--cadcad-lightblue);
|
--color-cadcad-lightblue: var(--cadcad-lightblue);
|
||||||
--color-cadcad-lightblue-hover: var(--cadcad-lightblue-hover);
|
--color-cadcad-lightblue-hover: var(--cadcad-lightblue-hover);
|
||||||
--color-surface: var(--surface);
|
--color-surface: var(--surface);
|
||||||
--color-surface-dark: var(--surface-dark);
|
|
||||||
--color-border: var(--border);
|
--color-border: var(--border);
|
||||||
--color-muted: var(--muted);
|
--color-muted: var(--muted);
|
||||||
--color-muted-light: var(--muted-light);
|
|
||||||
--font-sans: var(--font-geist-sans);
|
--font-sans: var(--font-geist-sans);
|
||||||
--font-mono: var(--font-geist-mono);
|
--font-mono: var(--font-geist-mono);
|
||||||
}
|
}
|
||||||
|
|
@ -38,48 +34,19 @@ html {
|
||||||
scroll-behavior: smooth;
|
scroll-behavior: smooth;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Header background gradient - matches original cadCAD blue */
|
/* Header background - uses the original cadCAD background image */
|
||||||
.header-background {
|
.header-background {
|
||||||
background: linear-gradient(135deg, #16ABF9 0%, #16F7F9 100%);
|
background-image: url('/images/cadcad-bg.png');
|
||||||
}
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
/* Gradient text using cadCAD brand colors */
|
background-color: #161645;
|
||||||
.gradient-text {
|
|
||||||
background: linear-gradient(135deg, #16ABF9, #16F7F9);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
background-clip: text;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Card hover effect */
|
/* Card hover effect */
|
||||||
.card-hover {
|
.card-hover {
|
||||||
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
|
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
||||||
}
|
}
|
||||||
.card-hover:hover {
|
.card-hover:hover {
|
||||||
transform: translateY(-2px);
|
transform: translateY(-2px);
|
||||||
box-shadow: 0 8px 30px rgba(22, 171, 249, 0.15);
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
||||||
border-color: rgba(22, 171, 249, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Code block styling */
|
|
||||||
.code-block {
|
|
||||||
background: #1e293b;
|
|
||||||
border: 1px solid #334155;
|
|
||||||
border-radius: 8px;
|
|
||||||
font-family: var(--font-mono), 'Courier New', monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Scrollbar */
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
width: 8px;
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar-track {
|
|
||||||
background: #f1f1f1;
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background: #c1c1c1;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: #999;
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,11 +9,11 @@ export default function CadCADLogo({
|
||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<Image
|
<Image
|
||||||
src="/images/cadcad-logo.svg"
|
src={variant === "white" ? "/images/cadcad-logo-white.svg" : "/images/cadcad-logo.svg"}
|
||||||
alt="cadCAD"
|
alt="cadCAD"
|
||||||
width={265}
|
width={265}
|
||||||
height={72}
|
height={72}
|
||||||
className={`${className} ${variant === "white" ? "brightness-0 invert" : ""}`}
|
className={className}
|
||||||
priority
|
priority
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -7,22 +7,26 @@ const navLinks = [
|
||||||
{
|
{
|
||||||
label: "Github",
|
label: "Github",
|
||||||
href: "https://github.com/cadCAD-org/cadCAD",
|
href: "https://github.com/cadCAD-org/cadCAD",
|
||||||
icon: "/images/icon-github.svg",
|
iconWhite: "/images/icon-github-white.svg",
|
||||||
|
iconDark: "/images/icon-github.svg",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "Discord",
|
label: "Discord",
|
||||||
href: "https://discord.gg/FP2FGJb4tJ",
|
href: "https://discord.gg/FP2FGJb4tJ",
|
||||||
icon: "/images/icon-discord.svg",
|
iconWhite: "/images/icon-discord-white.svg",
|
||||||
|
iconDark: "/images/icon-discord.svg",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "Twitter",
|
label: "Twitter",
|
||||||
href: "https://twitter.com/cadcad_org",
|
href: "https://twitter.com/cadcad_org",
|
||||||
icon: "/images/icon-twitter.svg",
|
iconWhite: "/images/icon-twitter-white.svg",
|
||||||
|
iconDark: "/images/icon-twitter.svg",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "YouTube",
|
label: "YouTube",
|
||||||
href: "https://www.youtube.com/channel/UCPePNv3dJN--aKhFGOa0Rjg",
|
href: "https://www.youtube.com/channel/UCPePNv3dJN--aKhFGOa0Rjg",
|
||||||
icon: "/images/icon-youtube.svg",
|
iconWhite: "/images/icon-youtube-white.svg",
|
||||||
|
iconDark: "/images/icon-youtube.svg",
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
@ -60,7 +64,7 @@ export default function Header() {
|
||||||
href={link.href}
|
href={link.href}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
className={`flex items-center gap-2 rounded-full px-4 py-2 text-sm transition-colors duration-200 hover:text-white ${
|
className={`flex items-center gap-2 rounded-full px-4 py-2 text-sm transition-colors duration-200 ${
|
||||||
scrolled
|
scrolled
|
||||||
? "text-gray-500 hover:text-cadcad-blue"
|
? "text-gray-500 hover:text-cadcad-blue"
|
||||||
: "text-white/80 hover:text-white"
|
: "text-white/80 hover:text-white"
|
||||||
|
|
@ -69,9 +73,9 @@ export default function Header() {
|
||||||
{link.label}
|
{link.label}
|
||||||
{/* eslint-disable-next-line @next/next/no-img-element */}
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
||||||
<img
|
<img
|
||||||
src={link.icon}
|
src={scrolled ? link.iconDark : link.iconWhite}
|
||||||
alt=""
|
alt=""
|
||||||
className={`h-6 w-6 ${scrolled ? "" : "brightness-0 invert"}`}
|
className="h-6 w-6"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
))}
|
))}
|
||||||
|
|
@ -79,7 +83,11 @@ export default function Header() {
|
||||||
href="https://community.cadcad.org/"
|
href="https://community.cadcad.org/"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
className="ml-4 rounded-full bg-cadcad-lightblue px-6 py-2 text-sm font-bold text-white transition-colors hover:bg-cadcad-lightblue-hover"
|
className={`ml-4 rounded-full px-6 py-2 text-sm font-bold transition-colors ${
|
||||||
|
scrolled
|
||||||
|
? "bg-cadcad-lightblue text-white hover:bg-cadcad-lightblue-hover"
|
||||||
|
: "bg-cadcad-lightblue text-gray-800 font-bold hover:bg-cadcad-lightblue-hover"
|
||||||
|
}`}
|
||||||
>
|
>
|
||||||
Join our community
|
Join our community
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -121,6 +129,8 @@ export default function Header() {
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
className="flex items-center gap-2 text-sm text-gray-500 hover:text-cadcad-blue"
|
className="flex items-center gap-2 text-sm text-gray-500 hover:text-cadcad-blue"
|
||||||
>
|
>
|
||||||
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
||||||
|
<img src={link.iconDark} alt="" className="h-5 w-5" />
|
||||||
{link.label}
|
{link.label}
|
||||||
</a>
|
</a>
|
||||||
))}
|
))}
|
||||||
|
|
@ -128,7 +138,7 @@ export default function Header() {
|
||||||
href="https://community.cadcad.org/"
|
href="https://community.cadcad.org/"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
className="rounded-full bg-cadcad-lightblue px-6 py-2 text-center text-sm font-bold text-white"
|
className="rounded-full bg-cadcad-lightblue px-6 py-2 text-center text-sm font-bold text-gray-800"
|
||||||
>
|
>
|
||||||
Join our community
|
Join our community
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
|
|
@ -39,7 +39,7 @@ export default function UseCases() {
|
||||||
className="flex w-full flex-col flex-grow flex-shrink p-6 md:w-1/3"
|
className="flex w-full flex-col flex-grow flex-shrink p-6 md:w-1/3"
|
||||||
>
|
>
|
||||||
<div className="mx-auto mt-8 flex flex-row items-start sm:flex-row lg:w-4/5">
|
<div className="mx-auto mt-8 flex flex-row items-start sm:flex-row lg:w-4/5">
|
||||||
<span className="mr-4 flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-cadcad-blue text-xl font-bold text-white">
|
<span className="mr-4 inline-flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full border-2 border-cadcad-lightblue text-lg font-bold text-cadcad-lightblue">
|
||||||
{useCase.number}
|
{useCase.number}
|
||||||
</span>
|
</span>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue