mirror of https://github.com/knative/docs.git
Feat: New website (#6286)
* chore: change theme font to satoshi font Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: create hero section Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: improve hero and need to know more sections Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: rename need to know more to what is knative Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: create why serverless section Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: update feature icons and knative components sections Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: update hero title headings Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: update testimonial section Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: update case studies items Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: update why serverless feature cards with new content Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: tweak width of kelsey testimonial to align appropriately Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: tweak top nav layout Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: update top nav links Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: change “readdocs” to “docs” Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: add spacing to the right of the nav menu Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: fix about link Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: remove home from sub nav Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: nit fix Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: nit fix Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: change cta button font color to white on hover Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: fix styling for testimonial section Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: make main headline font color to be black Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: rearrange nav items on the blog page Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: align serverless content block to center Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: reduce feature icons size on mobile screens Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: maintain consistent border radius size across cards Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: make knative components container span entire width on mobile Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: fix case studies section to be mobile responsive Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: make hero section mobile responsive Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: nit fix Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: fix section spacing in mobile Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: nit fix Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: reduce version warning title font size to be smaller Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: automatically hide duplicate menu items in sub nav using css Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: nit fix Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: conform text colors to match design Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: cleanup code Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: add the correct kelsey testimonial copy on homepage Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: fix some layout issues on mobile Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: Remove second paragraph from Kelsey testimonial on front page Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: Update Knative diagram image to the latest one with eventing icon as spiral Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: Update card background to match page background color Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: Put Kelsey testimonials in quote and make quote prominent Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: make kelsey testimonial card clickable Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: update knative components overall design Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: make other card containers adopt new card design Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: change primary bg color to white Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: fix background bleed in kelsey testimonial image Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: text align feature contents to the left Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: make PNC card to be same size as others Signed-off-by: thisisobate <obasiuche62@gmail.com> * chore: reduce border width on hover to reduce flickering Signed-off-by: thisisobate <obasiuche62@gmail.com> --------- Signed-off-by: thisisobate <obasiuche62@gmail.com>
This commit is contained in:
Uchechukwu Obasi
GitHub
parent
f1db3cecf1
commit
00da7e9035
|
|
@ -1,7 +1,6 @@
|
|||
nav:
|
||||
- Home: /docs/
|
||||
- Tutorial: /docs/getting-started/
|
||||
- Concepts: /docs/concepts/
|
||||
- Tutorial: /docs/getting-started/
|
||||
- Installing: /docs/install/
|
||||
- Functions: /docs/functions/
|
||||
- Serving: /docs/serving/
|
||||
|
|
|
|||
|
|
@ -1,10 +1,6 @@
|
|||
INHERIT: redirects.yml
|
||||
|
||||
nav:
|
||||
###############################################################################
|
||||
# Home page
|
||||
###############################################################################
|
||||
- Home: index.md
|
||||
###############################################################################
|
||||
# Concepts
|
||||
###############################################################################
|
||||
|
|
|
|||
|
|
@ -1,9 +0,0 @@
|
|||
<svg width="108" height="108" viewBox="0 0 108 108" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M76.2243 0.646362H31.7756L0.348145 32.0033V76.3522L31.7756 107.709H76.2243L107.652 76.3522V32.0033L76.2243 0.646362Z" fill="#6A92C5"/>
|
||||
<path d="M15.4261 49.7865L15.418 44.8822L27.3055 53.996L15.4342 63.1259L15.4261 58.2216L20.9245 53.996L15.4261 49.7865Z" fill="white"/>
|
||||
<path d="M92.5738 49.7865L92.5819 44.8822L80.6943 53.996L92.5657 63.1259L92.5738 58.2216L87.0835 53.996L92.5738 49.7865Z" fill="white"/>
|
||||
<path d="M58.2229 80.6263H63.1383L54.004 92.4872L44.8535 80.6425L49.7608 80.6344L53.9959 86.1124L58.2229 80.6263Z" fill="white"/>
|
||||
<path d="M58.2229 27.3737H63.1383L54.004 15.5128L44.8535 27.3656H49.7608L53.9959 21.8876L58.2229 27.3737Z" fill="white"/>
|
||||
<path d="M73.3654 73.3223H34.6338V34.6776H73.3654V73.3223ZM38.6827 69.2825H69.3166V38.7174H38.6827V69.2825Z" fill="white"/>
|
||||
<path d="M62.3769 62.3583H45.6226V45.6416H62.3769V62.3583ZM48.0519 59.9344H59.9475V48.0655H48.0519V59.9344Z" fill="white"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.0 KiB |
|
|
@ -0,0 +1,6 @@
|
|||
<svg width="62" height="67" viewBox="0 0 62 67" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M36.8714 54.857C33.3624 54.857 29.8533 54.1675 26.5187 52.7884C21.0908 50.5458 16.8638 46.3283 14.6162 40.9193C12.3685 35.5035 12.3685 29.5388 14.6162 24.123C16.4478 19.7114 19.8898 16.2705 24.318 14.4429C28.7396 12.6154 33.6173 12.6154 38.0389 14.4429C45.5132 17.5291 49.0826 26.1113 45.9829 33.5755C43.4333 39.7143 36.3615 42.6464 30.2022 40.1026C25.1097 38.0005 22.6809 32.1496 24.7877 27.0686C26.5456 22.831 31.4301 20.8093 35.6771 22.5699C36.5359 22.9247 36.9385 23.9021 36.5829 24.759C36.2273 25.6159 35.2477 26.0175 34.3889 25.6627C31.8528 24.6184 28.9341 25.8234 27.8875 28.3539C26.4852 31.7279 28.1022 35.6173 31.4837 37.0097C35.9254 38.844 41.038 36.7286 42.8764 32.2969C45.2649 26.5397 42.5141 19.919 36.7439 17.5358C33.1477 16.0496 29.1891 16.0496 25.5928 17.5358C21.9966 19.0219 19.1987 21.8202 17.7092 25.4084C15.8037 29.994 15.8037 35.0483 17.7092 39.6406C19.6147 44.2263 23.1976 47.8011 27.7935 49.7023C33.6442 52.119 40.092 52.119 45.9426 49.6956C51.7932 47.2789 56.349 42.7268 58.7711 36.8892C59.1267 36.0324 60.1062 35.6307 60.9651 35.9855C61.8239 36.3403 62.2264 37.3177 61.8708 38.1746C59.1065 44.8422 53.9067 50.0303 47.2241 52.7951C43.8962 54.1675 40.3805 54.857 36.8714 54.857Z" fill="#6A92C5"/>
|
||||
<path d="M35.8021 66.5912C35.8967 66.7142 36.0432 66.7864 36.1984 66.7864H39.0087C39.4236 66.7864 39.658 66.31 39.4048 65.9813L32.8522 57.4727C32.6522 57.213 32.2606 57.2128 32.0603 57.4723L25.4968 65.9741C25.243 66.3028 25.4773 66.7797 25.8925 66.7797H28.7021C28.8569 66.7797 29.003 66.7079 29.0976 66.5855L32.0599 62.7539C32.2604 62.4945 32.652 62.495 32.8519 62.7549L35.8021 66.5912Z" fill="#6A92C5"/>
|
||||
<path d="M29.1044 0.98096C29.0097 0.858105 28.8634 0.786133 28.7083 0.786133H25.8978C25.4828 0.786133 25.2485 1.26244 25.5017 1.59121L32.0543 10.0997C32.2543 10.3594 32.6459 10.3597 32.8462 10.1002L39.4097 1.59838C39.6634 1.26969 39.4292 0.792827 39.0139 0.792827H36.2047C36.0497 0.792827 35.9035 0.864684 35.8088 0.987372L32.8528 4.81825C32.6525 5.07776 32.2609 5.07762 32.0608 4.81797L29.1044 0.98096Z" fill="#6A92C5"/>
|
||||
<path d="M0.359278 37.576C0.236145 37.6704 0.163847 37.8167 0.163591 37.9719L0.158964 40.7738C0.158279 41.1886 0.633956 41.4238 0.96318 41.1714L9.49 34.6342C9.7508 34.4342 9.7511 34.0414 9.4906 33.841L0.973851 27.291C0.645337 27.0384 0.169718 27.2721 0.169034 27.6865L0.164405 30.4897C0.164148 30.6455 0.236499 30.7924 0.360093 30.8873L4.2025 33.8346C4.46342 34.0347 4.46342 34.4279 4.2025 34.628L0.359278 37.576Z" fill="#6A92C5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 7.7 KiB |
|
|
@ -0,0 +1,6 @@
|
|||
<svg width="63" height="67" viewBox="0 0 63 67" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M41.0997 22.666C41.0055 22.7951 40.8554 22.8715 40.6956 22.8715H37.5757C37.1671 22.8715 36.931 22.4079 37.1714 22.0774L44.2903 12.2914C44.4899 12.0171 44.8987 12.0169 45.0986 12.2909L52.231 22.0688C52.472 22.3992 52.236 22.8635 51.827 22.8635H48.7086C48.5489 22.8635 48.3988 22.7872 48.3047 22.6582L45.1064 18.2756C44.9066 18.0018 44.498 18.0019 44.2984 18.2759L41.0997 22.666Z" fill="#6A92C5"/>
|
||||
<path d="M41.0993 11.7162C41.0054 11.8451 40.8556 11.9215 40.6961 11.9218L37.5775 11.9275C37.1685 11.9283 36.9317 11.4644 37.1722 11.1335L44.2904 1.34153C44.4898 1.06714 44.8988 1.0668 45.0988 1.34087L52.2323 11.1204C52.4731 11.4505 52.2378 11.9143 51.8293 11.9151L48.7094 11.9208C48.5492 11.9211 48.3986 11.8447 48.3043 11.7153L45.1063 7.32611C44.9066 7.05203 44.4978 7.05204 44.2981 7.32611L41.0993 11.7162Z" fill="#6A92C5"/>
|
||||
<path d="M62.3203 36.6665C61.5231 35.6221 60.1462 35.0436 58.4311 35.0436H12.7515C10.4566 35.0436 8.29059 36.7227 7.57395 39.0847L5.07833 48.5686C4.92891 49.1364 4.09248 49.0265 4.09479 48.4394L4.1518 33.967C4.1518 32.4004 5.43209 31.123 7.00225 31.123H52.3268C52.603 31.123 52.8268 30.8991 52.8268 30.623V30.0625C52.8268 28.4959 51.5465 27.2184 49.9764 27.2184H35.2941C35.1166 27.2184 34.9524 27.1243 34.8627 26.9711L33.4454 24.5511C33.1797 24.0932 32.6885 23.812 32.1571 23.812H11.3987C10.8673 23.812 10.3761 24.0932 10.1104 24.5511L8.6931 26.9711C8.60338 27.1243 8.43917 27.2184 8.26164 27.2184H3.53984C1.96968 27.2184 0.689392 28.4959 0.689392 30.0625V63.9099C0.689392 65.4765 1.96968 66.754 3.53984 66.754H5.43209C5.60923 66.7781 5.78638 66.7861 5.97158 66.7861H51.2728C54.5419 66.7861 55.6451 63.8617 56.0074 62.8976L62.8275 39.9283C63.1738 38.7232 62.9966 37.5583 62.3203 36.6665ZM59.7355 39.0446L52.9718 61.8291C52.2954 63.5805 51.6995 63.5805 51.2647 63.5805H5.97158C5.37724 63.5805 4.87663 63.1632 4.75635 62.601C4.74275 62.5374 4.74813 62.4716 4.7647 62.4087L10.6821 39.9604C10.9639 39.0205 11.8979 38.2572 12.7595 38.2572H58.4391C59.1602 38.2572 59.5939 38.4389 59.734 38.5742C59.7524 38.592 59.7669 38.6137 59.7738 38.6384C59.802 38.7377 59.7782 38.9099 59.7355 39.0446Z" fill="#6A92C5"/>
|
||||
<path d="M23.961 50.2579C23.7003 50.4577 23.6997 50.8504 23.9599 51.0509L26.5027 53.0102C26.6255 53.1049 26.6975 53.2512 26.6975 53.4063V55.0531C26.6975 55.4679 26.2214 55.7023 25.8926 55.4493L20.1757 51.0505C19.9153 50.8502 19.9156 50.4575 20.1762 50.2576L25.9012 45.8641C26.2301 45.6117 26.7056 45.8462 26.7056 46.2608V47.9083C26.7056 48.0639 26.6332 48.2106 26.5097 48.3052L23.961 50.2579ZM40.6506 50.2579C40.9114 50.4577 40.9119 50.8504 40.6517 51.0509L38.1089 53.0102C37.9861 53.1049 37.9141 53.2512 37.9141 53.4063V55.0531C37.9141 55.4679 38.3902 55.7023 38.719 55.4493L44.436 51.0505C44.6963 50.8502 44.696 50.4575 44.4355 50.2576L38.7105 45.8641C38.3816 45.6117 37.9061 45.8462 37.9061 46.2608V47.9083C37.9061 48.0639 37.9785 48.2106 38.102 48.3052L40.6506 50.2579ZM35.7762 43.7482C35.8585 43.4844 35.7112 43.2039 35.4474 43.1218L33.7933 42.6073C33.5298 42.5254 33.2498 42.6724 33.1675 42.9358L28.4087 58.1859C28.3264 58.4497 28.4737 58.7302 28.7375 58.8123L30.3915 59.3267C30.655 59.4087 30.9351 59.2617 31.0173 58.9982L35.7762 43.7482Z" fill="#6A92C5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
|
|
@ -1,4 +0,0 @@
|
|||
<svg width="108" height="108" viewBox="0 0 108 108" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M76.3136 0.573654H31.865L0.4375 31.9306V76.2795L31.865 107.636H76.3136L107.741 76.2795V31.9306L76.3136 0.573654Z" fill="#6A92C5"/>
|
||||
<path d="M54.4983 21.8392L48.1173 27.9231L42.4002 27.915L54.4983 15.5856L66.5802 27.9312L60.8631 27.9231L54.4983 21.8392ZM85.8772 61.0656L54.4983 29.7572L23.1113 61.0656L54.4902 92.3741L85.8772 61.0656ZM54.4983 35.4694L80.152 61.0656L54.4983 86.6699L28.8365 61.0656L54.4983 35.4694ZM67.4304 61.0656L54.4983 48.1625L41.5581 61.0656H67.4304Z" fill="white"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 603 B |
|
|
@ -0,0 +1,8 @@
|
|||
<svg width="68" height="67" viewBox="0 0 68 67" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.04024 30.3231C0.916887 30.2287 0.844438 30.0823 0.844182 29.927L0.839323 26.9837C0.838638 26.5689 1.31431 26.3337 1.64354 26.5861L10.5136 33.3865C10.7744 33.5864 10.7747 33.9793 10.5142 34.1796L1.65467 40.9933C1.32616 41.2459 0.850543 41.0122 0.849859 40.5978L0.844996 37.6527C0.844739 37.4971 0.91694 37.3503 1.04032 37.2554L5.04222 34.1799C5.30295 33.9795 5.30259 33.5863 5.04148 33.3864L1.04024 30.3231Z" fill="#6A92C5" stroke="#6A92C5" stroke-width="0.5"/>
|
||||
<path d="M66.7977 30.3232C66.9208 30.2287 66.9932 30.0824 66.9934 29.9272L66.9983 26.9837C66.999 26.5689 66.5233 26.3337 66.1941 26.5861L57.324 33.3865C57.0632 33.5864 57.0629 33.9793 57.3234 34.1796L66.1829 40.9933C66.5114 41.2459 66.9871 41.0122 66.9877 40.5978L66.9926 37.6525C66.9929 37.497 66.9208 37.3503 66.7976 37.2554L62.8013 34.1797C62.5409 33.9793 62.5413 33.5866 62.802 33.3867L66.7977 30.3232Z" fill="#6A92C5" stroke="#6A92C5" stroke-width="0.5"/>
|
||||
<path d="M37.3896 56.811C37.4843 56.6882 37.6306 56.6162 37.7857 56.6162H40.7382C41.1531 56.6162 41.3875 57.0925 41.1343 57.4213L34.3178 66.2725C34.1179 66.5321 33.7264 66.5324 33.526 66.2731L26.6975 57.4341C26.4439 57.1057 26.6775 56.6291 27.0924 56.6284L30.0381 56.6235C30.1932 56.6233 30.3396 56.695 30.4345 56.8177L33.5191 60.8076C33.7195 61.0668 34.1108 61.0664 34.3108 60.8069L37.3896 56.811Z" fill="#6A92C5" stroke="#6A92C5" stroke-width="0.5"/>
|
||||
<path d="M37.3896 10.7611C37.4843 10.884 37.6306 10.956 37.7857 10.956H40.7382C41.1531 10.956 41.3875 10.4797 41.1343 10.1509L34.318 1.29989C34.118 1.04019 33.7263 1.03996 33.526 1.29942L26.6983 10.1435C26.4446 10.4722 26.6788 10.949 27.0941 10.949H30.0386C30.1934 10.949 30.3395 10.8773 30.4342 10.7549L33.5191 6.76459C33.7195 6.50541 34.1108 6.50574 34.3108 6.76524L37.3896 10.7611Z" fill="#6A92C5" stroke="#6A92C5" stroke-width="0.5"/>
|
||||
<path d="M50.5237 49.8538C50.5237 50.13 50.2999 50.3538 50.0237 50.3538H17.8141C17.5379 50.3538 17.3141 50.13 17.3141 49.8538V17.7188C17.3141 17.4426 17.5379 17.2188 17.8141 17.2188H50.0237C50.2999 17.2188 50.5237 17.4426 50.5237 17.7188V49.8538ZM20.7857 46.39C20.7857 46.6661 21.0096 46.89 21.2857 46.89H46.5521C46.8282 46.89 47.0521 46.6661 47.0521 46.39V21.1826C47.0521 20.9064 46.8282 20.6826 46.5521 20.6826H21.2857C21.0096 20.6826 20.7857 20.9064 20.7857 21.1826V46.39Z" fill="#6A92C5"/>
|
||||
<path d="M41.1016 40.453C41.1016 40.7291 40.8778 40.953 40.6016 40.953H27.236C26.9599 40.953 26.736 40.7291 26.736 40.453V27.1196C26.736 26.8435 26.9599 26.6196 27.236 26.6196H40.6016C40.8778 26.6196 41.1016 26.8435 41.1016 27.1196V40.453ZM28.819 38.3747C28.819 38.6508 29.0429 38.8747 29.319 38.8747H38.5187C38.7948 38.8747 39.0187 38.6508 39.0187 38.3747V29.1979C39.0187 28.9218 38.7948 28.6979 38.5187 28.6979H29.319C29.0429 28.6979 28.819 28.9218 28.819 29.1979V38.3747Z" fill="#6A92C5" stroke="#6A92C5" stroke-width="0.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="54" height="67" viewBox="0 0 54 67" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M27.3748 6.49095C27.1817 6.30637 26.8776 6.30618 26.6842 6.49051L21.6903 11.2519C21.5972 11.3407 21.4733 11.3902 21.3446 11.39L17.8201 11.385C17.3773 11.3844 17.1538 10.8509 17.4639 10.5348L26.6723 1.15033C26.8685 0.950393 27.1907 0.950607 27.3866 1.1508L36.5809 10.5458C36.8909 10.8626 36.666 11.3962 36.2229 11.3956L32.7004 11.3906C32.572 11.3904 32.4485 11.3408 32.3557 11.252L27.3748 6.49095ZM53.6451 40.2304C53.841 40.035 53.841 39.7178 53.6452 39.5224L27.3828 13.319C27.1877 13.1243 26.8717 13.1243 26.6765 13.319L0.407328 39.5225C0.211493 39.7178 0.211473 40.035 0.407283 40.2304L26.6696 66.4338C26.8648 66.6285 27.1807 66.6285 27.3759 66.4339L53.6451 40.2304ZM26.6765 18.2287C26.8717 18.034 27.1877 18.034 27.3828 18.2287L48.7245 39.5225C48.9203 39.7178 48.9203 40.035 48.7246 40.2304L27.3829 61.5309C27.1877 61.7257 26.8717 61.7257 26.6765 61.5309L5.32806 40.2304C5.13224 40.035 5.13227 39.7178 5.32811 39.5225L26.6765 18.2287ZM36.9359 39.8764C37.3816 39.8764 37.6046 39.3373 37.2891 39.0225L27.3827 29.1384C27.1876 28.9437 26.8717 28.9436 26.6765 29.1383L16.764 39.0224C16.4484 39.3371 16.6713 39.8764 17.1171 39.8764H36.9359Z" fill="#6A92C5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
|
|
@ -1,4 +1,3 @@
|
|||
<svg width="108" height="108" viewBox="0 0 108 108" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M76.3703 0.484772H31.9216L0.494141 31.8417V76.1906L31.9216 107.548H76.3703L107.798 76.1906V31.8417L76.3703 0.484772Z" fill="#6A92C5"/>
|
||||
<path d="M54.1418 11.8689L56.6279 24.869L68.3696 18.7043L59.7293 28.7553L71.8841 34.0636L58.628 33.5869L62.0453 46.3769L54.1499 35.7361L46.2465 46.3769L49.6638 33.5869L36.4077 34.0636L48.5625 28.7553L39.9221 18.7043L51.6639 24.869L54.1418 11.8689ZM54.1418 27.4706C52.7976 27.4706 51.7044 28.5614 51.7044 29.9026C51.7044 31.2438 52.7976 32.3346 54.1418 32.3346C55.4861 32.3346 56.5793 31.2438 56.5793 29.9026C56.5793 28.5614 55.4861 27.4706 54.1418 27.4706ZM69.1227 61.9301V81.2969C69.1227 89.5381 62.4016 96.2442 54.1418 96.2442C45.8821 96.2442 39.161 89.5381 39.161 81.2969V61.9301H43.1451V51.0469H65.1386V61.9301H69.1227ZM45.5744 61.9301H62.7093V53.4708H55.5023V57.252H52.7814V53.4708H45.5744V61.9301ZM65.0738 65.9699H43.2098V81.2969C43.2098 87.3081 48.1171 92.2044 54.1418 92.2044C60.1666 92.2044 65.0738 87.3081 65.0738 81.2969V65.9699ZM62.2558 71.4237H46.0279V73.8475H62.2477V71.4237H62.2558ZM62.2558 77.9439H46.0279V80.3678H62.2477V77.9439H62.2558Z" fill="white"/>
|
||||
<svg width="29" height="77" viewBox="0 0 29 77" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14.006 1.34225C14.1097 0.801321 14.884 0.801085 14.988 1.34195L16.6818 10.1445C16.7451 10.4732 17.1073 10.6482 17.4041 10.4933L25.4055 6.31833C25.8945 6.06317 26.3758 6.67155 26.015 7.08872L20.139 13.8818C19.9182 14.1371 20.0085 14.5332 20.318 14.6676L28.5744 18.251C29.0811 18.471 28.9095 19.2291 28.3574 19.2094L19.3457 18.8873C19.0095 18.8753 18.7577 19.192 18.845 19.5168L21.1706 28.1671C21.3137 28.6993 20.6168 29.0376 20.2871 28.5961L14.9042 21.3863C14.7043 21.1185 14.3031 21.1184 14.1031 21.3861L8.71187 28.5996C8.38207 29.0409 7.68548 28.7025 7.8285 28.1705L10.155 19.5168C10.2423 19.192 9.99046 18.8753 9.6543 18.8873L0.642565 19.2094C0.090497 19.2291 -0.0811111 18.471 0.425638 18.251L8.68196 14.6676C8.99154 14.5332 9.08183 14.1371 8.86104 13.8818L2.98502 7.08872C2.62417 6.67155 3.10546 6.06317 3.59448 6.31833L11.5955 10.4931C11.8924 10.648 12.2548 10.4729 12.3179 10.144L14.006 1.34225ZM14.4962 13.209C13.2458 13.209 12.2289 14.2173 12.2289 15.4572C12.2289 16.6971 13.2458 17.7054 14.4962 17.7054C15.7466 17.7054 16.7635 16.6971 16.7635 15.4572C16.7635 14.2173 15.7466 13.209 14.4962 13.209ZM27.9314 45.0648C28.2076 45.0648 28.4314 45.2887 28.4314 45.5648V62.9683C28.4314 70.5868 22.1794 76.7861 14.4962 76.7861C6.81306 76.7861 0.56106 70.5868 0.56106 62.9683V45.5648C0.56106 45.2887 0.784918 45.0648 1.06106 45.0648H3.76706C4.0432 45.0648 4.26706 44.8409 4.26706 44.5648V35.5039C4.26706 35.2277 4.49092 35.0039 4.76706 35.0039H24.2254C24.5016 35.0039 24.7254 35.2277 24.7254 35.5039V44.5648C24.7254 44.8409 24.9493 45.0648 25.2254 45.0648H27.9314ZM6.52682 44.5648C6.52682 44.8409 6.75068 45.0648 7.02682 45.0648H21.9657C22.2418 45.0648 22.4657 44.8409 22.4657 44.5648V37.7446C22.4657 37.4685 22.2418 37.2446 21.9657 37.2446H16.2617C15.9856 37.2446 15.7617 37.4685 15.7617 37.7446V40.2402C15.7617 40.5163 15.5378 40.7402 15.2617 40.7402H13.7308C13.4546 40.7402 13.2308 40.5163 13.2308 40.2402V37.7446C13.2308 37.4685 13.0069 37.2446 12.7308 37.2446H7.02682C6.75068 37.2446 6.52682 37.4685 6.52682 37.7446V44.5648ZM24.6651 49.2993C24.6651 49.0232 24.4413 48.7993 24.1651 48.7993H4.82732C4.55118 48.7993 4.32732 49.0232 4.32732 49.2993V62.9683C4.32732 68.5253 8.89204 73.0516 14.4962 73.0516C20.1004 73.0516 24.6651 68.5253 24.6651 62.9683V49.2993ZM22.0438 53.841H7.44864C7.1725 53.841 6.94864 54.0649 6.94864 54.341V55.5817C6.94864 55.8579 7.1725 56.0817 7.44864 56.0817H21.5363C21.8124 56.0817 22.0363 55.8579 22.0363 55.5817V53.8485C22.0363 53.8444 22.0397 53.841 22.0438 53.841ZM22.0438 59.8686H7.44864C7.1725 59.8686 6.94864 60.0924 6.94864 60.3686V61.6093C6.94864 61.8855 7.1725 62.1093 7.44864 62.1093H21.5363C21.8124 62.1093 22.0363 61.8855 22.0363 61.6093V59.8761C22.0363 59.872 22.0397 59.8686 22.0438 59.8686Z" fill="#6A92C5"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 2.8 KiB |
|
|
@ -1,7 +0,0 @@
|
|||
<svg width="108" height="108" viewBox="0 0 108 108" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M76.297 0.355499H31.8484L0.420898 31.7124V76.0613L31.8484 107.418H76.297L107.724 76.0613V31.7124L76.297 0.355499Z" fill="#6A92C5"/>
|
||||
<path d="M60.0126 79.1074C55.7774 79.1074 51.5423 78.2752 47.5177 76.6108C40.9666 73.9041 35.865 68.8139 33.1522 62.2856C30.4395 55.7492 30.4395 48.5503 33.1522 42.0139C35.3629 36.6895 39.5171 32.5365 44.8616 30.3308C50.1981 28.1251 56.0851 28.1251 61.4216 30.3308C70.4425 34.0555 74.7505 44.4136 71.0093 53.4223C67.9322 60.8313 59.3971 64.3702 51.9634 61.2999C45.8172 58.7629 42.8858 51.7014 45.4285 45.5689C47.5501 40.4546 53.4453 38.0145 58.5712 40.1394C59.6077 40.5677 60.0935 41.7473 59.6644 42.7815C59.2352 43.8157 58.0529 44.3004 57.0164 43.8722C53.9554 42.6118 50.4329 44.0661 49.1696 47.1202C47.4772 51.1923 49.4288 55.8866 53.51 57.5671C58.8708 59.781 65.0413 57.2278 67.2601 51.8791C70.1429 44.9306 66.8228 36.9399 59.8587 34.0636C55.5183 32.2699 50.7406 32.2699 46.4002 34.0636C42.0598 35.8573 38.683 39.2345 36.8853 43.5652C34.5855 49.0997 34.5855 55.1998 36.8853 60.7424C39.1851 66.277 43.5093 70.5915 49.0563 72.8861C56.1175 75.8028 63.8995 75.8028 70.9607 72.878C78.022 69.9612 83.5204 64.4671 86.4437 57.4217C86.8729 56.3875 88.0551 55.9027 89.0917 56.331C90.1282 56.7592 90.614 57.9388 90.1849 58.973C86.8486 67.0203 80.5728 73.282 72.5074 76.6188C68.4909 78.2752 64.2477 79.1074 60.0126 79.1074Z" fill="white"/>
|
||||
<path d="M58.9031 93.5052H63.8185L54.6842 81.6443L45.5337 93.4971H50.449L54.6842 88.0192L58.9031 93.5052Z" fill="white"/>
|
||||
<path d="M50.4569 13.8484H45.5415L54.6758 25.7093L63.8263 13.8565H58.9109L54.6839 19.3345L50.4569 13.8484Z" fill="white"/>
|
||||
<path d="M15.7093 58.4316L15.7012 63.336L27.5887 54.2222L15.7174 45.0922L15.7093 49.9965L21.2077 54.2141L15.7093 58.4316Z" fill="white"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.8 KiB |
|
|
@ -1,7 +0,0 @@
|
|||
<svg width="107" height="108" viewBox="0 0 107 108" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M75.9289 0.541321H31.4802L0.0527344 31.8982V76.2472L31.4802 107.604H75.9289L107.356 76.2472V31.8982L75.9289 0.541321Z" fill="#6A92C5"/>
|
||||
<path d="M63.7254 34.007H59.3445L67.4908 22.8087L75.6534 33.9989H71.2725L67.4989 28.828L63.7254 34.007Z" fill="white"/>
|
||||
<path d="M63.7254 22.9945L59.3445 23.0026L67.4908 11.7962L75.6534 22.9864L71.2725 22.9945L67.4989 17.8155L63.7254 22.9945Z" fill="white"/>
|
||||
<path d="M85.2169 47.8797C84.4152 46.8293 83.0305 46.2476 81.3057 46.2476H35.367C33.0592 46.2476 30.8809 47.9362 30.1602 50.3117L26.6457 63.6672L26.7186 45.1649C26.7186 43.5894 28.0062 42.3048 29.5852 42.3048H75.6697V41.2383C75.6697 39.6627 74.3821 38.3781 72.803 38.3781H57.7493L56.1783 35.6957C55.9111 35.2351 55.4171 34.9523 54.8827 34.9523H34.0066C33.4722 34.9523 32.9782 35.2351 32.711 35.6957L31.14 38.3781H26.1032C24.5241 38.3781 23.2366 39.6627 23.2366 41.2383V75.2776C23.2366 76.8531 24.5241 78.1378 26.1032 78.1378H28.0062C28.1843 78.162 28.3625 78.1701 28.5487 78.1701H74.1068C77.3945 78.1701 78.5039 75.2291 78.8683 74.2596L85.7271 51.16C86.0753 49.9481 85.8971 48.7765 85.2169 47.8797ZM82.6175 50.2713L75.8154 73.185C75.1352 74.9463 74.536 74.9463 74.0987 74.9463H28.5487C27.9171 74.9463 27.3907 74.4777 27.3098 73.8637L33.2859 51.1923C33.5693 50.247 34.5087 49.4795 35.3751 49.4795H81.3138C82.0912 49.4795 82.5366 49.6895 82.6418 49.8269C82.6904 49.9157 82.6661 50.1177 82.6175 50.2713Z" fill="white"/>
|
||||
<path d="M46.1209 61.9463L49.3924 64.4671V67.3919L42.3149 61.9463L49.4005 56.5087V59.4335L46.1209 61.9463ZM63.9441 61.9463L60.6726 64.4671V67.3919L67.75 61.9463L60.6645 56.5087V59.4335L63.9441 61.9463ZM58.6724 54.5211L56.0488 53.7051L50.9634 70.0016L53.587 70.8177L58.6724 54.5211Z" fill="white"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.8 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 85 KiB After Width: | Height: | Size: 177 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 86 KiB |
|
|
@ -1,9 +1,81 @@
|
|||
@font-face {
|
||||
font-family: 'Satoshi';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Satoshi'), url('https://fonts.cdnfonts.com/s/85546/Satoshi-Regular.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Satoshi';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Satoshi'), url('https://fonts.cdnfonts.com/s/85546/Satoshi-Italic.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Satoshi';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Satoshi'), url('https://fonts.cdnfonts.com/s/85546/Satoshi-Light.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Satoshi';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Satoshi'), url('https://fonts.cdnfonts.com/s/85546/Satoshi-LightItalic.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Satoshi';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Satoshi'), url('https://fonts.cdnfonts.com/s/85546/Satoshi-Medium.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Satoshi';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: local('Satoshi'), url('https://fonts.cdnfonts.com/s/85546/Satoshi-MediumItalic.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Satoshi';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Satoshi'), url('https://fonts.cdnfonts.com/s/85546/Satoshi-Bold.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Satoshi';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Satoshi'), url('https://fonts.cdnfonts.com/s/85546/Satoshi-BoldItalic.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Satoshi';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: local('Satoshi'), url('https://fonts.cdnfonts.com/s/85546/Satoshi-Black.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Satoshi';
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
src: local('Satoshi'), url('https://fonts.cdnfonts.com/s/85546/Satoshi-BlackItalic.woff') format('woff');
|
||||
}
|
||||
|
||||
:root {
|
||||
--md-primary-fg-color: #f3f1f2;
|
||||
--md-primary-fg-color--dark: #0D4984;
|
||||
--md-primary-fg-color--light: #6593C8;
|
||||
--md-primary-bg-color: #ffffff;
|
||||
--nav-item-color: #4d4d4d;
|
||||
--md-footer-bg-color: #081729;
|
||||
--md-text-font: 'Satoshi';
|
||||
}
|
||||
|
||||
header > nav > ul > li {
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.mr-30 {
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.md-clipboard {
|
||||
|
|
@ -108,37 +180,6 @@ a.md-header__button.md-logo img {
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
.md-tabs__list li:nth-last-child(3) {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.md-tabs__list li:nth-last-child(1),
|
||||
.md-tabs__list li:nth-last-child(2),
|
||||
.md-tabs__list li:nth-last-child(3) {
|
||||
background-color: var(--md-primary-fg-color--dark);
|
||||
color: white;
|
||||
padding: 0 2em;
|
||||
}
|
||||
.md-tabs__list li:nth-last-child(3){
|
||||
border-radius: 0.7rem 0 0 0 ;
|
||||
}
|
||||
.md-tabs__list li:nth-last-child(1){
|
||||
border-radius:0 0.7rem 0 0 ;
|
||||
}
|
||||
|
||||
|
||||
.md-tabs__list li:nth-last-child(1) a,
|
||||
.md-tabs__list li:nth-last-child(2) a,
|
||||
.md-tabs__list li:nth-last-child(3) a {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.md-tabs__list li:nth-last-child(1) a:hover,
|
||||
.md-tabs__list li:nth-last-child(2) a:hover,
|
||||
.md-tabs__list li:nth-last-child(3) a:hover {
|
||||
color: var(--md-accent-fg-color);
|
||||
}
|
||||
|
||||
.md-nav__title .md-nav__button.md-logo img,
|
||||
.md-nav__title .md-nav__button.md-logo svg {
|
||||
width: auto;
|
||||
|
|
@ -170,6 +211,11 @@ border-radius: 0.7rem 0 0 0 ;
|
|||
color: gray;
|
||||
}
|
||||
|
||||
#sub-nav li:nth-last-child(3), #sub-nav li:nth-last-child(2), #sub-nav li:nth-last-child(1) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* bit of a hack to stop the banner taking space when empty */
|
||||
.md-banner .md-banner__inner {
|
||||
margin: 0 auto;
|
||||
|
|
@ -182,6 +228,7 @@ border-radius: 0.7rem 0 0 0 ;
|
|||
|
||||
.md-banner .versionwarning h1 {
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.md-banner .versionwarning p {
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -2,332 +2,395 @@
|
|||
<link rel="stylesheet" href="{{ 'assets/stylesheets/home.css' | url }}" />
|
||||
|
||||
<div class="md-container home-page">
|
||||
<section class="home-container">
|
||||
<div class="md-grid md-typeset">
|
||||
<div class="mdx-hero">
|
||||
<section>
|
||||
<div class="hero">
|
||||
<div class="md-grid md-typeset">
|
||||
<div class="headline-section">
|
||||
<h1 class="main-headline">
|
||||
Knative is an Open-Source Enterprise-level<br>
|
||||
solution to build Serverless and Event Driven Applications
|
||||
Providing the building blocks for <br />
|
||||
creating modern, cloud-based applications
|
||||
</h1>
|
||||
<p style="display: block">
|
||||
<a href="{{ 'getting-started/tutorial' | url }}" class="md-button white md-button--primary">Try the tutorial</a>
|
||||
<a href="{{ 'install/' | url }}" class="md-button white">Install Knative on your cluster</a>
|
||||
<h2 class="secondary-headline">
|
||||
The easiest way to build and run serverless workloads on Kubernetes.
|
||||
Built by the community, for modern cloud-native teams
|
||||
</h2>
|
||||
<p class="call-to-action">
|
||||
<a
|
||||
href="{{ 'getting-started/tutorial' | url }}"
|
||||
class="md-button black md-button--primary"
|
||||
>Try the tutorial</a
|
||||
>
|
||||
<a
|
||||
href="{{ 'install/' | url }}"
|
||||
class="md-button white md-button--secondary"
|
||||
>Install Knative on your cluster</a
|
||||
>
|
||||
</p>
|
||||
<div class="trusted-by-container">
|
||||
<h3 class="trusted-by">Trusted by</h3>
|
||||
<div class="scroller">
|
||||
<div class="scroller__inner">
|
||||
<!-- First row of adopters will be populated dynamically -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="scroller" data-direction="right">
|
||||
<div class="scroller__inner">
|
||||
<!-- Second row of adopters will be populated dynamically -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="trusted-by-container">
|
||||
<h3 class="trusted-by">Trusted by</h3>
|
||||
<div class="scroller">
|
||||
<div class="scroller__inner"></div>
|
||||
</div>
|
||||
<div class="scroller" data-direction="right">
|
||||
<div class="scroller__inner"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="need-to-know-more-container">
|
||||
<div class="md-grid md-typeset">
|
||||
<h1>Need to know more?</h1>
|
||||
<h1>What is Knative?</h1>
|
||||
<p class="normal-text">
|
||||
Learn about how Knative works with Kubernetes and the underlying ideas behind containers <br class="br">
|
||||
Learn about how Knative works with Kubernetes and the underlying ideas
|
||||
behind containers <br class="br" />
|
||||
and serverless infrastructure.
|
||||
</p>
|
||||
<a href="{{ 'getting-started/' | url }}" class="md-button call-to-action">
|
||||
Explore Knative
|
||||
</a>
|
||||
<iframe
|
||||
width="560"
|
||||
height="315"
|
||||
src="https://www.youtube.com/embed/69OfdJ5BIzs?si=3rM6m3LfA-OMCmCO"
|
||||
title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="why-serverless-container">
|
||||
<div class="md-grid md-typeset">
|
||||
<h1>Why serverless containers?</h1>
|
||||
<p class="normal-text-head">
|
||||
Serverless refers to running back-end programs and processes in the cloud. Serverless works on an as-used basis,
|
||||
meaning that companies only pay for what they use. Knative is a platform-agnostic
|
||||
solution for running serverless deployments.
|
||||
</p>
|
||||
<div class="img-table">
|
||||
<div class="img-row">
|
||||
<div class="img-col">
|
||||
<div class="reason-img">
|
||||
<div class="img-wrapper">
|
||||
<img src="images/home-images/blue_simple_abstractions_icon.svg"
|
||||
onmouseover="this.src='images/home-images/dkblue_simple_abstractions_icon.svg'"
|
||||
onmouseout="this.src='images/home-images/blue_simple_abstractions_icon.svg'" alt="" draggable="false">
|
||||
</div>
|
||||
</div>
|
||||
<div class="reason-text">
|
||||
<h2>Simpler Abstractions</h2>
|
||||
<p class="normal-text">
|
||||
Simplify your YAML with our custom CRDs
|
||||
</p>
|
||||
</div>
|
||||
<section class="serverless-outer">
|
||||
<div class="why-serverless-container md-grid">
|
||||
<div class="serverless-content-block">
|
||||
<h1>Why serverless containers?</h1>
|
||||
<p>
|
||||
Express scalable application architecture without distractions.
|
||||
Serverless gives you a vocabulary for expressing web and event-based
|
||||
applications without getting mired in the details of scaling and
|
||||
infrastructure libraries. Behind the scenes, Knative optimizes your
|
||||
deployment to match demand.
|
||||
</p>
|
||||
</div>
|
||||
<div class="serverless-feature-block">
|
||||
<div class="card feature">
|
||||
<div class="img-wrapper">
|
||||
<img
|
||||
src="images/home-images/blue_functions_icon.svg"
|
||||
alt=""
|
||||
draggable="false"
|
||||
/>
|
||||
</div>
|
||||
<div class="img-col">
|
||||
<div class="reason-img">
|
||||
<div class="img-wrapper">
|
||||
<img src="images/home-images/blue_autoscaling_icon.svg"
|
||||
onmouseover="this.src='images/home-images/dkblue_autoscaling_icon.svg'"
|
||||
onmouseout="this.src='images/home-images/blue_autoscaling_icon.svg'" alt="" draggable="false">
|
||||
</div>
|
||||
</div>
|
||||
<div class="reason-text">
|
||||
<h2>Autoscaling</h2>
|
||||
<p class="normal-text">
|
||||
Scale down to zero and up from zero
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="img-col">
|
||||
<div class="reason-img">
|
||||
<div class="img-wrapper">
|
||||
<img src="images/home-images/blue_progressive_rollouts_icon.svg"
|
||||
onmouseover="this.src='images/home-images/dkblue_progressive_rollouts_icon.svg'"
|
||||
onmouseout="this.src='images/home-images/blue_progressive_rollouts_icon.svg'" alt="" draggable="false">
|
||||
</div>
|
||||
</div>
|
||||
<div class="reason-text">
|
||||
<h2>Progressive Rollouts</h2>
|
||||
<p class="normal-text">
|
||||
Choose your rollout strategy depending on your needs
|
||||
</p>
|
||||
</div>
|
||||
<div class="reason-text">
|
||||
<h2>Functions</h2>
|
||||
<p class="normal-text">
|
||||
Application template patterns you can version and update
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="img-row">
|
||||
<div class="img-col">
|
||||
<div class="reason-img">
|
||||
<div class="img-wrapper">
|
||||
<img src="images/home-images/blue_event_intergrations_icon.svg"
|
||||
onmouseover="this.src='images/home-images/dkblue_event_intergrations_icon.svg'"
|
||||
onmouseout="this.src='images/home-images/blue_event_intergrations_icon.svg'" alt="" draggable="false">
|
||||
</div>
|
||||
</div>
|
||||
<div class="reason-text">
|
||||
<h2>Event Integrations</h2>
|
||||
<p class="normal-text">
|
||||
Handle events from many sources
|
||||
</p>
|
||||
</div>
|
||||
<div class="card feature">
|
||||
<div class="img-wrapper">
|
||||
<img
|
||||
src="images/home-images/blue_http_first_icon.svg"
|
||||
alt=""
|
||||
draggable="false"
|
||||
/>
|
||||
</div>
|
||||
<div class="img-col">
|
||||
<div class="reason-img">
|
||||
<div class="img-wrapper">
|
||||
<img src="images/home-images/blue_handle_events_icon.svg"
|
||||
onmouseover="this.src='images/home-images/dkblue_handle_events_icon.svg'"
|
||||
onmouseout="this.src='images/home-images/blue_handle_events_icon.svg'" alt="" draggable="false">
|
||||
</div>
|
||||
</div>
|
||||
<div class="reason-text">
|
||||
<h2>Handle Events</h2>
|
||||
<p class="normal-text">
|
||||
Trigger handlers from the event broker
|
||||
</p>
|
||||
</div>
|
||||
<div class="reason-text">
|
||||
<h2>HTTP-first</h2>
|
||||
<p class="normal-text">Serve and scale HTTP/2, gRPC, and MCP</p>
|
||||
</div>
|
||||
<div class="img-col">
|
||||
<div class="reason-img">
|
||||
<div class="img-wrapper">
|
||||
<img src="images/home-images/blue_plugable_icon.svg"
|
||||
onmouseover="this.src='images/home-images/dkblue_plugable_icon.svg'"
|
||||
onmouseout="this.src='images/home-images/blue_plugable_icon.svg'" alt="" draggable="false">
|
||||
</div>
|
||||
</div>
|
||||
<div class="reason-text">
|
||||
<h2>Plugable</h2>
|
||||
<p class="normal-text">
|
||||
Kubernetes native to be integrated and extended
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card feature">
|
||||
<div class="img-wrapper">
|
||||
<img
|
||||
src="images/home-images/blue_event_based_icon.svg"
|
||||
alt=""
|
||||
draggable="false"
|
||||
/>
|
||||
</div>
|
||||
<div class="reason-text">
|
||||
<h2>Event-based</h2>
|
||||
<p class="normal-text">
|
||||
Route and handle asynchronous events just like HTTP
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card feature">
|
||||
<div class="img-wrapper">
|
||||
<img
|
||||
src="images/home-images/blue_event_intergrations_icon.svg"
|
||||
alt=""
|
||||
draggable="false"
|
||||
/>
|
||||
</div>
|
||||
<div class="reason-text">
|
||||
<h2>Event Integrations</h2>
|
||||
<p class="normal-text">
|
||||
Extract events from existing services or define your own
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card feature">
|
||||
<div class="img-wrapper">
|
||||
<img
|
||||
src="images/home-images/blue_kubernetes_integrated_icon.svg"
|
||||
alt=""
|
||||
draggable="false"
|
||||
/>
|
||||
</div>
|
||||
<div class="reason-text">
|
||||
<h2>Kubernetes-integrated</h2>
|
||||
<p class="normal-text">Trigger handlers from the event broker</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card feature">
|
||||
<div class="img-wrapper">
|
||||
<img
|
||||
src="images/home-images/blue_plugable_icon.svg"
|
||||
alt=""
|
||||
draggable="false"
|
||||
/>
|
||||
</div>
|
||||
<div class="reason-text">
|
||||
<h2>Plugable</h2>
|
||||
<p class="normal-text">
|
||||
Kubernetes native to be integrated and extended
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="knative-components-container">
|
||||
<div class="md-grid md-typeset">
|
||||
<h1>Knative Components</h1>
|
||||
<p class="normal-text">
|
||||
Knative has two main components that empower teams working with Kubernetes. Serving and<br>
|
||||
Knative has two main components that empower teams working with
|
||||
Kubernetes. Serving and<br />
|
||||
Eventing work together to automate and manage tasks and applications.
|
||||
</p>
|
||||
<div class="components-content">
|
||||
<img class="components-img" src="images/home-images/knative_flowchart_graphic.svg" alt="" draggable="false" />
|
||||
<div class="text-table">
|
||||
<p class="normal-text">
|
||||
Run serverless containers in Kubernetes with ease. Knative takes care of the details of networking,
|
||||
autoscaling (even to zero), and revision tracking. Teams can focus on core logic using any programming
|
||||
language.
|
||||
</p>
|
||||
<p class="normal-text">
|
||||
Universal subscription, delivery and management of events. Build modern apps by attaching compute to a data
|
||||
stream with declarative event connectivity and developer friendly object models.
|
||||
</p>
|
||||
</div>
|
||||
<img
|
||||
class="components-img"
|
||||
src="images/home-images/knative_flowchart_graphic.svg"
|
||||
alt=""
|
||||
draggable="false"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="knative-components-container-mobile">
|
||||
<div class="text-upper-right">
|
||||
<p>Run serverless containers in Kubernetes with ease. Knative takes care of the details of networking, autoscaling (even to zero), and revision tracking.</p>
|
||||
</div>
|
||||
<div class="svg-diagram">
|
||||
<img class="components-img" src="images/home-images/knative_flowchart_graphic_mobile.svg" alt="" draggable="false" />
|
||||
</div>
|
||||
<div class="text-lower-left">
|
||||
<p>Universal subscription, delivery and management of events. Build modern apps by attaching compute to a data stream with declarative event connectivity and developer-friendly object models.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="trying-it-all-container">
|
||||
<div class="md-grid md-typeset">
|
||||
<h1>Trying it all together</h1>
|
||||
<div class="img-table">
|
||||
<div class="img-row">
|
||||
<div class="img-col">
|
||||
<div class="reason-img">
|
||||
<img src="images/home-images/dev_focus_code_icon.svg" alt="" draggable="false">
|
||||
</div>
|
||||
<div class="reason-text">
|
||||
<h2>Developers focus on code</h2>
|
||||
<p class="normal-text">
|
||||
From container to URL<br>
|
||||
with less YAML config
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="img-col">
|
||||
<div class="reason-img">
|
||||
<img src="images/home-images/dkblue_scale_icon.svg" alt="" draggable="false">
|
||||
</div>
|
||||
<div class="reason-text">
|
||||
<h2>Scale up and down</h2>
|
||||
<p class="normal-text">
|
||||
Scale down to zero<br>
|
||||
based on traffic patterns
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="img-col">
|
||||
<div class="reason-img">
|
||||
<img src="images/home-images/cloud_agnostic_icon.svg" alt="" draggable="false">
|
||||
</div>
|
||||
<div class="reason-text">
|
||||
<h2>Cloud agnostic</h2>
|
||||
<p class="normal-text">
|
||||
Control traffic shifting<br>
|
||||
for smoother rollouts
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="{{ 'install/' | url }}" class="md-button call-to-action">
|
||||
Deploy Knative Today
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="case-studies-container">
|
||||
<div class="md-grid md-typeset">
|
||||
<h1>
|
||||
<a href="{{ 'about/case-studies/' | url }}">Case Studies</a>
|
||||
</h1>
|
||||
<h1>Case Studies & Testimonies</h1>
|
||||
<a href="{{ 'about/testimonials/' | url }}">
|
||||
<div class="card kelsey-testimonial">
|
||||
<img src="images/home-images/Kelsey.png" alt="Kelsey Hightower" />
|
||||
<div>
|
||||
<p class="italize">
|
||||
<span class="quote">"</span>If you want to build a
|
||||
function-as-a-service, then you can build on top of knative, which
|
||||
has a serving framework, meaning when a request comes in you can
|
||||
scale a workload up and down on demand.<span class="quote"
|
||||
>"</span
|
||||
>
|
||||
</p>
|
||||
<p class="quote-author">— Kelsey Hightower</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="cases-table">
|
||||
<a href="{{ 'about/case-studies/sva/' | url }}">
|
||||
<div class="col">
|
||||
<div class="card col">
|
||||
<div class="logo">
|
||||
<img class="sva" src="images/case-studies/sva.png" alt="" draggable="false" />
|
||||
<img
|
||||
class="sva"
|
||||
src="images/case-studies/sva.png"
|
||||
alt=""
|
||||
draggable="false"
|
||||
/>
|
||||
</div>
|
||||
<hr>
|
||||
<p class="normal-text">
|
||||
"Knative allowed the team to centralize their system, scale, audit, and
|
||||
even select events while enforcing policies and simplifying the architecture"<br>
|
||||
"Knative allowed the team to centralize their system, scale,
|
||||
audit, and even select events while enforcing policies and
|
||||
simplifying the architecture"<br />
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="{{ 'about/case-studies/ibm/' | url }}">
|
||||
<div class="col">
|
||||
<div class="card col">
|
||||
<div class="logo">
|
||||
<img class="ibm" src="images/case-studies/ibm.png" alt="IBM logo" draggable="false" width="75" />
|
||||
<img
|
||||
class="ibm"
|
||||
src="images/case-studies/ibm.png"
|
||||
alt="IBM logo"
|
||||
draggable="false"
|
||||
width="75"
|
||||
/>
|
||||
</div>
|
||||
<hr>
|
||||
<p class="normal-text">
|
||||
"The introduction of the ML training infrastructure using Knative Eventing
|
||||
has enabled us to establish a well-defined operational boundary for the service teams."<br>
|
||||
"The introduction of the ML training infrastructure using Knative
|
||||
Eventing has enabled us to establish a well-defined operational
|
||||
boundary for the service teams."<br />
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="{{ 'about/case-studies/pnc/' | url }}">
|
||||
<div class="col">
|
||||
<div class="card col" id="pnc-testimonial">
|
||||
<div class="logo">
|
||||
<img class="pnc" src="images/case-studies/pnc_bank.png" alt="" draggable="false" />
|
||||
<img
|
||||
class="pnc"
|
||||
src="images/case-studies/pnc_bank.png"
|
||||
alt=""
|
||||
draggable="false"
|
||||
/>
|
||||
</div>
|
||||
<hr>
|
||||
<p class="normal-text">
|
||||
"The power of Knative’s eventing and serverless features allows PNC to bridge processes
|
||||
between Apache Kafka and CI/CD toolchain events and achieve this automated state."<br>
|
||||
"The power of Knative’s eventing and serverless features allows
|
||||
PNC to bridge processes between Apache Kafka and CI/CD toolchain
|
||||
events and achieve this automated state."<br />
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="cncf-notice-container">
|
||||
<h3>Knative is a <a href="https://www.cncf.io/">Cloud Native Computing Foundation</a> incubation project</h3>
|
||||
<img class="cncf-logo" src="images/home-images/cncf-color.png" alt="" draggable="false" />
|
||||
<h3>
|
||||
Knative is a
|
||||
<a href="https://www.cncf.io/">Cloud Native Computing Foundation</a>
|
||||
incubation project
|
||||
</h3>
|
||||
<img
|
||||
class="cncf-logo"
|
||||
src="images/home-images/cncf-color.png"
|
||||
alt=""
|
||||
draggable="false"
|
||||
/>
|
||||
</section>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
{{ super() }}
|
||||
{% endblock %} {% block scripts %} {{ super() }}
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
// Suggested size for the logo images = 320x96
|
||||
const adopters = [
|
||||
{ logoPath: "images/corporate-logos/alauda.svg", url: "https://www.alauda.io/" },
|
||||
{ logoPath: "images/corporate-logos/alibaba_cloud.svg", url: "https://cs.console.aliyun.com/" },
|
||||
{ logoPath: "images/corporate-logos/bloomberg.svg", url: "https://www.bloomberg.net/" },
|
||||
{ logoPath: "images/corporate-logos/blue_origin.svg", url: "https://www.blueorigin.com/" },
|
||||
{
|
||||
logoPath: "images/corporate-logos/alauda.svg",
|
||||
url: "https://www.alauda.io/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/alibaba_cloud.svg",
|
||||
url: "https://cs.console.aliyun.com/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/bloomberg.svg",
|
||||
url: "https://www.bloomberg.net/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/blue_origin.svg",
|
||||
url: "https://www.blueorigin.com/",
|
||||
},
|
||||
{ logoPath: "images/corporate-logos/box.svg", url: "https://box.com/" },
|
||||
{ logoPath: "images/corporate-logos/chainguard.svg", url: "https://chainguard.dev/" },
|
||||
{ logoPath: "images/corporate-logos/control_plane.svg", url: "https://www.controlplane.com/" },
|
||||
{ logoPath: "images/corporate-logos/deepc.svg", url: "https://www.deepc.ai/" },
|
||||
{ logoPath: "images/corporate-logos/fulcrum.svg", url: "https://www.fulcrumapp.com/" },
|
||||
{ logoPath: "images/corporate-logos/gojek.svg", url: "https://www.gojek.com/" },
|
||||
{ logoPath: "images/corporate-logos/google.svg", url: "https://cloud.google.com/anthos/run" },
|
||||
{ logoPath: "images/corporate-logos/ibm.svg", url: "https://cloud.ibm.com/codeengine" },
|
||||
{ logoPath: "images/corporate-logos/ka-nabell_japan.svg", url: "https://www.ka-nabell.com/" },
|
||||
{ logoPath: "images/corporate-logos/kubesphere.svg", url: "https://kubesphere.io/" },
|
||||
{ logoPath: "images/corporate-logos/liquidx.svg", url: "https://www.liquidx.com/" },
|
||||
{ logoPath: "images/corporate-logos/manomano.svg", url: "https://www.manomano.es/" },
|
||||
{ logoPath: "images/corporate-logos/optum.svg", url: "https://optum.com/" },
|
||||
{ logoPath: "images/corporate-logos/property_xyz.svg", url: "https://property.xyz/" },
|
||||
{ logoPath: "images/corporate-logos/redhat.svg", url: "https://www.openshift.com/learn/topics/serverless" },
|
||||
{ logoPath: "images/corporate-logos/scaleway.svg", url: "https://www.scaleway.com/en" },
|
||||
{ logoPath: "images/corporate-logos/sonavi_labs.svg", url: "https://www.sonavilabs.com/" },
|
||||
{ logoPath: "images/corporate-logos/spider.svg", url: "https://www.spider.com/" },
|
||||
{ logoPath: "images/corporate-logos/tata_comm.svg", url: "https://www.tatacommunications.com/solutions/cloud/platforms" },
|
||||
{ logoPath: "images/corporate-logos/vmware.svg", url: "https://network.tanzu.vmware.com/products/serverless" },
|
||||
{ logoPath: "images/corporate-logos/y_meadows.svg", url: "https://www.ymeadows.com/" },
|
||||
{ logoPath: "images/corporate-logos/grerook.svg", url: "https://www.greyrook.com/" },
|
||||
{ logoPath: "images/corporate-logos/high_cohesion.svg", url: "https://www.highcohesion.com/" },
|
||||
{ logoPath: "images/corporate-logos/vhive.svg", url: "https://vhive-serverless.github.io/" },
|
||||
{
|
||||
logoPath: "images/corporate-logos/chainguard.svg",
|
||||
url: "https://chainguard.dev/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/control_plane.svg",
|
||||
url: "https://www.controlplane.com/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/deepc.svg",
|
||||
url: "https://www.deepc.ai/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/fulcrum.svg",
|
||||
url: "https://www.fulcrumapp.com/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/gojek.svg",
|
||||
url: "https://www.gojek.com/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/google.svg",
|
||||
url: "https://cloud.google.com/anthos/run",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/ibm.svg",
|
||||
url: "https://cloud.ibm.com/codeengine",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/ka-nabell_japan.svg",
|
||||
url: "https://www.ka-nabell.com/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/kubesphere.svg",
|
||||
url: "https://kubesphere.io/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/liquidx.svg",
|
||||
url: "https://www.liquidx.com/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/manomano.svg",
|
||||
url: "https://www.manomano.es/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/optum.svg",
|
||||
url: "https://optum.com/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/property_xyz.svg",
|
||||
url: "https://property.xyz/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/redhat.svg",
|
||||
url: "https://www.openshift.com/learn/topics/serverless",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/scaleway.svg",
|
||||
url: "https://www.scaleway.com/en",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/sonavi_labs.svg",
|
||||
url: "https://www.sonavilabs.com/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/spider.svg",
|
||||
url: "https://www.spider.com/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/tata_comm.svg",
|
||||
url: "https://www.tatacommunications.com/solutions/cloud/platforms",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/vmware.svg",
|
||||
url: "https://network.tanzu.vmware.com/products/serverless",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/y_meadows.svg",
|
||||
url: "https://www.ymeadows.com/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/grerook.svg",
|
||||
url: "https://www.greyrook.com/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/high_cohesion.svg",
|
||||
url: "https://www.highcohesion.com/",
|
||||
},
|
||||
{
|
||||
logoPath: "images/corporate-logos/vhive.svg",
|
||||
url: "https://vhive-serverless.github.io/",
|
||||
},
|
||||
{ logoPath: "images/corporate-logos/sva.svg", url: "https://sva.de/en" },
|
||||
{ logoPath: "images/corporate-logos/vorteil-direktiv.svg", url: "https://www.direktiv.io/" }
|
||||
{
|
||||
logoPath: "images/corporate-logos/vorteil-direktiv.svg",
|
||||
url: "https://www.direktiv.io/",
|
||||
},
|
||||
];
|
||||
|
||||
function shuffle(array) {
|
||||
|
|
@ -340,10 +403,12 @@
|
|||
// Shuffle the adopters array
|
||||
shuffle(adopters);
|
||||
|
||||
const trustedByContainers = document.querySelectorAll(".trusted-by-container .scroller__inner");
|
||||
const trustedByContainers = document.querySelectorAll(
|
||||
".trusted-by-container .scroller__inner"
|
||||
);
|
||||
|
||||
function populateAdopters(container, adopters) {
|
||||
adopters.forEach(adopter => {
|
||||
adopters.forEach((adopter) => {
|
||||
const adopterLink = document.createElement("a");
|
||||
adopterLink.href = adopter.url;
|
||||
adopterLink.target = "_blank";
|
||||
|
|
@ -395,6 +460,4 @@
|
|||
{% endblock %}
|
||||
|
||||
<!-- Application footer -->
|
||||
{% block footer %}
|
||||
{% include "partials/footer.html" %}
|
||||
{% endblock %}
|
||||
{% block footer %} {% include "partials/footer.html" %} {% endblock %}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,153 @@
|
|||
<!--
|
||||
Copyright (c) 2016-2025 Martin Donath <martin.donath@squidfunk.com>
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to
|
||||
deal in the Software without restriction, including without limitation the
|
||||
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
||||
sell copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
||||
IN THE SOFTWARE.
|
||||
-->
|
||||
|
||||
<!-- Determine classes -->
|
||||
{% set class = "md-header" %}
|
||||
{% if "navigation.tabs.sticky" in features %}
|
||||
{% set class = class ~ " md-header--shadow md-header--lifted" %}
|
||||
{% elif "navigation.tabs" not in features %}
|
||||
{% set class = class ~ " md-header--shadow" %}
|
||||
{% endif %}
|
||||
|
||||
<!-- Header -->
|
||||
<header class="{{ class }}" data-md-component="header">
|
||||
<nav
|
||||
class="md-header__inner md-grid"
|
||||
aria-label="{{ lang.t('header') }}"
|
||||
>
|
||||
|
||||
<!-- Link to home -->
|
||||
<a
|
||||
href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}"
|
||||
title="{{ config.site_name | e }}"
|
||||
class="md-header__button md-logo"
|
||||
aria-label="{{ config.site_name }}"
|
||||
data-md-component="logo"
|
||||
>
|
||||
{% include "partials/logo.html" %}
|
||||
</a>
|
||||
|
||||
<!-- Button to open drawer -->
|
||||
<label class="md-header__button md-icon" for="__drawer">
|
||||
{% set icon = config.theme.icon.menu or "material/menu" %}
|
||||
{% include ".icons/" ~ icon ~ ".svg" %}
|
||||
</label>
|
||||
|
||||
<!-- Header title -->
|
||||
<div class="md-header__title" data-md-component="header-title">
|
||||
<div class="md-header__ellipsis">
|
||||
<div class="md-header__topic">
|
||||
<span class="md-ellipsis">
|
||||
{{ config.site_name }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="md-header__topic" data-md-component="header-topic">
|
||||
<span class="md-ellipsis">
|
||||
{% if page.meta and page.meta.title %}
|
||||
{{ page.meta.title }}
|
||||
{% else %}
|
||||
{{ page.title }}
|
||||
{% endif %}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Color palette toggle -->
|
||||
{% if config.theme.palette %}
|
||||
{% if not config.theme.palette is mapping %}
|
||||
{% include "partials/palette.html" %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<!-- User preference: color palette -->
|
||||
{% if not config.theme.palette is mapping %}
|
||||
{% include "partials/javascripts/palette.html" %}
|
||||
{% endif %}
|
||||
|
||||
<!-- Top Nav -->
|
||||
<ul class="md-tabs__list mr-30">
|
||||
<li class="md-tabs__item">
|
||||
<a href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}" class="md-tabs__link">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li class="md-tabs__item">
|
||||
<a href="/docs/concepts/" class="md-tabs__link">
|
||||
Docs
|
||||
</a>
|
||||
</li>
|
||||
<li class="md-tabs__item">
|
||||
<a href="/docs/about/testimonials/" class="md-tabs__link">
|
||||
About
|
||||
</a>
|
||||
</li>
|
||||
<li class="md-tabs__item">
|
||||
<a href="/blog/" class="md-tabs__link">
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
<li class="md-tabs__item">
|
||||
<a href="/docs/community/" class="md-tabs__link">
|
||||
Community
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- Site language selector -->
|
||||
{% if config.extra.alternate %}
|
||||
{% include "partials/alternate.html" %}
|
||||
{% endif %}
|
||||
|
||||
<!-- Button to open search modal -->
|
||||
{% if "material/search" in config.plugins %}
|
||||
{% set search = config.plugins["material/search"] | attr("config") %}
|
||||
|
||||
<!-- Check if search is actually enabled - see https://t.ly/DT_0V -->
|
||||
{% if search.enabled %}
|
||||
<label class="md-header__button md-icon" for="__search">
|
||||
{% set icon = config.theme.icon.search or "material/magnify" %}
|
||||
{% include ".icons/" ~ icon ~ ".svg" %}
|
||||
</label>
|
||||
|
||||
<!-- Search interface -->
|
||||
{% include "partials/search.html" %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<!-- Repository information -->
|
||||
{% if config.repo_url %}
|
||||
<div class="md-header__source">
|
||||
{% include "partials/source.html" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</nav>
|
||||
|
||||
<!-- Sub Navigation tabs (sticky) -->
|
||||
{% if not page.is_homepage %}
|
||||
{% if "navigation.tabs.sticky" in features %}
|
||||
{% if "navigation.tabs" in features %}
|
||||
{% include "partials/tabs.html" %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</header>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!--
|
||||
Copyright (c) 2016-2025 Martin Donath <martin.donath@squidfunk.com>
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to
|
||||
deal in the Software without restriction, including without limitation the
|
||||
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
||||
sell copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
||||
IN THE SOFTWARE.
|
||||
-->
|
||||
|
||||
{% import "partials/tabs-item.html" as item with context %}
|
||||
|
||||
<!-- Navigation tabs -->
|
||||
<nav
|
||||
class="md-tabs"
|
||||
aria-label="{{ lang.t('tabs') }}"
|
||||
data-md-component="tabs"
|
||||
>
|
||||
<div class="md-grid">
|
||||
<ul class="md-tabs__list" id="sub-nav">
|
||||
{% for nav_item in nav %}
|
||||
{{ item.render(nav_item) }}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
Loading…
Reference in New Issue