Add Course page (#1844)

* Add Course page

* Added shortcodes and buttons to navigate to the next page

* move course images from layout

* decouple documentation and course layout

* decouple course sidebar

* move accordion js handlers into global unconditional js

* enable search on courses

* allow nested courses

* disable links for now

---------

Co-authored-by: generall <andrey@vasnetsov.com>
This commit is contained in:
nastyapash
2025-08-14 22:42:19 +02:00
committed by GitHub
co-authored by generall
parent cbd9061f6b
commit d758ddcb81
54 changed files with 1069 additions and 63 deletions
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_10232_51857)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.666667C12 0.298477 11.7015 0 11.3333 0C10.9651 0 10.6667 0.298477 10.6667 0.666667V2H5.33333V0.666667C5.33333 0.298477 5.03486 0 4.66667 0C4.29848 0 4 0.298477 4 0.666667V2H0.666667C0.298477 2 0 2.29848 0 2.66667V5.33333V14.6667C0 15.0349 0.298477 15.3333 0.666667 15.3333H15.3333C15.7015 15.3333 16 15.0349 16 14.6667V5.33333V2.66667C16 2.29848 15.7015 2 15.3333 2H12V0.666667ZM14.6667 4.66667V3.33333H11.3333H4.66667H1.33333V4.66667H14.6667ZM1.33333 6H14.6667V14H1.33333V6ZM3.33333 7.33333C2.96514 7.33333 2.66667 7.63181 2.66667 8V8.66667C2.66667 9.03486 2.96514 9.33333 3.33333 9.33333H4.66667C5.03486 9.33333 5.33333 9.03486 5.33333 8.66667V8C5.33333 7.63181 5.03486 7.33333 4.66667 7.33333H3.33333ZM7.33333 7.33333C6.96514 7.33333 6.66667 7.63181 6.66667 8V8.66667C6.66667 9.03486 6.96514 9.33333 7.33333 9.33333H8.66667C9.03486 9.33333 9.33333 9.03486 9.33333 8.66667V8C9.33333 7.63181 9.03486 7.33333 8.66667 7.33333H7.33333ZM2.66667 11.3333C2.66667 10.9651 2.96514 10.6667 3.33333 10.6667H4.66667C5.03486 10.6667 5.33333 10.9651 5.33333 11.3333V12C5.33333 12.3682 5.03486 12.6667 4.66667 12.6667H3.33333C2.96514 12.6667 2.66667 12.3682 2.66667 12V11.3333ZM7.33333 10.6667C6.96514 10.6667 6.66667 10.9651 6.66667 11.3333V12C6.66667 12.3682 6.96514 12.6667 7.33333 12.6667H8.66667C9.03486 12.6667 9.33333 12.3682 9.33333 12V11.3333C9.33333 10.9651 9.03486 10.6667 8.66667 10.6667H7.33333ZM10.6667 8C10.6667 7.63181 10.9651 7.33333 11.3333 7.33333H12.6667C13.0349 7.33333 13.3333 7.63181 13.3333 8V8.66667C13.3333 9.03486 13.0349 9.33333 12.6667 9.33333H11.3333C10.9651 9.33333 10.6667 9.03486 10.6667 8.66667V8Z" fill="#2F6FF0"/>
</g>
<defs>
<clipPath id="clip0_10232_51857">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

@@ -0,0 +1,8 @@
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.4038 3.51709L17.4442 8.55709" stroke="#F0F3FA" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.3462 4.71716C7.91208 3.66883 4.79167 4.31508 2.5 7.23174L5.30583 10.0384" stroke="#F0F3FA" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.2646 10.6353C17.3129 13.0694 16.6667 16.1898 13.75 18.4815L10.9434 15.6757" stroke="#F0F3FA" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.74984 16.8149L4.1665 12.2316C4.1665 12.2316 7.87234 2.40411 19.1665 1.81494C18.5282 13.0599 8.74984 16.8149 8.74984 16.8149Z" stroke="#F0F3FA" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.2502 11.3983C12.1706 11.3983 12.9168 10.6521 12.9168 9.73161C12.9168 8.81113 12.1706 8.06494 11.2502 8.06494C10.3297 8.06494 9.5835 8.81113 9.5835 9.73161C9.5835 10.6521 10.3297 11.3983 11.2502 11.3983Z" stroke="#F0F3FA" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.86016 16.1747C2.25092 15.784 2.78089 15.5645 3.3335 15.5645C3.8861 15.5645 4.41608 15.784 4.80683 16.1747C5.19758 16.5655 5.4171 17.0955 5.4171 17.6481C5.4171 18.2007 5.19758 18.7306 4.80683 19.1214C3.99308 19.9347 0.833496 20.1481 0.833496 20.1481C0.833496 20.1481 1.04683 16.9885 1.86016 16.1747Z" stroke="#F0F3FA" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

@@ -0,0 +1,10 @@
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_10387_4708)">
<path d="M19.166 14.1115C19.6263 14.1115 20 14.4842 20 14.9445C20 16.0495 19.5607 17.1094 18.7793 17.8907C17.9979 18.672 16.938 19.1115 15.833 19.1115H4.16602C3.06118 19.1113 2.00097 18.672 1.21973 17.8907C0.438522 17.1094 2.19432e-05 16.0494 0 14.9445C0 14.7235 0.0879879 14.5119 0.244141 14.3556C0.400344 14.1994 0.612112 14.1115 0.833008 14.1115H19.166ZM1.8125 15.7775C1.93561 16.1253 2.13259 16.4461 2.39844 16.712C2.86713 17.1807 3.50321 17.4443 4.16602 17.4445H15.833C16.496 17.4445 17.1318 17.1807 17.6006 16.712C17.8665 16.4461 18.0634 16.1253 18.1865 15.7775H1.8125ZM15.833 2.44446C16.496 2.44446 17.1327 2.70714 17.6016 3.1759C18.0703 3.64469 18.3329 4.2815 18.333 4.94446V11.6105C18.333 12.0707 17.9602 12.4445 17.5 12.4445C17.0398 12.4445 16.667 12.0707 16.667 11.6105V4.94446C16.6669 4.72353 16.5791 4.51084 16.4229 4.35461C16.2666 4.19841 16.054 4.11047 15.833 4.11047H4.16699C3.94604 4.11047 3.73342 4.19841 3.57715 4.35461C3.42093 4.51084 3.33307 4.72353 3.33301 4.94446V11.6105C3.33301 12.0707 2.96024 12.4445 2.5 12.4445C2.03976 12.4445 1.66699 12.0707 1.66699 11.6105V4.94446C1.66706 4.2815 1.92965 3.64469 2.39844 3.1759C2.86727 2.70714 3.50401 2.44446 4.16699 2.44446H15.833ZM12.5 9.11145L8.33301 11.6115V6.61145L12.5 9.11145Z" fill="#F0F3FA"/>
</g>
<defs>
<clipPath id="clip0_10387_4708">
<rect width="20" height="20" fill="white" transform="translate(0 0.777832)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB